Integrate Happyning with your Webflow website

Webflow allows you to set up websites easily with a no-code strategy.‍

The integration between Happyning and Webflow allows you to publish public RSVP forms to receive the replies from your event guests via your own website on Webflow.

This integration makes it extremely easy to have guests for your event sign up directly from your own website and be registered in to the Happyning event that you have created, where you can continue to track guests and publish information about the event to them.

What you need before you get started

1. You have created your event in Happyning Events app on either iOS or Android
2. You have a Webflow website where you have Design permissions
   

From Happyning

Retrieve the public signup link that is available within your event:

1. Open your event
2. Navigate to Guests and select Invite
3. Press on Share public invitation and select Copy invitation link
4. Save this to be used in a later step

On your Webflow website

Decide on which page you want the RSVP form of your event to be available. This is where you will set up the form that will be integrated with your Happyning event.

Create a form with the following field types and name's (it is important to use exactly these names):

1. firstname (Plain textfield) - Required
2. lastname (Plain textfield) - Required
3. countrycode (Select field) - Required field with minimum of 1 dial code in the list that should contain values for your guests possible international dial country codes e.g +46, +1, +45
4. phonenr (Phone textfield) - Required field with a proper phone number. This is also validated in Happyning when submitted, as it needs to be a valid real working phone number.
5. replystatus (Select field) - Required with the follow values: yes, no, maybe

On the Form settings, apply the following:

1. Method = POST
2. Success message = "Thank you! You have successfully been registered as a guest to the event"
3. Error message = " Oops, something went wrong! Verify that the field values are correct and if the guest is already registered"

On the Form settings for the Action field:

1. From the link that you saved from your Happyning event, add /reg at the end of it
2. Save this link to the Action field - Example: https://123-abc.hpy.at/e/111aabb2233c/reg‍
3. Finalize the layout of the form together with any desired labels
   

Next, navigate to Projects settings inside Webflow and open the section Custom code.

Here you will paste the below snippet in to the Footer code in order to activate AJAX on the form used for Happyning.

After this your are all set!