AEvent integrates into YOUR Pages and campaigns in a way that is "least intrusive" while enabling all the technical ability that is to be expected.
Unlike most platforms, your Confirmation Page is a page that YOU Host, so you have 100% control over its appearance and interactions.
Below, we'll cover the basic elements of these items, as well as the use of our Dynamic Page Elements and Dynamic Countdown Timer.
Header Script - This needs to be placed into your Page Header / Tracking Code area on your Confirmation Page.
Please click the button below to open our Page Builder tutorials. Select your Page Builder from the list, and review 'Integrate AEvent with Your Confirmation Page.'
Dynamic Countdown Timer - AEvent supports Countdown timers on your Registration page, Confirmation page, as well as your Replay page. The setup for these are the same, and the only difference depends on the type of Header Script being used.
You can customize the Countdown Timer that is displayed, as well as the colors, by clicking on the settings cogwheel.
Click the Left or Right to browse the different options, then further customize by selecting different fonts and/or altering the size and color.
Once you click Update, your customization has been saved! Copy and Paste the HTML code on the right into an HTML element within your page builder.
Helpful Note: You DO NOT need to update the code if you change your Countdown Timer; the code itself is the same for the entire system.
The code below will work for you as well:
<div class="countdown-box"><div class="countdown-row">
<div class="countdown-section">
<div class="countdown-amount" id="days">
</div>
<div class="countdown-period">
</div>
</div>
<div class="countdown-section">
<div class="countdown-amount" id="hours">
</div><div class="countdown-period">
</div>
</div>
<div class="countdown-section">
<div class="countdown-amount" id="minutes">
</div>
<div class="countdown-period">
</div>
</div>
<div class="countdown-section">
<div class="countdown-amount" id="seconds">
</div>
<div class="countdown-period">
</div>
</div>
</div><div class="clearfix"></div>
</div>
Dynamic Page Elements - AEvent supports keeping ALL page elements dynamic, including Day of Week, Day of Month, Month, Year, Time, etc. ALL of these values can be displayed in either the Registrants Time Zone, OR based upon the Time Zone of your Account. These values automatically update with assistance from the Confirmation Header Script.
Hover your mouse over any element that you wish to place onto your Confirmation Page, make dynamic, click copy, and then paste that value INTO your registration page (Instead of your page saying Thursday, you would paste {{!reg-dayofweek}} in its place.
These values can be used anywhere on your page. Once your Timeline has been scheduled for an Event, these values, working in conjunction with our Header Scripts, will be swapped out and display the proper values in relation to your Registrant and upcoming Event!
