🟢 Das Wichtigste zuerst
Du kannst deine Beautinda Online-Buchung auf drei Arten mit deiner eigenen Website verbinden. Die fertigen Codes findest du in der App unter Menü → Onlinebuchung → Buchungslink → „Beautinda in deine Website integrieren“:
Buchungsbutton (HTML-Code): ein Button auf deiner Seite, der beim Klick die Beautinda-Buchung öffnet
iFrame: deine komplette Buchungsseite wird direkt in deine Website eingebettet, Kundinnen und Kunden buchen ohne deine Seite zu verlassen
Service-Link: ein Link, der direkt zu einer bestimmten Dienstleistung führt, ideal für Landingpages, Instagram und Werbeanzeigen
Beide Codes kopierst du mit „Code kopieren“ und fügst sie im HTML-, Embed- oder Custom-Code-Bereich deines Website-Baukastens ein.
Dieser Artikel ist für alle, die eine eigene Website, eine Landingpage oder Werbeanzeigen haben und möchten, dass Kundinnen und Kunden von dort direkt bei Beautinda buchen.
Wo finde ich die Codes in Beautinda?
Tippe oben in der Navigation auf „Menü“.
Öffne im Abschnitt „Onlinebuchung“ den Punkt „Buchungslink“.
Öffne dort „Beautinda in deine Website integrieren“.
Du siehst zwei Bereiche: „Einfügen innerhalb der Seite als Button“ und „Buchungsseite als iFrame einbetten“. Bei beiden gibt es den Button „Code kopieren“. Der Code ist bereits fertig auf dein Profil zugeschnitten, du musst nichts daran ändern.
Möglichkeit A: Buchungsbutton auf deiner Website einfügen
Mit dem Buchungsbutton platzierst du auf deiner Website einen Button wie „Jetzt Termin buchen“. Beim Klick öffnet sich deine Beautinda-Buchungsseite.
Tippe unter „Einfügen innerhalb der Seite als Button“ auf „Code kopieren“.
Öffne in deinem Website-System die Seite, auf der der Button erscheinen soll, und füge dort ein HTML-Element ein (je nach Anbieter heißt es „HTML“, „Code“, „Embed“ oder „Benutzerdefinierter Code“).
Füge den kopierten Code ein und speichere bzw. veröffentliche die Seite.
Teste den Button einmal selbst: Beim Klick muss sich deine Beautinda-Buchung öffnen.
💡 Ohne Code geht es auch: Du kannst jeden normalen Button oder Menüpunkt deiner Website mit deinem Beautinda-Buchungslink verknüpfen. Der Buchungslink steht direkt unter Menü → Onlinebuchung → Buchungslink.
Möglichkeit B: Buchungsseite per iFrame einbetten
Mit dem iFrame wird deine komplette Beautinda-Buchungsseite direkt innerhalb deiner Website angezeigt. Kundinnen und Kunden wählen Dienstleistung, Termin und Zahlung, ohne deine Seite zu verlassen.
Tippe unter „Buchungsseite als iFrame einbetten“ auf „Code kopieren“.
Lege in deinem Website-System eine Seite an, zum Beispiel „Termin buchen“, oder öffne eine bestehende Seite.
Füge dort ein HTML-, Embed- oder Custom-Code-Element ein und setze den kopierten iFrame-Code ein.
Speichere die Seite und prüfe sie am Handy und am Computer. Der Buchungsbereich sollte gut lesbar sein und genug Höhe haben.
⚠️ Wichtig: Dein Website-Baukasten bzw. Anbieter muss das Einfügen von eigenem HTML oder iFrames erlauben. Die meisten gängigen Systeme bieten dafür ein eigenes Element an, bei manchen Tarifen oder Anbietern ist diese Funktion aber eingeschränkt oder nicht vorhanden. Falls du das Element nicht findest, hilft dir der Support deines Website-Anbieters weiter. Alternativ nutzt du den Buchungsbutton (Möglichkeit A).
Möglichkeit C: Direkt auf eine bestimmte Dienstleistung verlinken
Wenn du auf deiner Website, einer Landingpage, bei Instagram, in Google Ads oder einer anderen Werbeanzeige eine konkrete Behandlung bewirbst, kannst du direkt auf diese Dienstleistung in Beautinda verlinken. Die Kundin landet dann sofort im passenden Buchungsprozess für genau diese Behandlung und muss nicht erst deine gesamte Leistungsübersicht durchsuchen.
Für jede Dienstleistung gibt es einen eigenen Direktlink. Du findest ihn in der Bearbeitungsansicht der jeweiligen Dienstleistung unter Menü → Unternehmen → Service. Die genaue Schritt-für-Schritt-Anleitung steht hier:
Typische Beispiele für Buttons oder Anzeigen mit Service-Link:
„Wimpernlifting buchen“
„Hydrafacial buchen“
„Laserbehandlung buchen“
„Balayage buchen“
💡 Tipp für Werbekampagnen: Verwende pro Anzeige den Service-Link der beworbenen Behandlung als Ziel-URL. So passt die Anzeige genau zur Buchungsseite, und du verlierst weniger Interessentinnen auf dem Weg zur Buchung.
Welche Variante sollte ich verwenden?
Variante | Wann sinnvoll |
Buchungsbutton | Einfache Weiterleitung zur Buchung. Schnell eingebaut, funktioniert mit praktisch jeder Website. |
iFrame | Buchung direkt innerhalb deiner Website. Ideal für eine eigene Seite „Termin buchen“. Voraussetzung: Dein Baukasten erlaubt eigenes HTML. |
Service-Link | Einzelne Angebote, Landingpages, Instagram, Google Ads und andere Werbekampagnen. Führt direkt zur beworbenen Behandlung. |
Du kannst die Varianten auch kombinieren, zum Beispiel ein iFrame auf der Seite „Termin buchen“ und Service-Links bei den einzelnen Behandlungen auf deiner Leistungsseite.
Hinweise, wenn eine Agentur deine Website betreut
Lässt du deine Website von einer Agentur oder einem Freelancer pflegen, musst du selbst nichts einbauen. Kopiere einfach den HTML- bzw. iFrame-Code aus der App und schicke ihn zusammen mit dem Wunsch, wo er erscheinen soll, an deinen Website-Anbieter. Das Gleiche gilt für Service-Links: Kopiere den Direktlink der Behandlung und gib an, welcher Button oder welche Seite ihn bekommen soll.
Häufige Fragen
Ich habe mehrere Mitarbeitende. Welcher Link gehört in den Code?
Die Codes unter „Beautinda in deine Website integrieren“ beziehen sich auf deinen Salon-Buchungslink. Dort sehen Kundinnen und Kunden alle Mitarbeitenden und wählen selbst aus. Mehr dazu: Wo finde ich meinen Beautinda-Buchungslink
Muss ich den Code aktualisieren, wenn ich Services oder Preise ändere?
Nein. Button und iFrame zeigen immer deine aktuelle Beautinda-Buchungsseite. Änderungen an Dienstleistungen, Preisen oder Zeiten erscheinen automatisch.
Kann ich Buchungen aus Google Ads messen?
Ja. Wie du Conversions für Google Ads einrichtest, steht hier: Google Tag für Google Ads bei Beautinda hinterlegen
Ich habe noch keine Website.
Dann nutze deinen Buchungslink direkt auf Instagram, Google und WhatsApp. Auf Wunsch erstellen wir dir kostenfrei einen Linktree im Beautinda-Design, Details im Artikel Wo finde ich meinen Beautinda-Buchungslink.
💬 Du kommst nicht weiter? Schreibe uns im Chat – alternativ erreichst du uns unter service@beautinda.de.