Timer Element

The Timer element is used to display a countdown or stopwatch on your site, often for limited-time offers, events, or launches to create urgency and engagement.

In ZenBasket Builder, you can easily add and customize the Timer element — set the countdown duration, style, and actions to trigger when the timer ends.

Adding a Timer to Your Layout

  1. Go to the Left Tools Panel and click on the Add Elements option.

  2. Under Advanced elements, scroll down or search for the Countdown Timer element.

  3. Drag and drop the Timer element into your desired section or layout area.

  4. Adjust its position and size as needed using the drag handles.

    enter link description here

Customizing the Timer

  1. Select the Timer element on your layout.

  2. Navigate to the right tools panel and click on the Properties option.

  3. Under Effects & Animations, choose an effect and an animation action as needed.

  4. Under Borders & Shadows, you can enable and set the Box Shadow if needed, and adjust the margin and padding as required.

    To remove the Timer element, click on the Delete Element button.

    enter link description here

  5. Next, navigate to the right tools panel and click on the Configuration option.

  6. Under General, you can:

  7. Set the Date Range.

  8. Choose a Timer design.

  9. Enable Display Background and Separate Background if required, and set the Background color and Background Border Radius.

  10. Customize the Timer color and Timer Size.

  11. Set the Start time and End time for the timer.

  12. Enable Display Semicolon if needed and set the Semicolon Color.

    Choose a Timer Label Type, and set the Label color and Label Size.

    enter link description here