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.
We can integrate for registration using either a Standard JavaScript Popup OR a more customized method in which you host an HTML form.
Below, we'll cover the basic elements of these items, as well as the use of our Dynamic Page Elements and Dynamic Countdown Timer.
Implementing AEvent JavaScript Popup Form
With our JavaScript implementation, the setup is as easy as pasting a single bit of code into your Registration Page Builder / HTML Page.
Please click the button below to open our Page Builder tutorials. Select your Page Builder from the list, and review 'Integrate AEvent JS Popup Form with Your Registration Page.'
Implementing AEvent HTML Form Code
Our HTML Form Code implementation, although a little more to set up, enables you to 100% style the form however you like with 0 limitations.
Copy the code from this section and into your Page Builder of choice.
Please click the button below to open our Page Builder tutorials. Select your Page Builder from the list, and review 'Integrate AEvent Form Registration Code with Your Registration Page.'
Want to capture both First Name and Last Name Separately?
From your Registration Code, swap out this field:
<input name="name" type="text" value="">
For:
<input name="firstname" type="text" value="">
<input name="lastname" type="text" value="">
Header Script - This needs to be placed into your Page Header / Tracking Code area on your Registration Page.
Please click the button below to open our Page Builder tutorials. Select your Page Builder from the list, and review 'Integrate AEvent Header Script with Your Registration 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; 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 Registration Header Script.
Hover your mouse over any element that you wish to place onto your Registration Page, and 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!
