ClickFunnels Classic

Integrate ClickFunnels Pagebuilder with AEvent

AEvent avatar
Written by AEvent
Updated over a week ago

AEvent can seamlessly integrate with your ClickFunnels 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:

Registration Page Tutorials:


Integrate AEvent Header Script with Your ClickFunnels Registration Page

In this short tutorial, you'll be setting up your Registration Page Header Script for your AEvent Page.
โ€‹
This is Step 1 of 2.
โ€‹

Open the timeline you want to setup with your ClickFunnels registration page.

Once open, click on the 'Code' View. Click on the "gear" icon to select your Page builder Type. Select ClickFunnels 1.0 and click on "Update".

Copy the Header Script.

Next, log in to your ClickFunnels account, navigate to the funnel you are using with this Timeline and edit the registration page.

Next, select Settings and Tracking Code.

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

4. Close the popup window and save your changes in ClickFunnels.

The next step below is setting up your Registration Form so your opt-in is connected with AEvent.

Integrate AEvent Form Registration Code with ClickFunnels Registration Page

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

Step 1: Copy the AEvent Form Registration Code

  • Open the timeline you want to setup with your ClickFunnels registration page.

  • Once open, click on the 'Code' View. Click on the "gear" icon to select your Page builder Type. Select ClickFunnels 1.0 and click on "Update".

  • Go to the "Form Registration Code" and copy it.

Step 2: Edit ClickFunnels Registration Page

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

  • Click on "Settings" and select "Integrations" from the list.

  • For the "INTEGRATION" option, choose "null (Html Form)."

  • Then for "ACTION," select "Integrate Existing Form (Add HTML Below)".

Step 3: Paste the AEvent Code in ClickFunnels

  • Paste the previously copied Form Registration Code from AEvent into the provided field.

  • Click on "Parse & Save Web Form."

Step 4: Align Fields

  • Align the name and email fields on the ClickFunnels page accordingly.

  • If the form does not have the phone number, you do not need to connect that field.

  • Make sure you save the page when you're done.

And that's it. You have connected the platforms' registration form.
โ€‹
Below are two additional short tutorials.

First, we cover how to add a phone field to a ClickFunnels Popup Form. The second is if you would like to add another field to capture. In that example, we're using someone's age.

Add Phone Field (Optional)

AEvent's registration code has Name, Email, and Phone already, but some registration forms in ClickFunnels don't have the Phone field.

In the steps below, we're going to show you how you can add the Phone field so you can use that in your form too.

  • To add a phone field, clone an existing form element.

  • Input type "Phone Number."

  • Placeholder Test "Your Phone Number".

  • It's up to you if you want it "Required" or not. It can potentially hurt registrations if required, as some people are hesitant, but on the flip side, SMS is great at improving attendance rates.

Customize the "Phone Field" by changing the icon.

  • Go to the "Advanced" tab.

  • In the ICON drop-down, choose "Phone Icon".

  • Go back to Settings and Integrations in ClickFunnels.

  • Click on "Parse and Save Web Form" again to link the fields.

  • Ensure all three fields (name, email, and phone) are synced.

Capture An Extra Field, i.e., Age (Optional)

Let's say you want to capture an additional field on the form, such as the registrant's age.

  • Start in ClickFunnels and clone an existing form element.

  • Input type "Custom Type."

  • Custom Type "age".

  • Placeholder Test "Your Age".

  • Again, it's up to you if you want it "Required" or not. We suggest not.

Update the Code In AEvent

To use that new field with AEvent, we need to add the "Age" field we just created in ClickFunnels in the above step in AEvent as well, and we can finalize the setup.

  • Go to the Registration setting of the timeline you're using.

  • Click on "Add Registration Field"

  • Fill in the Field Name "age".

  • Select the Form Type "Custom Forms".

  • Click Add.

Finalize Integration

  • After creating the custom field in AEvent, click "OK".

  • Now go back to the Code section in AEvent.

  • Copy the updated code.

Return to ClickFunnels' integrations and update the code

  • Paste in the updated code you copied from AEvent.

  • Click on "Parse and Save Web Form," and you'll see the new field show up.

  • Ensure all four fields (name, email, phone, and age) are synced.

