AEvent seamlessly integrates with your GrooveFunnels pages, allowing you to connect your Registration Page, Confirmation Page, and Replay Page at a code level.
Don't be intimidated by the term "code" – we've made it easy! This means we ensure your campaigns maintain their desired appearance and functionality.
In the following sub-tutorials, we'll walk you through every step of the setup and integration process. This way, you can confidently use your AEvent-integrated GrooveFunnels pages and ensure they match your exact preferences. |
Page Builder:
|
Registration Page Tutorials:
Integrate AEvent With GrooveFunnels Registration Page
In AEvent you have the use of Codes and Scripts, with Countdown Timer elements, and other Dynamic Page Elements to use on your GrooveFunnels pages.
To use the features of AEvent you will need header scripts set up with GrooveFunnels.
In AEvent
Go into AEvent and to the Timeline you are using, the following process is the same for all three pages. The only difference is the page you attach.
In the setting to the left you want to select Code
Make sure you are on the Page Tab you want to use
You will see all Codes and Dynamic Elements you can use on your GrooveFunnels Pages.
For this step just find and Copy the Header Script from here and then go to your GrooveFunnels Dashboard
In GrooveFunnels
You can add code to the whole site or to the individual pages. We want to use the individual pages. We have Dynamic Page Elements you can use that relies on the Header Script at the page level to function properly.
Go to the the Registration Page you want to add the Header script to
Go to Settings
Go to Page Settings
Tracking Codes
Add the Header Script to the Head Box
That is it. You are ready to use all the options AEvent offers for you to use on your Registration page.
Integrate AEvent Form Code With GrooveFunnels Registration Page
You will need to reach out to support for your custom code for the form to use on your GrooveFunnels Registration Page.
You can email Support at [email protected] or you can use the support bubble in the lower left of your AEvent Dashboard to start a chat.
In GrooveFunnels you will need to have a Code Embed Element on your page that you can paste in the custom code you got from Support to create the form.
This is an example of the form on a colored background on the page - other than the button the form comes transparent so it can be put anywhere
Using AEvent's Dynamic Page Elements With Your Registration Page
Now as long as you have the Header Script set up you can also use the Dynamic Page Elements at the bottom of the Code Settings of the Registration Tab
All you need to do is click on the element you want to use
It will automatically be copied to your clipboard
Then you can paste them on your page
Like the Countdown timer, you need the Timeline Scheduled to see the Dynamic Page Elements you used
Creating a Multi-Option Dropdown Menu On Your Registration Page
How to implement a multi-option dropdown menu in GrooveFunnels for your registration page.
This feature allows you to provide users with a selection of options, such as different event times, making it easier for them to choose their preferred time slot. By following these steps, you can enhance the user experience and increase registration options for your events.
Step 1: Enabling Multi-Option Dropdown Menu
In AEvent:
Within your timeline click on the "Registration" option.
In the "Setup Type" box click on "Edit".
In that popup select "Multi-Option Dropdown Menu" setting.
After selecting the Multi-Option Dropdown Menu, click on "Update" to apply the changes.
Step 2: Adding the Dropdown Menu
In GrooveFunnels:
You will need to reach out to support for your custom code for the form to use on your GrooveFunnels Registration Page.
You can email Support at [email protected] or you can use the support bubble in the lower left of your AEvent Dashboard to start a chat.
In GrooveFunnels You will need to have a Code Embed Element on your page that you can paste in the custom code you got from Support to create the form.
Once you get the code back from Support and pasted in the Code Embed Element, your form would look like this:
Previewing the Registration Page
Click on "Preview" to see the changes made to your registration page.
Verify that the dropdown menu displays the scheduled webinar options. Users can now select their preferred event time, fill in their details, and complete the registration process smoothly.
By providing users with a selection of event times, you've improved the registration experience and made it more convenient for attendees to choose their desired time slot.
This engaging feature will help increase registration rates for your events and provide a seamless registration process.
***Creating A Multi-Session Layout For Your GrooveFunnels Registration Page ******Set Up Buttons left
This layout will allow your registrants to choose from multiple webinar registration times, providing them with more flexibility and convenience. By following this tutorial, you will be able to create an engaging and visually appealing registration page that enhances the user experience.
Additionally, you'll learn how the layout automatically updates and closes out sessions, based on availability.
Step 1: Setup Your AEvent Timeline For Multi-Session Layout
Open the AEvent timeline where you want to create the multi-session layout.
Select Registrations settings on the left setting menu.
In the Options section with Setup Type and Selection, click on Edit on the right side of that section
Select Multi-Session Selection Block
Click on Update
Step 2: Go To Your GrooveFunnels Registration Page
Locate the area on the page that is your registration.
Step 3: Add Text Fields
Design the layout of your registration page by adding text fields.
You can use and design the text fields however you want to for your page. You can have up to 6 times showing the webinars availability.
Arrange the text fields according to your preference.
In this example we set up 2, 3 column rows.
Dynamic elements to copy and paste into your page
{!reg-dayofweek1}
{!reg-month1} {!reg-dayofmonth1}
{!reg-timeZone1}
{!reg-year1}
{!reg-dayofweek2}
{!reg-month2} {!reg-dayofmonth2}
{!reg-timeZone2}
{!reg-year2}
{!reg-dayofweek3}
{!reg-month3} {!reg-dayofmonth3}
{!reg-timeZone3}
{!reg-year3}
{!reg-dayofweek4}
{!reg-month4}} {{!reg-dayofmonth4}
{!reg-timeZone4}
{!reg-year4}
*use up to 12 times if desired
Step 4: Set Up Buttons
The buttons on your registration page will allow users to choose their preferred webinar registration time.
Repeat this process for each button, specifying the relevant webinar session details.
You can have up to 6 time elements or as few as 2, depending on your needs.
When creating the buttons, it's IMPERATIVE, that each button has the proper css title.
Button Titles:
webinar1button
webinar2button
webinar3button
webinar4button
webinar5button
webinar6button
Step 5: Configure Webinar Availability
The layout automatically updates and closes out webinar sessions based on availability.
If you only have 2 it will only show 2 !
If there are more events than available slots.
If there are 7 once the 1st one is over the layout will adjust accordingly showing the next event.
As the webinar approaches, the layout will display appropriate messages like "Starting Now" or "Click To Sign Up". Users who click on these buttons and register will be directed to the webinar session or either "Session Passed" when the event is over.
Congratulations! You've successfully created a multi-session layout in GrooveFunnels for your registration page. By following the step-by-step instructions, you added text fields, configured buttons and set up the automated availability and messaging system.
Now your users can choose from multiple webinar registration times, improving their experience and increasing engagement.
Confirmation Page Tutorials:
Integrate AEvent with Your GrooveFunnels Confirmation Page
In AEvent
Go into AEvent and to the Timeline you are using, the following process is the same for all three pages. The only difference is the page you attach.
In the setting to the left you want to select Code
Make sure you are on the Page Tab you want to use
You will see all Codes and Dynamic Elements you can use on your Groovefunnels Pages.
For this step just find and Copy the Header Script from here and then go to your GrooveFunnels Dashboard
In GrooveFunnels
You can add code to the whole site or to the individual pages. We want to use the individual pages. We have Dynamic Page Elements you can use that relies on the Header Script at the page level to function properly.
Go to the the Confirmation Page you want to add the Header script to
Go to Settings
Go to Page Settings
Tracking Codes
Add the Header Script to the Head Box
That is it. You are ready to use all the options AEvent offers for you to use on your Confirmation Page
Using AEvent's Dynamic Page Elements With Your Confirmation Page
Now as long as you have the Header Script set up you can also use the Dynamic Page Elements at the bottom of the Code Settings of the Confirmation Page
This allows you to add the registrants name and more to the page.
All you need to do is click on the element you want to use
It will automatically be copied to your clipboard
Then you can paste them on your page
You can put the first name of the registrant
Like the Countdown timer you need the Timeline Scheduled to see the Dynamic Page Elements you used
Integrate AEvent 'Add To Calendar' Integration Into Your GrooveFunnels Page
If you have added the Add To Calendar Integration to the timeline then you will see a code section to edit and retrieve the code, and this is only seen in the Confirmation Tab of the Code Settings. This element is not available for any other page.
You can choose from some of the images and when you are set you can click the Copy on the right of the section
Paste the Code from AEvent into Groovefunnels where the Calendar is going
Like the other elements we added, for it to work you will need to have a Timeline scheduled for the calendar selection to work
💪 Advanced Level
You can add any image you want for your Calendar
by changing this code once pasted in Groovefunnels.
If you change out the "img src" section in the screenshot above with your own image, you can use any icon of your choice.
This was integrating AEvent with the Confirmation Page using the page builder Groovefunnels.
Setup a Personalized Join Link Messages On GrooveFunnels Confirmation Page
Adding Personalized Join Link Messages
You can also provide your registrants with a join link on the confirmation page.
First, head over to Aevent and locate the Code section and make sure you're on the Confirmation tab.
On this page, locate the Dynamic Page Elements and click on {{!joinurl}} to copy.
Now, we'll return to our GrooveFunnels page to paste the code.
To display the link you will need to use the hyperlink option.
Now we just paste in the code we copied from Aevent.
We put ours under the Calendar integration and as you can see the "Here Is Your Join Link" text is below it.
NOTE: Shortcodes:
How the URL will look when clicked
If you use the {{!platformurl}}
How the URL will look when clicked
Replay Page & Additional Tutorials:
Integrate AEvent with Your GrooveFunnels Replay Page
In AEvent you have the use of Codes and Scripts, with Countdown Timer elements, and other Dynamic Page Elements to use on your GrooveFunnels pages.
To use the features of AEvent you will need header scripts set up with GrooveFunnels.
You need to have the Replay Page already built and at least in Draft status
In AEvent
Go into AEvent and to the Timeline you are using, the following process is the same for all three pages. The only difference is the page you attach.
In the setting to the left you want to select Code
Make sure you are on the Page Tab you want to use
You will see all Codes and Dynamic Elements you can use on your GrooveFunnels Pages.
For this step just find and Copy the Header Script from here and then go to your GrooveFunnels Dashboard.
In GrooveFunnels
You will need to connect the Code to the page you want the AEvent Script on and you cannot do this until you have the pages at least in a draft state.
Go to Settings
Go to Page Settings
Tracking Codes
Add the Header Script to the Head Box
Select Publish when done.
Now you are able to use the Codes and Scripts, with Countdown Timer elements, and other Dynamic Page Elements that is offered in AEvent on your GrooveFunnels Pages.
Using AEvent's Dynamic Page Elements With Your Replay Page
Now as long as you have the Header Script set up you can also use the Dynamic Page Elements at the bottom of the Code Settings of the Replay Page.
This allows you to add the registrants name to the page and provide a Join link as well
Like the Countdown timer you have to have the Timeline Scheduled to see the Dynamic Page Elements you used.
⚠️ IMPORANT: Secure Access with Self-Expiring Pages ⚠️
When the Header Script is in place and the timeline is set to active, accessing the replay page without proper credentials is restricted.
The credentials usually consist of a registration link or replay link that is valid for a specific time. These self-expiring links ensure that unauthorized users are locked out after the designated time period.
NOTE: To test the functionality, it is a requirement your link has either a Webinar ID or Registrant ID as shown below:
https://YOUR_REPLAY_PAGE_LINK?webinar=XXXXXXX
or
https://YOUR_REPLAY_PAGE_LINK?r=XXXXXX
If you want to make the replay page accessible without time restrictions, you can set the timeline to inactive. However, keep in mind that once the timeline is inactive, anyone can access the content.
The self-expiring feature is designed to create a sense of urgency and offer true automation for your pages.
Add AEvent's Countdown Timer On Your GrooveFunnels Registration, Confirmation, and Replay Pages
By doing so, you'll be able to display the countdown timer you designed in AEvent on your GrooveFunnels pages, synchronizing it with the date of your event.
This will create a sense of urgency and excitement among your audience, boosting attendance and engagement.
Adding A Countdown Timer
You have the option to add in a Countdown Timer to your Registration Page, Confirmation Page, and your Replay Page.
In AEvent you will need to go back to the Code Settings. Here is where you can customize your timer to use on the Page you want to add the time to.
To customize the timer click the Cog Wheel and the Settings will one on the right that will allow you to edit the Timer how you want to and Click Update when you are done
To the right of the Countdown Settings you can copy the HTML Code, you will need this code to add to your Registration Page
In GrooveFunnels
As you are editing the Registration Page you will want to add in a HTML Element to where you want to have your Countdown Timer you customized.
Once you have a spot for the timer search Code Embed in GrooveFunnels for the element.
The Code window opens and here is where you can Paste the Countdown Timer code you copied from AEvent
That is it! This is how you add the timer to your pages. It is the same process for each page.
NOTE:
To see the Countdown Timer
You need to schedule the timeline you are working on and then
you need to preview the page once it is scheduled
This will create a sense of urgency and excitement among your audience, encouraging them to take action and participate in your event.
Get the TRUE URL of your GrooveFunnels Page
How to obtain the correct URL, you can ensure that the confirmation page and replay page in AEvent are linked to the appropriate GrooveFunnels pages. This step is crucial for seamless integration between GrooveFunnels and AEvent.
By the end of this tutorial, you'll be able to accurately locate and retrieve the true URL of your GrooveFunnels page, ensuring proper integration with AEvent.
Step 1: Open the page In GrooveFunnels
In this example we'll find the Page URL. This process is the same for all pages. Follow the same steps.
Step 2: Use the True Location in AEvent
Copy the URL.
Navigate to AEvent and access the Timeline Settings for the confirmation page or replay page.
Now go to the Advanced Settings.
Click on "Add Page URLs"
Here's where you add the URLs you're using i.e. Confirmation Page.
Click the "Update" Button.
And you can now see the URL displayed on your dashboard.
Step 3: Save and Test
Once you have replaced the URL with the true location, save the changes in AEvent. Now double-check that the correct URL is now being used for the confirmation page or replay page.
To do that schedule the event register for it and see if you get taken to the Confirmation page.
Congratulations! You learned how to locate and retrieve the true URL of your Groovefunnels page. By following the step-by-step instructions, you can ensure that AEvent accurately integrates with Groovefunnels, linking the confirmation page and replay page to the correct locations.
This will provide a seamless experience for your event attendees.
Remember to always use the true URL obtained through this process, as it represents the actual location of your Groovefunnels page.