Webseite einbinden

Zeig deine buchbaren Termine direkt auf deiner eigenen Website. Besucher sehen die Termine, ein Klick auf „Buchen" öffnet die Buchung auf deiner Studio-Seite.

Du hast zwei Möglichkeiten – beide zeigen dasselbe Widget und passen ihre Höhe automatisch an:

1 · Universelles Snippet (jede Website)

Funktioniert auf jeder Website – WordPress, Wix, Jimdo oder statisches HTML. Füge den Code an der Stelle ein, an der die Termine erscheinen sollen (in WordPress z. B. ein „Custom-HTML"-Block):

<div id="paintslots-widget"></div>
<script src="https://dein-studio.malplatz.info/embed.js" async></script>

Den fertigen Code mit deinem Studio-Host kopierst du direkt auf der Seite „Webseite einbinden".

2 · WordPress-Plugin

Noch einfacher für WordPress: Plugin herunterladen, unter Plugins → Installieren → Plugin hochladen einspielen, aktivieren – und den Shortcode auf einer Seite oder einem Beitrag einfügen:

[paintslots host="dein-studio.malplatz.info"]

3 · Kein HTML-Element? Dann verlinken

Manche Baukästen – zum Beispiel IONOS MyWebsite NOW in der Starter-Stufe – haben kein Element für eigenen HTML-Code. Dann füge den Code nirgendwo ein (er würde als Text erscheinen oder im falschen Feld landen). Verlinke stattdessen deine Buchungsseite: Lege auf deiner Website einen Knopf oder Menüpunkt „Jetzt Termin buchen" an und hinterlege als Ziel die Adresse deiner Buchungsseite – sie steht auf der Seite „Webseite einbinden" fertig zum Kopieren. Deine Gäste landen damit auf deiner Buchungsseite mit deinem Branding – ohne Widget, aber mit genau denselben Terminen.

4 · Nur ein Angebot zeigen

Du möchtest auf einer Unterseite nur die Termine eines Angebots zeigen – zum Beispiel nur die Kindergeburtstage? Das geht auf zwei Wegen. Du brauchst dafür nur den Slug des Angebots, also seinen Adressteil.

So findest du den Slug: Öffne Angebote → dein Angebot. Im Reiter „Inhalt" steht direkt unter dem Titel das Feld „Slug (URL-Teil)", zum Beispiel keramik-malzeit. Noch einfacher: Öffne deine Buchungsseite, tippe auf die Angebotskachel und kopiere die Adresse aus der Browserzeile – sie hat dann schon die richtige Form.

Eingebettet als Kalender – diesen Code als HTML-Block einfügen und den Slug am Ende austauschen:

<iframe src="https://dein-studio.malplatz.info/embed/angebot/keramik-malzeit"
        style="width:100%;height:1200px;border:0"></iframe>

Der Kalender ist dann schon auf dieses Angebot gefiltert. Die Höhe passt sich beim iframe nicht von selbst an – ist der Kalender abgeschnitten, setz die Zahl 1200 höher.

Als Knopf oder Link: https://dein-studio.malplatz.info/angebot/keramik-malzeit öffnet deine Buchungsseite, schon auf das Angebot gefiltert. Für einen ganzen Bereich gibt es …/kategorie/<slug> (siehe Bereiche).

Live-Vorschau

Direkt auf der Seite siehst du eine Vorschau mit deinen echten Terminen, genau so, wie das Widget auf deiner Website aussieht.

Warum wird nicht die ganze Buchung eingebettet?

Das ist der Standard-Modus (Voreinstellung) – Absicht, aus vier Gründen:

1. Cookies im Fremd-Rahmen. In einem eingebetteten Rahmen (iframe) auf deiner Website ist YourSlots ein „Drittanbieter". Safari und zunehmend Chrome blocken dort Sitzungs-Cookies – Formular-Absicherung, Sitzung, Kundenkonto und Warteliste würden still scheitern. Termine anzeigen ist robust, Formulare absenden nicht.
2. Bezahl-Rücksprünge. PayPal und Mollie leiten auf ihre Seiten um und zurück. In einem Rahmen blocken sie das teils ganz, oder der Rückweg landet im Rahmen statt auf der Seite – der Gast stünde auf einer Bestätigungsseite im Briefmarkenformat.
3. Länge und Handy. Buchungsformular, Platz-/Zeitwahl, Rechtstexte, Bestätigung – in einem fremdhohen Rahmen mit doppeltem Scrollen ist das auf dem Handy unbenutzbar. Die automatische Höhenanpassung des Widgets ist für den Kalender gemacht.
4. Ein Ort für alles. Änderungs-Link, Storno-Seite, Kundenkonto, Anmelde-Link per Mail und Gutschein-Download landen alle auf deiner Studio-Adresse. Die Buchung dort abzuschließen hält alles auf einer Domain – und die sieht dank Branding aus wie deine.

Deine Gäste kommen über den Link „zur Studio-Website" im Kopfmenü zurück (Feld Studio-Website im Branding).

Volle Integration – Buchung bleibt im Rahmen

Willst du, dass Gäste gar nicht erst deine Website verlassen, schalte unter System & Einrichtung → Webseite einbinden ganz oben den Schalter „Buchung im eingebetteten Fenster abwickeln" ein (speichert sofort):

• Stöbern, Terminwahl und das Buchungsformular ohne Zahlungspflicht bleiben im Rahmen – auch die Danke-Seite erscheint im Widget, Gäste merken den Wechsel nicht.
• Bezahlschritte verlassen den Rahmen immer. Verlangt der Termin eine Zahlung (z. B. eure No-Show-Absicherung oder Vorkasse per PayPal/Mollie), übernimmt beim Absenden das ganze Fenster deine Studio-Seite – kein neuer Tab, das Formular „bricht aus". Nötig, damit der Bezahl-Rücksprung zuverlässig funktioniert.
• Der Gutschein-Kauf bleibt draußen, in beiden Modi (siehe unten).
• Safari-Einschränkung: Manche Browser – vor allem Safari – blockieren Cookies in eingebetteten Rahmen grundsätzlich. Dort kann das Formular fehlschlagen; Gäste bekommen dann automatisch einen Knopf „Buchung im neuen Tab fortsetzen", der dieselbe Buchung außerhalb des Rahmens weiterführt. Deshalb ist der Schalter standardmäßig aus.

Auf welchen Websites darf das Widget erscheinen?

Im Voll-Modus zeigt der Browser das Widget nur auf Websites, die YourSlots kennt. Das schützt deine Gäste davor, dass eine fremde Seite deine Buchung unsichtbar einbettet und ihre Klicks abfängt. Erlaubt sind:

• die Studio-Website aus dem Branding,
• und die weiteren Websites, die du direkt unter dem Schalter einträgst – eine je Zeile, z. B. mein-studio.jimdosite.com oder eine Zweitdomain. Dann auf „Websites speichern" klicken.

Jede Adresse gilt mit allen Unteradressen (www., shop. …). Darunter steht, was gerade erlaubt ist („Erlaubt sind gerade: …"). Ungültiges – etwa ein * oder eine IP-Adresse – wird rot gemeldet und nicht gespeichert. Steht weder hier noch im Branding etwas, darf jede Website das Widget einbetten. Im Standard-Modus gilt diese Liste nicht.

Gutscheine und das Widget

Das Widget hat kein Kopfmenü – es sitzt in deiner Website, die ihr eigenes Menü hat. Darum fehlt dort auch der Menüpunkt Gutschein, in beiden Modi. Verkaufst du Gutscheine, setz in deiner eigenen Website-Navigation einen Link auf deinen Gutschein-Shop: https://dein-studio.malplatz.info/gutschein.