Skip to main content
Converti

Integrate Converti Pagebuilder with AEvent

AEvent avatar
Written by AEvent
Updated over 2 months ago

AEvent can seamlessly integrate with your Convertri 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 Convertri 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 Convertri registration page.

Once open click on the 'Code' View.

Copy the Header Script.

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

Click on Page in the top toolbar, then click on Custom Scripts.

Click the tabs to view scripts that are active on your page.

PLEASE NOTE: you may only add scripts at page level here.

Click Add Page Script. Give your script a name.

Add a description, choose whether you want the script to run on page load, and choose the script position, header.

Paste the code of your script into the box, and click Save.

The script will be added, and a red indicator will remind you that you need to republish your page(s) before you see the changes.

Next step below: Setting up your Registration Form, so your opt-in is connected with AEvent.

Integrate AEvent Form Registration Code with Convertri Registration Page

By following the step-by-step instructions below, you can integrate the AEvent registration form with Converti and ensure the collected data is passed into AEvent.

Step 1: Contact AEvent Support for Form Registration Code

On your Converti page, remove any existing elements irrelevant to the new registration form.

Please contact Aevent support for the registration form.

Step 2: Create an HTML Element & Paste the AEvent Code

Start by creating an HTML element on the page.

Next, click the element to open the editor on the right.

Paste the Form Registration Code from AEvent into the HTML element.

Save the changes.

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

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

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

Click on Page in the top toolbar, then click on Custom Scripts.

Click the tabs to view scripts that are active on your page.

PLEASE NOTE: you may only add scripts at page level here.

Click Add Page Script. Give your script a name.

Add a description, choose whether you want the script to run on page load, and choose the script position, header.

Paste the code of your script into the box, and click Save.

Step 3: Add Countdown Timer

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

1. Add a HTML element to the Convertri 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 Convertri on the right 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 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 Convertri 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 Convertri 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 Convertri 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 Convertri 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 Convertri Replay Page

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

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

Click on Page in the top toolbar, then click on Custom Scripts.

Click the tabs to view scripts that are active on your page.

PLEASE NOTE: you may only add scripts at page level here.

Click Add Page Script. Give your script a name.

Add a description, choose whether you want the script to run on page load, and choose the script position, header.

Paste the code of your script into the box, and click Save.

The script will be added, and a red indicator will remind you that you need to republish your page(s) before you see the changes.


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 Convertri. 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 Convertri Confirmation Page

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

Follow These Simple Steps

  • On your Convertri page:

  • Select text from the left menu and click to add to the page

  • 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 Convertri page, highlight the text and click on the hyperlink,

  • Paste the code under Link and save.

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

By integrating the "Add to Calendar" feature into your Convertri 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 Convertri 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 HTML on the Convertri confirmation page left menu.

  • Click the element to add to the page.

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 Convertri code editor.

  • Save the changes.


💪 PRO TIP

You can add any image you want for your Calendar

by changing this code once pasted in Convertri.

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

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

To implement a multi-option dropdown menu in Convertri 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 Convertri :

1. On your Convertri 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 Convertri 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 Convertri Registration Page

In this tutorial, we'll guide you step by step through the process of setting up a multi-session layout in Convertri 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 Convertri 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 Convertri 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 button to access its settings.

  • 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 Convertri 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?