How to Add a Countdown

Instructions in order from left to right:

Step 1: Click on the countdown element to open the Countdown settings bar.

Step 2: Paste the HTML code into the Content section.

How to configure Countdown

At the position where you want to add a countdown, drag the Countdown&nbsp;into the existing layout. When the position displays in green (image), it means you can place the component in that position.

<ul><li style="--fontSizeDesktop: 16px" class="fs-desktop">Customize countdown clock: Set the end time for the countdown clock (Configure display options for Days, Hours, Minutes, Seconds)</li><li style="--fontSizeDesktop: 16px" class="fs-desktop">Display and spacing: Turn On/Off label display, configure Spacing between digits in the Countdown, configure Spacing between countdown numbers and labels</li><li style="--fontSizeDesktop: 16px" class="fs-desktop">Configure font/style/color,... for digits and labels</li><li style="--fontSizeDesktop: 16px" class="fs-desktop">Align left/center/right</li><li style="--fontSizeDesktop: 16px" class="fs-desktop">Configure Border/Background/Shadow colors of Countdown</li><li style="--fontSizeDesktop: 16px" class="fs-desktop">Effects Settings &amp; Advanced Settings</li><li style="--fontSizeDesktop: 16px" class="fs-desktop">Delete</li></ul>

Detailed instructions on how to use Countdown&nbsp;in the Website/Landing Page drag-and-drop.

<script async src="https://www.googletagmanager.com/gtag/js?id=G-WLR7CTG9WS"></script>
<script>
 window.dataLayer = window.dataLayer || [];
 function gtag(){dataLayer.push(arguments);}
 gtag('js', new Date());

 gtag('config', 'G-WLR7CTG9WS');
</script>

Domain is considered the name of your online "home". Domain is an important factor so others can remember and access your site. This article will simply guide you how to point your domain to Tempi.

Contact us

Explore more