Tool demo T07Live

Opening hours embed

Stop paying for a hours widget on your website.

No AIBusinessLive

Try it now

Hours setup

Business name

Weekly hours

Special dates (max 3)

DateLabel (optional)
Closed all day

Live preview

Paws & Claws Grooming

Monday: 9 am – 5:30 pm
Tuesday: 9 am – 5:30 pm
Wednesday: 9 am – 5:30 pm
Thursday: 9 am – 5:30 pm
Friday: 9 am – 5:30 pm
Saturday: 10 am – 4 pm
Sunday: Closed

Special dates

Christmas Day: Closed

0/5 copies this session

Snippet preview

<!-- Opening hours — paste into a Custom HTML block (WordPress, Wix, Squarespace, etc.) -->
<style>
  .gerty-hours {
    font-family: system-ui, -apple-system, Segoe UI, sans-serif;
    font-size: 0.9375rem;
    line-height: 1.5;
    color: #1a1f26;
    max-width: 22rem;
  }
  .gerty-hours__title {
    margin: 0 0 0.75rem;
    font-size: 1.125rem;
    font-weight: 700;
  }
  .gerty-hours__week {
    margin: 0;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.35rem 1rem;
    column-gap: 1rem;
  }
  .gerty-hours__week dt {
    margin: 0;
    font-weight: 500;
    padding: 0.35rem 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  }
  .gerty-hours__week dd {
    margin: 0;
    text-align: right;
    opacity: 0.9;
    padding: 0.35rem 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  }
  .gerty-hours__sub {
    margin: 1rem 0 0.35rem;
    font-size: 0.8125rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    opacity: 0.65;
  }
  .gerty-hours__exceptions {
    margin: 0;
    padding-left: 1.1rem;
    font-size: 0.875rem;
  }
  .gerty-hours__exceptions li {
    margin-bottom: 0.25rem;
  }
</style>
<div class="gerty-hours" role="region" aria-label="Opening hours">
  <h3 class="gerty-hours__title">Paws &amp; Claws Grooming</h3>
  <dl class="gerty-hours__week">
    <dt>Monday</dt>
    <dd>9 am – 5:30 pm</dd>
    <dt>Tuesday</dt>
    <dd>9 am – 5:30 pm</dd>
    <dt>Wednesday</dt>
    <dd>9 am – 5:30 pm</dd>
    <dt>Thursday</dt>
    <dd>9 am – 5:30 pm</dd>
    <dt>Friday</dt>
    <dd>9 am – 5:30 pm</dd>
    <dt>Saturday</dt>
    <dd>10 am – 4 pm</dd>
    <dt>Sunday</dt>
    <dd>Closed</dd>
  </dl>
    <p class="gerty-hours__sub">Special dates</p>
    <ul class="gerty-hours__exceptions">
      <li>Christmas Day: Closed</li>
    </ul>
</div>

What you're playing with

Set hours and exceptions, copy paste-ready HTML for Wix, WordPress, or Squarespace.

Playable preview. Not the full Hours / widget SaaSproduct — a taste of what you'll build in membership. Some actions are limited per session so the demo stays fair for everyone.

Corporate vs open vs you

Typical Hours / widget SaaS spend: £5–20+/mo bundled in site builders

	Hours / widget SaaS	Open sourceThin generator (your code)	You buildIn the course
Typical cost	£5–20+/mo bundled in site builders	Hosting + domain; often £0–few £/mo self-hosted	Same as open source — you own the code
Data	Vendor cloud	Your server or machine	Yours — no vendor lock-in
Customization	Templates and plan tiers	Full code and config	Change anything — Cline/Cursor helps
This demo	—	Inspired by / built on Thin generator (your code)	Full deploy taught in the course

Pricing varies by plan and region — figures are illustrative.

In the membership

You'll learn to deploy and customise your own version — Build Your Jarvis · Module 2 · Track A. You don't need to be a coder — VS Code, Continue or Cline, and plain English.

Learn & build path For business owners

Related tools

Also try

Talk to Gertrude

Custom personality on the site — not a helpdesk. She can point you at tools like this one.

Open chat demo All tools →Full systems →

Like what you saw? join the waitlist.

Limited initial membership opens soon — full curriculum, toolbox, and community in plain English. Join the list for first access; one email the day the doors open.