How to put your live-music schedule on your own website

The website widget shows your upcoming shows on your own site and auto-updates every time you edit your schedule on hapjam — so you maintain it in one place. It's free, self-contained HTML (no plugin, no account for your visitors), and works on any website builder.

Get your embed code

1. 1Claim your page if you haven't yet — see Claim your page.
2. 2Open your Manage page (from Your pages).
3. 3Open Website widget.
4. 4Copy the embed code. Optionally set options (how many shows, light/dark) first — the code updates as you change them.
5. 5Paste it into your website where you want the schedule to appear (see your platform below).

Paste it into your site

The widget is a standard HTML embed. Every builder has a way to drop in an embed / custom HTML block:

• WordPress — edit the page, add a Custom HTML block, paste the code, update. (Classic editor: the Text/HTML tab.)
• Squarespace — edit the page, add a Code block, paste the code, and make sure it's set to HTML (not Markdown).
• Wix — Add → Embed → Embed HTML (Embed a Widget), paste the code, and resize the box.
• Webflow — drag an Embed element onto the page, paste the code, save, and publish.
• Squarespace / Wix / Webflow footers — most builders let you add the same embed to a footer or sidebar if you want it site-wide.
• Hand-built site — paste the code straight into your HTML where the schedule should show.

Good to know

• It auto-updates — edit your schedule on hapjam and your website reflects it; you never re-paste.
• It inherits its own clean styling, so it looks tidy on any site.
• Want a follow button too? Add the free “Follow us on hapjam” badge next to your social icons.