웹사이트 위젯

Count-Up Widget

Create Your Own Count-Up Widget in Seconds for Your Website

Build a live elapsed-time counter for launches, anniversaries, streaks, uptime, and milestones. Choose the start time, units, labels, layout, colors, button, and responsive display in a no-code builder.

Create Your Count-Up Widget - It's Free!
Create Your Own Count-Up Widget in Seconds for Your Website Hero Bg Image

How to embed your Countup into WordPress

1Get your embed code

After customizing your Jform website widget, click Try it on your website for free, and copy the generated embed code.

2Open the page editor

Go to the WordPress post or page where you want to display the widget, then add a new block.

3Add a Custom HTML block

Select Custom HTML and paste your Jform website widget embed code into the HTML field.

4Update and view

Click Update or Publish, then open the page to check your embedded widget.

Set the Start Date, Time, and Time Zone

Choose the exact moment your counter starts from. The widget calculates elapsed days, hours, minutes, and seconds from that point.

Timing controls include:

Start date시작 시간시간대Elapsed time
Create Your Widget
Set the Start Date, Time, and Time Zone

Choose Units, Labels, and Layouts

Show full elapsed time, compact formats, days only, or a custom unit set. Then place the counter inline, in a full-width section, in a bar, or as a floating card.

Layout options include:

InlineFull-width sectionTop barBottom barFloating cardCustom units
Pick a Layout
Choose Units, Labels, and Layouts

Customize Count-Up Styles and Themes

Use theme presets or set custom colors for the background, digits, boxes, labels, separators, and button. Adjust alignment, width, and corner radius.

Style controls include:

AnimationTheme presetsDigit colorsUnit labels맞춤설정 CSS
Customize Your Timer
Customize Count-Up Styles and Themes

Add a Call-to-Action Button

Turn a milestone into a next step by linking visitors to your story, signup page, product page, booking page, or campaign details.

Action controls include:

버튼 텍스트Button linkButton colorsJform branding
Add an Action
Add a Call-to-Action Button