All Collections
Integrations
Site / Page Builders
Go High Level Page Builder Setup
Go High Level Page Builder Setup

Integrate GoHighLevel Pagebuilder with AEvent

AEvent avatar
Written by AEvent
Updated over a week ago

AEvent can seamlessly integrate with your GoHighLevel Campaigns. Enabling you to host your Registration Page, Confirmation Page, and Replay Page, integrating them at a code level.

(Meaning we help keep your campaigns looking and acting 100% the way you want them to, don't let the word code scare you, this is easy!).

In the sub-tutorials below, we cover every aspect of setup and integration so you can host your AEvent-integrated pages and keep them looking EXACTLY the way you want!!

Page Builder:

Integrate AEvent Header Script with Your GoHighLevel Registration Page

In this short tutorial you'll be setting up your Registration Page Header Script into your AEvent page.

This is Step 1 of 2.
Open the timeline you're wanting to setup with your GoHighLevel registration page.

Once open click on the 'Code' View.

Copy the Header Script.

Next, login to your GoHighLevel account, navigate to the funnel you are using with this Timeline, and edit the registration page.

Next, select Settings and Tracking Code.

In the popup, paste the AEvent Header Code you copied from AEvent.

Close the popup window and save your changes in GoHighLevel.

Next Step Below, Setting up your Registration Form, so your opt-in is connected with AEvent.

Integrate AEvent Form Registration Code with GoHighLevel Registration Page

By following the step-by-step instructions below, you'll be able to integrate the AEvent registration form with GoHighLevel and ensure the collected data is passed into AEvent.

Step 1: Contact AEvent Support for Form Registration Code

1. On your GoHighLevel page, remove any existing elements that are not relevant to the new registration form.

2. Please contact Aevent support for the registration form.

Step 2: Edit GoHighLevel Registration Page

Open GoHighLevel and access the registration page you want to edit.

  • Click on "Pop up" and the popup window will open.

  • Click "add row" and then add 1 column

  • Then add element and click on the Custom JS/HTML

Step 3: Open the Code Editor & Paste the AEvent Code

  • Paste the Form Registration Code from AEvent into the js/html element.

  • Click on "Yes, Save."

Step 4: Create the cta button

Now all we need to do is define the action to open the popup.

Congratulations! You've successfully integrated the AEvent registration form with a GoHighLevel form. Now, your registration form will collect the registrant's name, email, phone number (optional), and any additional custom fields (if added). This information will be passed into AEvent, allowing you to leverage it in various ways, such as text messaging, dynamic elements and email services.

Integrate AEvent with Your GoHighLevel Confirmation Page

In this tutorial, you'll learn how to integrate a GoHighLevel Confirmation or Thank You Page (TYP) into AEvent. By following these steps, you'll be able to use the GoHighLevel confirmation page, customize it with dynamic elements, and use features like countdown timers. This integration will enhance the user experience and provide a seamless registration process for your event.

By the end of this tutorial, you'll have successfully integrated your GoHighLevel confirmation page with AEvent, customized it with dynamic elements and using a countdown timer. You'll have a fully functional and engaging confirmation page that enhances the overall experience for your event attendees.

Step 1: AEvent Header Script

  • Open AEvent and go to the timeline you're going to connect to your GoHighLevel Confirmation page.

  • On the Settings menu on the left select Code.

  • Make sure you're on the Confirmation Tab.

  • Copy the Header Script.

Step 2: Add Script to GoHighLevel

  • Open your GoHighLevel Confirmation page you want to add the Header Script to.

  • Select Settings and then Tracking Code.

  • In the popup, paste the AEvent Header Code you copied in the last step.

  • Close the window and save the step.

Step 3: Add Countdown Timer

You can add a countdown timer in GoHighLevel to show the upcoming event.

1. Add a JS/HTML element to the GoHighLevel confirmation page

2. Now, in your Aevent account go to the code section and locate the confirmation page tab. Then copy the HTML code.

Now open the code editor in GoHighLevel and paste in the code.

Then save.

Now, when the Confirmation page is loaded after a successful registration, the countdown timer will display the time left until their scheduled webinar start time.

Step 4: Customize Dynamic Elements

We're going to show you how to add dynamic elements to show the date and time of your webinar once it is scheduled.

  1. Under your code setting make sure you're on the Registration Tab.

2. Scroll to the bottom and you'll see a Dynamic Page Elements you can add to your Registration Page.

3. Locate the elements you want to use. When you click on a single element it will copy it to your clipboard and then you can paste it onto your GoHighLevel Registration page.

In this case we want to use {{month}} {{dayofmonth}} {{year}} and timezones {{!timeEST}} and {{!timePST}}

4. Copy the month code from AEvent & paste into the desired location on your GoHighLevel page.

5. Repeat the same process for the day, year & time elements.

Repeat for all desired elements.

You can now use these elements on your confirmation page to remind the registrants for the time and date of the event in which they registered for.

Step 5: Preview and Test

1. Review your GoHighLevel registration page to ensure that the header script is installed correctly and the dynamic elements are customized.

2. If you've scheduled a webinar in AEvent, check if the dynamic elements align with the webinars scheduled time.

You've successfully integrated your GoHighLevel confirmation page with AEvent.

In the tutorials below, you can learn how to customize the page with dynamic elements, set up countdown timers, personalized messages, and an Add-To-Calendar Widget.

Integrate AEvent with Your GoHighLevel Replay Page

In this tutorial, you will learn how to integrate AEvent with your GoHighLevel Replay Page. By following these steps, you will be able to create self-expiring replay pages with full automation, ensuring that only authorized users can access the content.

By the end of this tutorial, you will be able to successfully integrate AEvent header script. You will understand how to customize the countdown timer, show and hide elements, and set up self-expiring links for secure access to your content.

Step 1: AEvent Header Script

  • Open AEvent and go to the timeline you're going to connect to your GoHighLevel Replay page.

  • On the Settings Menu on the left select Code.

  • Make sure you are on the Replay Tab.

  • Copy the Header Script.

Step 2: Add Script to GoHighLevel

  • Open your GoHighLevel Replay Page you want to add the Header Script to.

  • Select Settings and select Tracking Code.

  • In the popup, paste the AEvent Header Code you copied in the last step.

  • Close the window and save the step.


IMPORTANT: Secure Access with Self-Expiring Links

When the 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.

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 replay pages.


Congratulations! You have successfully integrated, augmented, and replayed pages on GoHighLevel. You have learned how to copy the header script, customize the countdown timer, and secure access with self-expiring links. By implementing these steps, you can create engaging replay pages with automated access control.

Setup a Personalized Join Link on your GoHighLevel Confirmation Page

Enhance user experience by providing a clickable join link on your GoHighLevel confirmation page, allowing registrants to easily access your event.

What you're going to achieve in the tutorial is being able to add a working join link to your GoHighLevel confirmation page, enabling registered users to join your event with a single click.

Follow These Simple Steps

  • On your GoHighLevel page:

  • Go to Elements and select Add Element

  • Select Text and Sub-Headline

  • Type in the text you want on the link. Example: Click here to Join!

  • In AEvent, go into your Timeline settings and click on </> Code.

  • Click on the Confirmation Page tab.

  • Under Dynamic Page Elements, click on {{joinurl}}, which will automatically copy the code to your clipboard.

  • Return to your GoHighLevel page, highlight the text, click the link icon, and paste in the code.

    In GoHighLevel, the code needs to be one bracket only { }, so remove one from either side

  • Save the changes made to the confirmation page and review the confirmation page to ensure the join link appears as intended.


💪 Pro Tip: Live Test

Test the join link by registering for your event and confirming the registration.

Verify that the join link on the confirmation page correctly redirects users to the event joining page. It's highly advised to fix this now before you send traffic to it.


You're Ready to Go!

You've successfully added a join link to your GoHighLevel confirmation page. Now, when users register for your event and land on the confirmation page, they'll see a clickable link that allows them to join the event with ease.

Remember, providing a seamless user experience is crucial for maximizing attendance and engagement in your event. With this simple addition, you've made it convenient for your participants to access your event and make the most of their experience.

Integrate AEvent 'Add To Calendar' Integration Into Your GoHighLevel Page

By integrating the "Add to Calendar" feature into your GoHighLevel page, you provide your users with an easy way to add your event to their preferred calendar platforms, such as Google Calendar, iCloud, and Outlook. This can improve attendance rates, user engagement and helps them stay organized by conveniently adding your event to their personal calendars.

In this tutorial, you'll learn how to integrate the "Add to Calendar" feature into your GoHighLevel page. By following the step-by-step instructions, you'll be able to add a button that allows your users to add your event to their preferred calendar platforms.

"Add to Calendar" Integration

  • Click on "Add Element" on the GoHighLevel confirmation page.

  • Click on the right menu and select "Custom JS/HTML".

  • Click on Open Code Editor.

Return to AEvent and activate the "Add to Calendar" integration if not already done.

  • Customize the Calendar reminder icon by selecting one from the options.

  • Copy the HTML code for the "Add to Calendar" reminder.

  • Paste the HTML code into the GoHighLevel code editor.

  • Save the changes.


💪 PRO TIP

You can add any image you want for your Calendar

by changing this code once pasted in GoHighLevel.

If you change out the "img src" section in the screenshot above with your own image, you can use any icon of your choice.


Remember to test the button in 'preview' mode to ensure it functions as intended.

Congratulations! You've successfully integrated the "Add to Calendar" feature into your GoHighLevel page. Now, users who register for your event can easily add it to their preferred calendar platforms, improving their engagement and your attendance rate.

Get the TRUE URL of your GoHighLevel Page

In this tutorial, you'll learn how to find the true URL of your GoHighLevel page. By obtaining the correct URL, you can ensure that the confirmation page and replay page in AEvent are linked to the appropriate GoHighLevel pages. This step is crucial for seamless integration between GoHighLevel and AEvent.

By the end of this tutorial, you'll be able to accurately locate and retrieve the true URL of your GoHighLevel page, ensuring proper integration with AEvent.

Step 1: Access GoHighLevel

  • Login to your GoHighLevel account and navigate to the funnel where you want to find the true URL of your page/s.

Step 2: Locate the settings

  • Within the settings of that funnel choose the domain for which you need the true URL.

Step 3: Identify the Path

  • Once you've identified the path, it can now be copied for the next step.

Step 4: Use the True Location in AEvent

Copy the previous section of the URL and paste after the domain url into your Notepad or other app.

e.g aevent.gohighlevel.com/digital-marketing-001-2-0

Now that you have the true 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 6: Save and Test

Once you have replaced the URL with the true location, save the changes in AEvent. Double-check that the correct URL is now being used for the confirmation page or replay page.

Congratulations! You learned how to locate and retrieve the true URL of your GoHighLevel page. By following the step-by-step instructions, you can ensure that AEvent accurately integrates with GoHighLevel, 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 Gohighlevel page.

Creating a Multi-Option dropdown menu in GoHighLevel for your Registration page

To implement a multi-option dropdown menu in GoHighLevel for your registration page, you'll need to contact Support for the registration form (until the new feature is ready for use).
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 GoHighLevel:

1. On your GoHighLevel page, remove any existing elements that are not relevant to the multi-option dropdown menu.

2. Please contact support for the registration form.

3. Add the form to your page in an html element.


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.

Congratulations! You've successfully created a multi-option dropdown menu for your GoHighLevel registration page. 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 GoHighLevel Registration Page

In this tutorial, we'll guide you step by step through the process of setting up a multi-session layout in GoHighLevel for your registration page. 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.

By the end of this tutorial, you'll have successfully created a multi-session layout in GoHighLevel for your registration page. You'll understand how to add multiple registration time options, set up a countdown timer, create text fields and link the buttons to the respective registration forms.

Additionally, you'll learn how the layout automatically updates and closes out sessions, based on availability.

Step 1: Open AEvent Timeline

Open the AEvent timeline where you want to create the multi-session layout.

1. Select Registrations settings on the left setting menu.

2. In the 1st section with Setup Type and Options, click on Edit on the right side of that section.

3. Select Multi-Session Selection Block and click on Update.

Step 2: Go To Your GoHighLevel 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.

Click on the gear to access its settings.

Customize the button with the CSS code provided below.

  • 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 GoHighLevel 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.


Did this answer your question?