Putting your studio on your own website

Plenty of studios already have a website with the photos, the gear list, and no way to book. If guests still have to email you and wait, the embed card gives them somewhere to go, and you do not have to rebuild the site to add it.

What the card is

A card up to 450 pixels wide and 420 tall, showing your photos, your area, your hourly rate and your reviews. Clicking it opens your listing on Soundbooked in a new tab, which is where the booking and the payment happen.

The card does not take payment on your page, on purpose. The cancellation terms, the payout and the record of what was agreed all sit with the booking, so the booking stays in one place.

Getting the code

1. Open your listing the way a guest sees it, at soundbooked.com/studios/your-listing.
2. Click Share, then Embed.
3. You get a live preview of the card and a two-line snippet. Click Copy.

The only listing-specific value in it is your public URL slug, in the data-slug attribute. There is no email address, phone number or account id in the code.

Where to paste it

Anywhere your site takes custom HTML. On Squarespace that is a Code block, on Wix an Embed HTML element, on WordPress the Custom HTML block, on Webflow an Embed. Paste it into the page body where you want the card to appear, not into the site header.

Some website builders strip script tags out of custom HTML. If the card never appears, use the iframe version instead:

<iframe src="https://soundbooked.com/studios/your-listing/embed" width="450" height="420" style="border:none" loading="lazy" referrerpolicy="no-referrer"></iframe>

Swap your-listing for the last part of your listing address.

More than one room

One script tag covers the whole page. To show several listings, add another placeholder div for each one with its own data-slug, and leave the single script where it is.

It keeps itself up to date

The card reads your live listing every time someone loads your page. Change your photos or your rate and the card changes with them. You never paste the code again.

• A star rating appears once you have three reviews. With one or two the card says New, and with none it shows nothing at all.
• If your rooms are priced differently, the card shows From and your cheapest room, with the guest service fee already included in the hourly figure.
• An unpublished or suspended listing leaves the card blank rather than showing a broken listing. Once it is published again, the card comes back on the next page load.

What it does not do

It will not stretch past 450 pixels to fill a wide column, and its height does not change. It carries no tracking scripts, and it does not tell us which page it was loaded on.