Count Up

Count Up

Welcome to the “Count Up” documentation. Looking to integrate a count up into your website? Our widget is designed to meet your timing needs efficiently. In this guide, we'll show you how to use the editor to customize your count up widget.

Step 1 : Open the Editor
Step2 : Add and Customize Elements
Step 3 : Adjust the Layout
Step 4 : Preview






Step 1 : Open the Editor

1. Go to Count up template.
2. Click on "Edit" after choosing your template.





Step 2 : Add And Customize Elements

1. Here in this panel, you have control over what shows up in your widget, you can easily add, remove, or change the content of the count up, such as text, image, button or Timer. Simply hover over the container to access these options.





2. To customize the count up, click on the edit icon. From there, you can choose to enable or disable auto-start, show or hide the play and reset controls, and align them inline as needed.
You can also choose to set a time limit and provide a URL that will automatically redirect when the limit is reached.





Like the countdown, You have the option to hide or display the separator and labels, and even adjust its size to suit your needs.
In addition, you can change the colors of the background and text, adjust the size, width, and height, and even change how much space there is around it by customizing the margin and padding.

        



3. You can do the same with other elements like texts, images, and buttons. Change their background and text colors, adjust their width and height, and even control how much space they take up by changing the margin and padding. This way, you have full control over how they look and fit on your page.

4. Once you're finished , click on "Done" to save your changes .
             





Step 3 : Adjust the Layout

In the Layout panel, you can adjust how your layout looks and behaves. You have control over things like size, rounding, width, popup position, adding an overlay, choosing how it's displayed, and even adding animations.





  • To switch from the section view to the popup view, just activate the popup and the closable toggle. After that, you can select its position on the page.





  • The overlay only functions within the popup when the horizontal position is set to the middle and the vertical position is set to the center.







    • Step 4 : Preview

    Lastly, you can click on “Preview” to see how your count up widget looks on both desktop and mobile devices. After this, you can proceed to the next step.




    For further information on configuring triggers, please navigate to the Widget Triggers section.

    Related Articles:
    Popup / Section Countdown Pomodoro Countdown