Buchungswidget einbinden
Binde dein Spotcast-Profil oder den Buchungsflow auf deiner Website ein und behalte die reduzierte Provision auf deinem eigenen Traffic.
Mit deinem Spotcast-Embed können Besucher dein Profil ansehen oder direkt buchen, ohne deine Website zu verlassen. Spotcast stellt einen kleinen JavaScript-Loader (widget.js) bereit, der einen Platzhalter-<div> in ein live responsives iframe verwandelt. Aussehen und Verhalten stellst du im Dialog Embed-Code in deinem Talent-Konto ein und fügst den generierten Code dort ein, wo deine Website Custom HTML erlaubt.
Profilkarte
Eine kompakte Karte mit Foto, Themen und Buchungsbutton. Passt gut auf Speaker-Seiten und Agentur-Roster.
Buchungsflow
Das komplette Anfrageformular inline eingebunden. Nutze das, wenn Buchungen direkt auf deiner Seite starten sollen.
Link & Badge
Einfache Links und gestaltete Badges, wenn kein iframe nötig ist. Praktisch für Footer und Bios.
Öffne ein Talent in deinem Konto und klicke oben auf Embed-Code. Der Dialog hat zwei Bereiche: Anzeigeoptionen links und Ausgabe-Tabs rechts.
- Wähle Profil oder Buchungsflow, je nachdem ob Besucher deine Profilkarte sehen oder direkt ins Buchungsformular springen.
- Unter Angebot kannst du alle Angebote anzeigen oder das Embed auf ein bestimmtes Angebot festlegen.
- Stelle Theme, Farbe, Sprache und maximale Breite passend zu deiner Website ein. Bei System folgt das Theme der Systemeinstellung des Besuchers.
- UTM-Kampagne und -Inhalt sind optionale Labels für Analytics, damit du siehst, welche Platzierung eine Buchung gebracht hat (z. B. Startseite vs. Footer).
- Nutze die Tabs Embed-Code, Link oder QR-Code, um den iframe-Snippet, eine Direkt-URL, HTML-Link-Badges oder einen QR-Code für Print zu kopieren.
Was du anpassen kannst
| Option | Gilt für | Hinweise |
|---|---|---|
| Theme & Akzentfarbe | Alle Embeds | Hell, dunkel oder System |
| Max. Breite | Iframe-Embed | Standard 340 px (Profil) oder 500 px (Buchung) |
| Sprache | Alle Embeds | Automatisch oder DE / EN erzwingen |
| Kartenfelder | Profilkarte | Logo, Themen, Beruf, Teaser, Preis, Erweitern-Button |
| Buchungsbutton | Profilkarte | Label, Variante, Größe, Textfarbe |
| Powered by Spotcast | Alle Embeds | Kann ausgeblendet werden; sichtbar lassen hilft der SEO |
| Live-Vorschau | Tab Embed-Code | Aktualisiert sich sofort bei Einstellungsänderungen |
Jede Plattform unten nutzt denselben Spotcast-Snippet. Nur der Einfügeort unterscheidet sich. Öffne dein Embed-Dialog, klicke auf Code kopieren und folge der Anleitung für deinen Site-Builder.
WordPress (Block-Editor) nutzt einen Custom-HTML-Block. Bei Snippets mit script-Tags brauchst du einen bezahlten Plan mit Hosting-Funktionen. Kostenlose Pläne entfernen Scripts beim Speichern.
- Bearbeite die Seite oder den Beitrag, auf der das Widget erscheinen soll.
- Klicke auf + (Block-Inserter) und suche nach Custom HTML.
- Klicke im Block-Toolbar auf Edit HTML und füge deinen vollständigen Spotcast-Snippet ein.
- Aktualisiere oder veröffentliche die Seite und prüfe sie im Frontend.
Leere Box oder nichts sichtbar
Prüfe, ob der vollständige Snippet inklusive widget.js-Script-Tag eingefügt wurde. Manche Builder entfernen Scripts. Siehe WordPress- und Squarespace-Hinweise oben. Prüfe die Browser-Konsole auf blockierte Scripts (CSP oder Adblocker).
Widget abgeschnitten
Erhöhe die max. Breite im Embed-Menü oder gib dem Container mehr horizontalen Platz. Die iframe-Höhe passt sich per postMessage an. Stelle sicher, dass das Elternelement keine feste kleine Höhe mit overflow: hidden hat.
Falsches Angebot oder falsche Sprache
Kopiere den Snippet erneut, nachdem du Angebot oder Sprache im Embed-Menü geändert hast. Alte hardcodierte Snippets behalten vorherige Query-Parameter, bis du sie ersetzt.
Noch Fragen?
Wir helfen dir gern, den richtigen Block oder Bereich in deinem Site-Builder zu finden.