Embed your booking widget
Add your Spotcast profile or booking flow to your own website and keep the reduced commission on your own traffic.
Your Spotcast embed lets visitors browse your profile or start a booking without leaving your site. Spotcast provides a small JavaScript loader (widget.js) that turns a placeholder <div> into a live, responsive iframe. You configure appearance and behavior in the Embed Code dialog on your talent account, then paste the generated snippet wherever your website allows custom HTML.
Profile card
A compact card with your photo, topics, and a book button. Works well on speaker pages and agency rosters.
Booking flow
The full inquiry form embedded inline. Use this when you want bookings to start directly on your page.
Link & badge
Plain links and styled badges when an iframe is not needed. Handy for footers and bios.
Open any talent in your account and click Embed Code in the top bar. The dialog has two main areas: display options on the left and output tabs on the right.
- Pick Profile or Booking Flow depending on whether visitors see your profile card or jump straight into the booking form.
- Under Offering, show all offerings or pin the embed to one specific offering.
- Set theme, color, language, and max width to match your site. Theme follows the visitor's system preference when set to System.
- UTM campaign and content are optional labels for analytics, so you can tell which placement drove a booking (e.g. homepage vs. footer).
- Use the Embed Code, Link, or QR-Code tabs to copy the iframe snippet, a direct URL, HTML link badges, or a QR code for print.
What you can customize
| Option | Applies to | Notes |
|---|---|---|
| Theme & accent color | All embeds | Light, dark, or system |
| Max width | Iframe embed | Default 340 px (profile) or 500 px (booking) |
| Language | All embeds | Auto-detect or force DE / EN |
| Card fields | Profile card | Logo, topics, profession, teaser, price, expand button |
| Book button | Profile card | Label, variant, size, text color |
| Powered by Spotcast | All embeds | Can be hidden; keeping it helps SEO |
| Live preview | Embed Code tab | Updates instantly as you change settings |
Every platform below uses the same Spotcast snippet. Only where you paste it changes. Open your embed dialog, click Copy Code, then follow the guide for your site builder.
WordPress (block editor) uses a Custom HTML block. You need a paid plan with hosting features if your snippet includes script tags. Free plans strip scripts on save.
- Edit the page or post where the widget should appear.
- Click + (block inserter) and search for Custom HTML.
- Click Edit HTML in the block toolbar and paste your full Spotcast snippet.
- Update or publish the page and preview on the front end.
Blank box or nothing shows
Confirm the full snippet including the widget.js script tag was pasted. Some builders strip scripts. See the WordPress and Squarespace notes above. Check the browser console for blocked scripts (CSP or ad blockers).
Widget is cut off
Increase max width in the embed menu or give the container more horizontal space. The iframe height adjusts automatically via postMessage. Make sure the parent element is not set to a fixed small height with overflow: hidden.
Wrong offering or language
Re-copy the snippet after changing Offering or Language in the embed menu. Old hard-coded snippets keep previous query parameters until replaced.
Still need help?
We are happy to point you to the right block or section in your site builder.