In this tutorial, we'll learn how to set up a Dynamic Confirmation Page in AEvent. A dynamic confirmation page is useful when you want to run multiple registration pages for the same Event and Timeline but show different confirmation pages based on the traffic source. This allows for split testing or customized messaging for participants coming from different registration pages.
By the end of this tutorial, you'll be able to set up a dynamic confirmation page for your AEvent registration process. This will enable you to provide tailored confirmation pages based on the registration source, enhancing the user experience and allowing for targeted messaging.
Step-By-Step Tutorial:
Step 1: Access the AEvent Settings
Locate the event timeline where you want to set up the dynamic confirmation page.
Go to the timeline settings, then to "Registration."
Click on "Add Registration Field".
Step 2: Define Custom Form Field
In the Field Name, enter "Confirm URL".
Select "Custom Forms" as the Form Type.
Click on "Add".
Step 3: Update the Registration Form Code
After creating the custom form field, you'll see it in the Fields list on your dashboard.
Navigate to the "Code" section and to the "Registration" tab.
Go to the Form Registration Code and copy the code.
Open a text editor or Notepad and paste the code there for reference.
As you can see in the screenshot, we can now see the "Registration Field" we created above.
Step 4: Duplicate the Registration Form Code for Different Pages
Let's assume you have two registration pages: Page 1 and Page 2.
To do this, you need to duplicate the registration form code from Step 3.
Copy and paste the form below the original form in your text editor.
Now, we need to modify the forms.
Change the type="text" of the "Confirm URL" field to type="hidden" in BOTH Forms.
Now, we need to enter the specific destination URLs for the confirmation pages.
For example, let's say Page 1 confirmation page URL is "https://thisismypage1.com" and Page 2 confirmation page URL is "https://thisismypage2.com".
Your Registration Form Codes should look like this:
Use this form code now on the registration pages you are using to get registrants to your event.
Step 5: Customize Code and Create A New Page
Below this tutorial, you'll find a code snippet for the default confirmation page.
Customize the code by replacing the placeholder with the URL of your default confirmation page.
Create a new page using your preferred page builder or HTML editor.
Insert the customized code snippet into the main body of the new page.
Save the page and obtain the address (URL) of this new confirmation page
This page is SOLELY used as a script page to assist AEvent in the redirect.
Step 6: Set the Confirmation Page in AEvent
Return to the AEvent platform and navigate back to the event settings and go to "Advanced." Click "Edit".
In the "Confirmation Page" field, enter the URL of the confirmation page you created in Step 5, then click "Update".
Step 7: Test
Conduct a test registration process to verify that the dynamic confirmation page is functioning correctly.
Make sure each registration form directs participants to the appropriate confirmation page based on their registration source.
Congratulations! You've successfully set up a dynamic confirmation page in AEvent. Now, when participants register through different registration pages, they will be directed to the corresponding confirmation page based on the source. This allows for personalized messaging and a better user experience. Enjoy running your event with customized confirmation pages for each registration source!
👉 IF USING HTML / ClickFunnels / Leadpages / Converti 👈
<div id="ae_confirm" style="display:none;">{{!subscriber-confirmurl}}</div>
<script type="text/javascript">
$(document).ready(function() {
var urlParams = new URLSearchParams(window.location.search);
var uid = urlParams.get('r');
var flagcount = 0;
var noaff = true;
function checkFlag() {
var checkit = jQuery("#ae_confirm").text();
console.log(checkit);
noaff = checkit.includes('{{');
if (noaff == true && flagcount < 30) {
window.setTimeout(checkFlag, 500);
flagcount++;
console.log("checking for confirm page url ...");
} else {
if (noaff) {
console.log("error no ae_confirm url use default url");
var ae_confirm = "https://YOUR_CONFIRMATION_PAGE"
setTimeout(function() {
window.location.replace(ae_confirm);
}, 100);
} else {
var ae_confirm = checkit + '?r=' + uid;
setTimeout(function() {
window.location.replace(ae_confirm);
}, 100);
console.log("redirect");
}
}
}
checkFlag();
});
</script>
<div class="hidethat"> </div>
👉 IF USING WordPress 👈
<div id="ae_confirm" style="display:none;">{{!subscriber-confirmurl}}</div>
<script type="text/javascript">
jQuery(document).ready(function($){
var urlParams = new URLSearchParams(window.location.search);
var uid = urlParams.get('r');
var flagcount = 0;
var noaff = true;
function checkFlag() {
var checkit = jQuery("#ae_confirm").text();
console.log(checkit);
noaff = checkit.includes('{{');
if (noaff == true && flagcount < 30) {
window.setTimeout(checkFlag, 500);
flagcount++;
console.log("checking for confirm page url ...");
} else {
if (noaff) {
console.log("error no ae_confirm url use default url");
var ae_confirm = "https://YOUR_CONFIRMATION_PAGE"
setTimeout(function() {
window.location.replace(ae_confirm);
}, 100);
} else {
var ae_confirm = checkit + '?r=' + uid;
setTimeout(function() {
window.location.replace(ae_confirm);
}, 100);
console.log("redirect");
}
}
}
checkFlag();
});
</script>
<div class="hidethat"> </div>