Visitor Counter Widget

Create Your Own Visitor Counter Widget in Seconds for Your Website

Display customizable page-view or visitor-style values with supporting period statistics and an optional activity graph. Choose a layout, set the starting value, adjust the labels, and style your responsive website counter without coding.

Create Your Visitor Counter Widget ā€” Itā€™s Free!
Create Your Own Visitor Counter Widget in Seconds for Your Website Hero Bg Image

How to embed Visitor Counter Widget to WordPress

1Get your embed code

After customizing your Jotform 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 Jotform Website widget embed code into the HTML field.

4Update and view

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

Learn more

Choose Page-View or Visitor Labels

Control which activity-style value receives the most attention on your website. Select a page-view or visitor-style label for the primary counter, then add supporting statistics for today or this week to provide more context around the displayed number.

Metric controls include:

Page-view labelVisitor labelTodayThis week
Choose Metrics
Choose Page-View or Visitor Labels

Use Layouts for Footers, Cards, and Sidebars

Fit your visitor counter into the space available on each page. Use a compact inline or mini counter in a footer, place a detailed card within a landing page, choose a vertical display for a sidebar, or highlight daily activity.

Layout options include:

InlineMiniDetailedVerticalDaily
Pick a Layout
Use Layouts for Footers, Cards, and Sidebars

Add Context With a Visual Graph

Display an optional seven-point graph alongside your counter to provide a quick visual summary. You can also set the counterā€™s starting value and customize its header and message text to give visitors more context about the number being shown.

Display controls include:

Graph toggleStarting valueHeader textMessage text
Customize Display
Add Context With a Visual Graph

Customize Colors, Size, and Typography

Make the counter complement your website instead of looking like a separate element. Choose a light, dark, or custom color scheme, add a background image, and adjust the widget size, graph color, typography, and corner radius.

Style controls include:

Light or dark themeCustom colorsBackground imageTypographyCorner radius
Style Your Counter
Customize Colors, Size, and Typography