Congratulations! You've successfully integrated the AEvent registration form with a ClickFunnels 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.

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

In this tutorial, you'll learn how to implement a multi-option dropdown menu in ClickFunnels 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.

By the end of this tutorial, you'll have successfully created a multi-option dropdown menu in ClickFunnels for your registration page. Users will be able to select their desired event time from the dropdown, improving the registration process and providing a seamless experience.

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 the "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 ClickFunnels:

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

2. Add a new element to your page and choose the 'Select Box.'

  • Open the settings.

  • Under "Input Type", choose "Custom Options".

  • Copy and paste the necessary Values and Texts for the dropdown menu.

    • You can have up to 6 in your dropdown.

Input Name: webinaridselect

Value: {{!webinar-webinar1id}}
Text: {{!webinar-webinar1}}

Value2: {{!webinar-webinar2id}}
Text2: {{!webinar-webinar2}}

Value3: {{!webinar-webinar3id}}
Text3: {{!webinar-webinar3}}
  • Fill in the values and corresponding text for each option.

  • Ensure that the dropdown menu is marked as required.

  • Close the settings menu.

You can take this one step further if you would like to display the drop-down options in the user's local timezone. (By Default, Day / Date / Time - EST / PST is displayed.)

To display values in registrants' local time zone instead of using:

  • Text: {{!webinar-webinar1}}

You would use:

  • Text: {{!reg-dayofweek1}}, {{!reg-month1}} {{!reg-dayofmonth1}} - {{!reg-timeZone1}}.

  • Below is a list of this example, for webinars 1-3. We support up to webinar 6.

{{!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}}

Step 3: Aligning the Dropdown Menu in the Form

In AEvent:

Go to the 'Code' settings for the timeline you're using and copy the "Form Registration Code."

In ClickFunnels:

  • Click on "Settings," then select "Integrations."

  • In the form code section, manually update the existing form code by changing the type of the webinar ID field from "hidden" to "text."

  • Once you've chosen your preferred method, click on "Parse and Save Web Form" to save the changes.

  • Locate the new value "webinar ID" in the form code and align it with the dropdown menu by selecting "webinaridselect" as the option.

  • Exit and Save your settings.

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 ClickFunnels 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 ClickFunnels Registration Page

In this tutorial, we'll guide you step by step through the process of setting up a multi-session layout in ClickFunnels 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 ClickFunnels 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 ClickFunnels Registration Page

Locate the area on the page that is your registration page.

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 webinar's 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 first 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 ClickFunnels 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 ClickFunnels Confirmation Page

In this tutorial, you'll learn how to integrate a ClickFunnels Confirmation or Thank You Page (TYP) into AEvent. By following these steps, you'll be able to use the ClickFunnels 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 ClickFunnels confirmation page with AEvent, customizing 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 ClickFunnels 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 ClickFunnels

  • Open your Clickfunnels 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: Customize Countdown Timer

You can use the timer in ClickFunnels, but you need to adjust two settings for it to work properly.

1. Locate the countdown timer on your Clickfunnels Registration Page.

2. Open the setting of the timer.

3. YOU MUST change these two settings when using the Date Countdown 2.0.

a. Set the "End Date" to zero.

b. Change the "Expire Action" to "Show and Hide Elements."

4. The other two timers in ClickFunnels Classic, you only need to change the "Expire Action" to "Show and Hide Elements."

When the Confirmation page is loaded after a successful registration, the countdown timer will now 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 ClickFunnels 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 it into the desired location on your ClickFunnels 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 of the time and date of the event for which they registered.

Step 5: Preview and Test

1. Review your ClickFunnels 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 webinar's scheduled time.

You've successfully integrated your ClickFunnels 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.

Setup a Personalized Join Link on your ClickFunnels Confirmation Page

Enhance the user experience by providing a clickable join link on your ClickFunnels 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 ClickFunnels confirmation page, enabling registered users to join your event with a single click.

Follow These Simple Steps

  • On your ClickFunnels 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 ClickFunnels page, highlight the text, click the link icon, and paste in the code.

  • 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 ClickFunnels 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 ClickFunnels Page

By integrating the "Add to Calendar" feature into your ClickFunnels 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 help 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 ClickFunnels 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 New Element" on the ClickFunnels confirmation page.

  • Click on the MISC 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 ClickFunnels code editor.

  • Save the changes.


