Skip to content
Plugin Local business FreeClaude prompt

Open-Now Hours Widget

Live "Open now / Closing soon" status in India time

by Haptags Studio · Updated Sept 2026
Live demo — try it hereOpen in new tab ↗

About this plugin

"Are you open?" is the most common question local businesses get. This widget answers it before anyone has to call, and it stays correct for visitors whose phones are set to another time zone.

Highlights

  • Open now / Closing soon / Closed states
  • Always uses India time (IST)
  • Split shifts like lunch breaks
  • Holiday overrides by date
  • Compact badge for your header
✦ Free Claude prompt

Build it with Claude

Add your details, copy the prompt and paste it into Claude. You'll get copy-paste code you can add to any website.

  1. Fill in your details
  2. Copy the prompt
  3. Paste into Claude & press Enter
store-hours-prompt.txt · 15 lines Copy & open Claude ↗
Build an "Open now" opening-hours widget for my business as ONE self-contained snippet (HTML + <style> + <script>, every class prefixed "oh-").

- Business: [Your business name]
- My hours: [Your opening hours]
- Holidays / special days: [e.g. 25 Dec closed, 1 Jan 10 AM – 2 PM]

REQUIREMENTS
- Keep the hours in one easy-to-edit JavaScript config: 24-hour times, an array of ranges per day so a day can have split shifts (e.g. 08:00–13:30 and 16:00–22:00), [] for closed days, plus a HOLIDAYS map keyed by YYYY-MM-DD
- Always calculate with India time (Asia/Kolkata via Intl.DateTimeFormat), whatever the visitor's device time zone
- A status badge: green "Open now" with "Open until X PM today", amber "Closing soon" in the last 60 minutes, and red "Closed now" with the next opening ("Opens tomorrow at 9 AM" or "Opens Monday at 9 AM")
- A card with the badge, today's line, a holiday note when relevant, a Monday-to-Sunday table that highlights today, and two buttons: "Get directions" (Google Maps link) and "Call"
- A compact badge version for my site header that uses the same logic
- Refresh the status every minute; accessible markup; mobile friendly

Return the snippet in one code block and explain how to edit the hours.
Highlighted words update as you type. Anything in [square brackets] is yours to fill in.
Copied! Now open Claude, paste with Ctrl+V (⌘V on Mac) and press Enter.

Tip: Claude can keep editing for you — try follow-ups like “make the header sticky”, “add a photo gallery” or “translate the page into Kannada”.

FAQ

Do I need to know how to code?

No. Claude writes all the code. You only need to copy the prompt, paste it into Claude and save the file it gives you. If you get stuck, message us — we're happy to help.

Can I use it for my business?

Yes — free items are free for personal and commercial use, with no attribution required.

Can Haptags build it for me instead?

Yes. We can customise this design with your content, connect your domain and WhatsApp, and publish it for you. Book a free consultation to get a quote.

FreeOpen-Now Hours Widget Get the prompt
Marketplace
Talk to us
📞 Phone:+91 99868 61402
✉️ Email:info@haptags.com
🔐 Client login