Business Hours Widget

Create Your Own Business Hours Widget in Seconds for Your Website

Add a clear business hours display to your website and help visitors know when you are open, how to contact you, and what action to take next.

Create Your Business Hours Widget - It's Free!

Create Your Own Business Hours Widget in Seconds for Your Website

How to embed Business Hours 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 a Business Hours Template and Color Scheme

Start from a visual preset such as Today Focus, Weekly Table, Status List, Day Cards, Pixel Art, Cover Photo, Split Image, or Status Bar. Pair it with Clean, Sunset, Rose, Forest, Ocean, or Midnight colors so the widget fits your website from the first draft.

Template options include:

Weekly tableToday focusStatus listDay cardsStatus bar

Create Your Widget

Choose a Business Hours Template and Color Scheme

Display Weekly and Date-Specific Schedules

Set opening and closing times for each day, mark closed days, choose the time zone used for live status, add holiday or temporary hours, and highlight today's hours automatically. Visitors can scan your availability without calling or searching through the rest of your site.

Schedule options include:

Daily open timesDaily close timesClosed day settingsDate-specific hoursTime zone control

Set Your Schedule

Display Weekly and Date-Specific Schedules

Add Contact and Location Details

Show your phone number, email address, website, physical address, map link, copy-address action, labels, icons, and custom action buttons in the same widget. This gives visitors a direct path from checking your hours to contacting or visiting your business.

Contact options include:

Phone numberEmail addressWebsite URLMap linkLabels and icons

Add Your Details

Match the Widget to Your Website Design

Customize the widget so it feels native to your site. Adjust card corners, shadow depth, layout, width, alignment, colors, text size, filled or outline button styling, and scoped custom CSS to support your brand and page design.

Customization options include:

Layout styleWidget widthCard cornersShadow depthAccent color

Customize Your Widget