Please note: This is an advanced topic. If you are not sure what URL or UTM parameters are, or how to use them, we would recommend that you keep your Countdown Hero funnel simple with a simple timer page and do not attempt to add extra pages and complexity into your countdown campaign.

In some situations, you might want to add your Countdown Hero timer onto your checkout page and NOT your Sales/ Offer page.

Whilst this is possible, it can be quite technical as it uses many advanced tech features.

Due to a number limitations across a wide variety of page-builders, this isn't always possible, however here's what to look out for in order to get this set up:

STEP 1 - Triggering Your Countdown Hero Timer

To start with, you'll need to configure your Page Settings to include the URL of your checkout page.

Also, in order for this to work, you'll also need to trigger the Countdown Hero for your subscriber using one of the trigger methods outlined in this support article: Triggering Your Countdown Hero

IMPORTANT: If your Countdown Hero is not triggered first, before your subscriber tries to access your checkout, they will instead be skipped to the 'Expired' page.

STEP 2 - Setting Up Your Pages

As you know, Countdown Hero requires an email address to be present in the URL bar in order to 'unlock' page access for a particular subscriber, which typically gets merged in at the point of the opt-in or clicking the links in your emails.

Normally, when you click the button on the sales page to go to the checkout cart, all of the URL parameters are left behind, meaning that the page will appear locked (404'd) for any users as they click that button.

Because of that, the only major requirement is the following; 

The buttons on your sales pages must also be able to pass the URL parameters through to the checkout page.

(In case it helps, we use Convertri as our page builder (AFFILIATE LINK HERE), though you may need to confirm that this is also possible with the support team for your page builder, in case it's not a 'Google-able' answer)

^^ That way you'll be able to add a countdown onto your checkout page too.

NOTE: If this is not supported by your page builder, you may be able to use Option B (see below) to add custom code to your page that will enable this.

If these options are not possible inside your page builder, you won't be able to link to a page being 'locked' by Countdown Hero from a button link on your page.

Option B - Add A Custom Script To Your Page:

If your page builder doesn't support the passing of URL parameters to the next page, you may be able to manually add this functionality by adding this script onto your pages instead:

<script>
$( document ).ready(function() {
 
$('a').each(function(){
      this.href += location.search;
})


});
</script>

An alternate script for Kajabi users:

document.addEventListener('DOMContentLoaded', function() {
    // Function to handle button click
    function handleButtonClick(event) {
        var button = event.target;
        var nextPageUrl = button.href;
        var currentParams = window.location.search.substring(1);
        if (currentParams !== '') {
            nextPageUrl += (nextPageUrl.indexOf('?') !== -1 ? '&' : '?') + currentParams;
        }
        button.href = nextPageUrl;
    }

    // Get all buttons on the page
    var buttons = document.querySelectorAll('a.k-button');

    // Add click event listener to each button
    buttons.forEach(function(button) {
        button.addEventListener('click', handleButtonClick);
    });
});

IMPORTANT NOTE: Whilst this method is recommended in instances where a page builder can't naturally pass these URL/ Query String Parameters, this custom code is not provided by Countdown Hero, which means that our support team are unable to offer support or guidance when using this (or any other) custom code. You will instead need to contact the support team at your page builder for more information.

STEP 3 - Adding The Links To Your Buttons

If your buttons CAN pass the URL parameters through to your checkout page, you'll need to copy the 'Page link (Redirect URL)' from your Countdown Hero (found in the Page Settings tab).

Then, delete the email parameter from this URL (Eg. < /[EMAIL] >)

This should then leave you with a 'normal' link that looks like this; 

https://automatehero.io/api/path/UkVYTG81Q09BaGs9

^^ You will need to add this new link to your buttons.

STEP 4 - Sending Traffic To Your Sales/Offer Page

Once you've triggered the timer for your subscriber, you'll be ready to link them to your offer page.

To do this, take the normal URL of the offer page (eg. mywebsite.com/offer-page) and add the email parameter that you removed from your Redirect URL in Step 3.

This should then make your URL look something like this;

https://mywebsite.com/offer-page?email=[EMAIL]

^^ This is the link that you will use to send your subscribers to your offer page.

Your email platform will then merge your subscribers email address onto the end of that link.

Your buttons will then forward this parameter through to your checkout page (providing this was set up correctly in Step 2), which contains a timer that is ticking down to your subscriber's unique expiry date/time.

(IMPORTANT: If you would like to restart this Countdown Hero timer for your subscribers, you will need to re-trigger the Countdown Hero again before you link them to this offer page. Here is an article that explains this further)