Add a Live Gig Availability Widget to Your SiteOne line of HTML puts your real free dates on your own band website
TL;DR: one line of HTML, and the date question stops
Paste one iframe into your own website and it shows the availability you already keep on GigXchange. Visitors check the date themselves instead of emailing to ask, and you never maintain a second calendar.
It is the Calendly idea applied to live music, for musicians, venues, agents and promoters: instead of emailing to ask whether a date is free, the other side looks, and only gets in touch when they have one that works. Two formats, a full calendar or a compact strip, both free and both live the moment you change a date. The exact code is below, ready to copy.
- 1 lineof HTML, pasted once
- 2 minfrom opening the app to a live calendar
- £0to embed, on any number of sites
- 0accounts a visitor needs to see your dates
Widget sizes are the embed's own measured heights at 420px wide, taken from the live app rather than assumed.
The single most common message a working act gets is "are you free on the 14th". It is also the message most likely to end in nothing, because by the time you have answered, checked, and answered again, the person asking has messaged two other acts.
Your own site is where the serious enquiries land. People find you on social, then look for a website, and what they find there decides whether they get in touch. A gigs page listing three dates from last year reads like a band that has stopped.
Until now, showing live dates meant keeping two calendars: the real one and the one on your site. The embed collapses them into one. You keep your availability where you already keep it, and every site the widget lives on reflects it immediately.
1. What the widget does
It shows real availability, not a static list
The widget reads the same availability you set in your profile, so it is correct the moment you change it, on every site it is embedded in. Mark a date booked on your phone at the end of a gig and your website is right before you have left the car park.
That is the whole argument for it over a hand-maintained gigs page. A stale calendar is not neutral, it is worse than nothing: being offered a date you booked three weeks ago costs you that enquiry and usually the next one too, because you have just told a booker you do not keep on top of things.
Visitors do not need an account
Anyone landing on your site sees the calendar. An account is only needed if they want to send a booking request through the platform, and even then the fallback link under the widget takes them to your profile where they can see your fee range, reviews and music in one place.
Which format for which page
Two shapes, and they belong in different places on a site. There is also an honest third case where an embed is not possible at all.
2. Adding it to your site
The short version is pick, copy, paste. You need a free account and a site editor that takes an embed block, which nearly all of them do.
- In the app, open your Availability page or your profile edit page.
- Tap "Embed on your Website", next to the availability calendar.
- Pick the format and theme: full calendar or compact strip, dark or light.
- Check the live preview, which shows exactly what visitors will see.
- Tap Copy code.
- Paste it into an embed or custom HTML block on your site, and save.
The full calendar, running live on this page
This is the real widget, not a screenshot. It is pulling Carl Elmer Acoustic's live availability the same way it would pull yours, and clicking a date takes you to the profile behind it.
The code, if you would rather paste it by hand
Swap your-slug for the last part of your profile URL. The link underneath is part of the snippet on purpose: it is what a visitor follows when they have found a date that works. It is a plain iframe with native lazy loading, so it costs nothing until a visitor scrolls to it.
<iframe src="https://gigxchange.app/embed/availability/your-slug"
style="width:100%;max-width:420px;height:538px;border:0"
loading="lazy" title="Your Act Name - live availability"></iframe>
<a href="https://gigxchange.app/profiles/your-slug">Book Your Act Name on GigXchange</a>The compact strip, also live
Same data, one band high. This is the version that belongs on a homepage, where it says "this act is working" without a visitor having to scroll.
The compact strip is the same line with two changes
Add ?format=strip to the URL and drop the height to 272px. Add &theme=light as well if your site is light rather than dark.
<iframe src="https://gigxchange.app/embed/availability/your-slug?format=strip"
style="width:100%;max-width:420px;height:272px;border:0"
loading="lazy" title="Your Act Name - live availability"></iframe>
<a href="https://gigxchange.app/profiles/your-slug">Book Your Act Name on GigXchange</a>Where the paste goes, by site builder
Every builder calls the same thing something different, which is the only genuinely confusing part of this. Find yours. Reference docs if yours is not listed: WordPress blocks and Squarespace custom code.
| Site builder | What the block is called | Where you find it |
|---|---|---|
| WordPress | Custom HTML block | Block inserter, under Formatting |
| Squarespace | Code block, or Embed | Add block, under More |
| Wix | Embed a widget, HTML iframe | Add > Embed Code > Embed HTML |
| Carrd | Embed element | Add element > Embed, set to Code |
| Bandzoogle | Custom HTML feature | Add feature > Custom HTML |
| Linktree / Instagram | Not possible | Link your profile instead |
Where to paste an iframe in the common UK band-site builders, and what each one calls the block.
Check the embed URL on its own first
Open gigxchange.app/embed/availability/your-slug in a browser before you paste anything. If the calendar loads, the iframe will work. If it 404s, the slug is wrong, and the slug is simply the last part of your profile URL.
3. Keeping it worth having
A stale calendar is worse than no calendar
The embed is only as honest as the availability behind it. Marking dates as you book them takes seconds and it is the entire maintenance burden, but skip it for a month and the widget is actively lying to the people you most want to hear from. The getting paid guide covers the rest of the admin that keeps a booking clean, and free tools lists everything else that is free.
Pair it with your fee range
Dates plus a fee range answers nearly everything a booker needs before they contact you, which is why the enquiries that follow tend to be real ones. Set the range from the GX Index so it matches what your act size and region actually earns, and the rate calculator if you want a number for a specific booking.
4. Who this is for
Acts with their own website
If your site is where people find you, that is where your dates belong. If you do not have a site, you do not need the embed at all: your performer profile already does this job, and is a better place to send people than a page you have to maintain. Bookers arriving from a search still land on your own pages, so the calendar earns its place there rather than only on your profile. See also why an online booking presence matters and the artist side of the platform.
Venues, agents and promoters can embed it too
The same widget answers a different question for each role. A venue shows which nights still need an act, so a band pitching can see the gap before they write. An agent shows a roster's combined availability, which turns "who have you got free on the 14th" into a page rather than a phone call. A promoter shows what is already programmed, so an act knows whether there is a slot worth asking about.
It is the same embed and the same two formats in every case. Managing an artist roster covers the agent side in more detail.
The rest of the setup
The embed is one tool of eight. These are the others, and the guides that go with them.
Frequently Asked Questions
gigxchange.app/embed/availability/your-slug, where your slug is the last part of your profile URL. Most site builders accept this in a custom HTML or embed block. Load the embed URL on its own first to confirm the slug is right. Annual refresh commitment
This guide was published on 4 July 2026 and is refreshed every July. the embed and its options change as the product does, so annual verification matters. We re-verify every reference, recommendation, and data point once a year. Next scheduled refresh: July 2027. If any claim is outdated before then, email support@gigxchange.app and we will update it within 24 hours.