๐Ÿ’ช PRO TIP

You can add any image you want to your Calendar

by changing this code once pasted in ClickFunnels.

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 ClickFunnels page. Now, users who register for your event can easily add it to their preferred calendar platforms, improving their engagement and your attendance rate.

Replay Page & Additional Tutorials:


Integrate AEvent with Your ClickFunnels Replay Page

In this tutorial, you will learn how to integrate AEvent with your ClickFunnels 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 the 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 ClickFunnels 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 ClickFunnels

  • Open the Clickfunnels 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.


BONUS STEP: Add a Countdown Timer that is in line with the Expiration of the replay.

You can use the timer in ClickFunnels, but you need to adjust two settings for it to work properly.

  • Locate the countdown timer on your ClickFunnels Replay Page.

  • Open the setting of the timer.

  • YOU MUST change these two settings when using the Date Countdown 2.0.

a. Set the "End Date" to zero.

b. Change the "Expire Action" to "Show and Hide Elements."

  • For the "Minute Countdown (Evergreen)," you want to set the Hours, Minutes, and Seconds to Zero and change the "Expire Action" to "Show and Hide Elements."


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 ClickFunnels. 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.

Integration AEvent with Your ClickFunnels Additional Pages

In this tutorial, you will learn how to integrate AEvent with any additional ClickFunnels Pages that you want to either add personal dynamic page values to and/or you want to track visits and create custom audience segments. By following these steps, you will be able to add dynamic personalization to your additional ClickFunnel pages that are part of your Event funnel.

Step 1: AEvent Header Script

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

  • On the Settings Menu on the left, select Code and select Audience Pixel.

  • Copy the Full Pixel Code.

Step 2: Add Script to ClickFunnels

  • Open the Clickfunnels 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.

  • If you are simply wanting to track visits to this page, you can close the window and save the step, then the page.

  • With the addition of our header script on this page, you are able to add dynamic personalization. Whether this be a countdown timer or Dynamic Page Elements, you can copy and paste those elements into your actual page.

Integrate AEvent with Your ClickFunnels Countdown Timer

In this tutorial, you'll learn how to integrate AEvent with ClickFunnels' countdown timer feature. By doing so, you'll be able to display a countdown timer on your ClickFunnels page, synchronizing it with the date of your event. This will create a sense of urgency and excitement among your audience, boosting attendance and engagement.

By following this tutorial, you'll be able to seamlessly integrate AEvent with ClickFunnels' countdown timer. You'll learn how to allow the countdown timer to accurately reflect the time remaining until your webinar or event.

Customize Countdown Timer

You can use the timer in ClickFunnels, but you need to adjust two settings for it to work properly.

  • Locate the countdown timer on your ClickFunnels Page.

  • Open the Timer Settings.

YOU MUST change these two settings when using the Date Countdown 2.0.

  • A. Set the "End Date" to zero.

  • B. Change the "Expire Action" to "Show and Hide Elements."

Congratulations! You've successfully integrated AEvent with ClickFunnels' countdown timer. By setting the end date to zero, the countdown timer now accurately reflects the time remaining until your webinar or event.

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 ClickFunnels Page

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

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

Step 1: Access ClickFunnels

  • Log in to your ClickFunnels account and navigate to the funnel where you want to find the true URL of your page/s.

Step 2: Preview Your Page

  • Within the overview of that funnel, locate the specific page for which you need the true URL.

To easily obtain the value, click on the "Preview Page Split Test Version" option for that page.

Step 3: Identify the True Location

  • Once the preview of the page opens, look at the address bar at the top of your browser window. You will see a URL that consists of multiple components.

  • The true location you need to extract is found after the .../for_domain/ and before the

?updated_at=...

'aevent.clickfunnels.com/thank-you1689224515083'

Step 4: Use the True Location in AEvent

Copy the entire section of the URL.

i.e. aevent.clickfunnels.com/thank-you1689224515083

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.

  • 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 ClickFunnels page. By following the step-by-step instructions, you can ensure that AEvent accurately integrates with ClickFunnels, 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 ClickFunnels page.


Did this answer your question?