Welcome to this step-by-step tutorial on connecting your Groove Funnels registration form with AEvent! In this tutorial, we'll guide you through the process of seamlessly integrating these two platforms, allowing you to collect registrations for your events effortlessly. So, let's dive in and get started!
Step-by-Step Guide:
Step 1: Accessing the Demo Website and Registration Page
1. Open your web browser and navigate to the demo website where your registration page is hosted.
Step 2: Customizing the Registration Form
1. On the registration page, locate the form where attendees will provide their information.
2. Click on the first field of the form and enter the input ID as "field name." This will help identify the input later.
3. Set the placeholder text to "Your first name" to provide clear instructions to users.
4. For the email field, ensure that the input type is set to "email." This will enable email validation.
5. Tick the validation rules checkbox to make it mandatory for attendees to fill in this field.
6. If you require a phone number, add another field and label it as "phone."
7. Customize the text associated with the phone number field to your preference.
Step 3: Adding Additional Fields
1. If there are more fields you want to include, locate them in the side elements of your registration form.
2. Drag and drop the desired input field onto your form, one at a time.
3. For each new field, assign a suitable input ID to identify it later.
Step 4: Hiding Unwanted Fields
1. Identify the fields you added in the previous step that need to be hidden from the attendees.
2. Go to the layout and display settings of each field.
3. Choose the "none" option to hide these fields from the user's view.
Step 5: Linking to AEvent Registration Page
1. Locate the container or section where your registration form is placed.
2. Click just outside the container to ensure it is selected.
3. Find the "post" option and click on it.
4. In the URL field, paste the AEvent registration page code that you copied from the AEvent settings.
Step 6: Adding AEvent Header Code to Groove Funnels Page
1. Access your Groove Funnels page where you want to embed the AEvent header code.
2. Look for the timeline settings or page settings options.
3. Find the code embed element in the elements panel and drag it to the desired location on your page.
4. Click on the wrench icon or edit option of the code embed element.
5. Paste the AEvent header script that you obtained from the AEvent platform.
6. Save your changes and publish your Groove Funnels page.
Congratulations! You have successfully connected your Groove Funnels registration form with AEvent. By following this tutorial, you have learned how to customize the registration form, add fields, hide unwanted fields, link to the AEvent registration page, and embed the AEvent header code into your Groove Funnels page. Now, you can effortlessly collect registrations for your events and provide a seamless experience to your attendees. Keep exploring and maximizing the potential of these powerful platforms for your event management needs!
***********************************************************************************************