How to Customize Your Inline Timer
Adding the webpage timer to your page:
In order to add the webpage timer to your special offer page, you need to first add the URL of your page as a Funnel Step and then select 'Display an inline timer'. Once you've done this, you'll see a code snippet pop up:
This code needs to be added to your page wherever you want the webpage timer to actually appear. Usually it's added in an HTML code box or directly in the source code of the page.
Where to find the customization options:
Locate the Funnel Step marked 'Inline Timer' under Edit Your Campaign > Funnel Steps and click the 'Edit Appearance' button to access the appearance editor:
When you click 'Edit Appearance', you'll be redirected to our appearance editor. On this page we've laid out all the different elements that you can customize:
In this tab you can select a base template for your webpage timer. Once you've chosen one, click 'Save Selection':
The colors tab allows you to change the color of the background and text on your webpage timer:
There are several options in the Settings tab. Some examples shown below are removing the labels from your timer, turning off the Days display so it only shows Hours, Minutes, and Seconds, and changing the style of the digits:
You can adjust the size of your webpage timer here:
Please note: This option is not available for beta templates or circular timers. If you want to adjust the size of your beta or circular timers, check out our guide here.
In this tab you can customize the text for each label on your timer:
Save and Exit
In each section when you're finished with your changes you can click the 'Continue' button at the bottom to return to the main page. When you're finished customizing your webpage timer, be sure to click 'Save and Exit' at the bottom of the main page and that will take you back to your Funnel Steps: