Skip to main content
Day Timer

Incorporating the Day Timer element into your funnel page is an excellent strategy.

D
Written by Danni Harris
Updated over a week ago

Incorporating the Day Timer element into your funnel page is an excellent strategy, as it enables you to effortlessly add a timer to your site. This versatile feature allows you to customise the timer to suit your specific requirements by setting the countdown duration in hours, days, and seconds, fostering a sense of urgency and encouraging user engagement.

General Settings

Element Name/Title

Using the General Settings feature, you can rename the timer and make it more descriptive, which will come in handy when you have several elements on your page.

Colour Options

Colour

If you want to change the colour of your timer itself, you can do that by clicking on the colour you want.

If you didn't find your colour, you can also add custom colours if you have the colour code of the exact colour you are going for, just type it in the space provided and click "add colour".

Label Colour

If you want to change the colour of your timer label, you can do that by clicking on the colour you want.

If you didn't find your colour, you can also add custom colours if you have the colour code of the exact colour you are going for, just type it in the space provided and click "add colour".

Float

The Float feature provides several positioning options for your timer, such as Left, Centre, Right, and spacing options like space-around, space-evenly, or space-between to improve readability.

Typography Type

The Typography Type feature enables you to modify the font and typography styles for your text or content. You can further customise it using the dropdown options available.

End Date and Time

Here you can set the date and time you want your countdown to end. For instance, you can set the date and time for the timer to end on 11th July at 6am.

Translate

You can decide to set your timer language to your preferred language by simply selecting the language we want from the available options.

Time Zone

When setting up the day timer, you can choose the Time Zone you want it to operate in, making sure it correctly counts down to the end time. You can select your preferred Time Zone, including popular regions and countries.

Mobile and Desktop Font Size

You can adjust the mobile and desktop font sizes of your countdown timer simply by adjusting the size bars.

Desktop and Mobile Subtext Font Size

You can adjust the mobile and desktop subtext font sizes of your countdown timer simply by adjusting the size bars.

Expire Action

Redirected URL

Show & Hide Element

You can decide to hide or show your section, column, row, or element.

Spacing Options

There are different spacing options available for adjusting the top or bottom margin of your content by toggling its bars. Depending on the Edit option you are working on, the settings will only be applicable to that option. For example, if you are editing a particular Row (the BLUE box), only every content in that Row will follow the command of what settings you make.

Additional General Settings

Visibility

You can decide if you want this particular Edit option to be visible on only mobile devices, desktops, or both by clicking on it to highlight the icon.

Custom Class

You can input your custom class code here for further customisation of your element.

CSS Selector

If you need to copy the Custom CSS, just click on the "Copy" icon on the right side of the reference code.

Need more help?
โ€‹
Join us for live daily support - Book now.

Did this answer your question?