Tutorials

HoneyBook mit Wix verbinden: Eine Schritt-für-Schritt-Anleitung

Melden

Hier ist ein detailliertes Tutorial, wie du dein HoneyBook-Konto mit deiner Wix-Website verbindest.

Die Integration von HoneyBook in deine Wix-Website ist der beste Weg, um Anfragen direkt in dein CRM-System zu leiten. So sparst du Zeit und stellst sicher, dass kein potenzieller Kunde verloren geht.

Warum sollte man HoneyBook mit Wix verbinden?

  • Automatisierung: Neue Anfragen landen sofort in deiner HoneyBook-Pipeline.
  • Professionalität: Kunden erhalten sofort eine automatisierte Antwort.
  • Effizienz: Du musst Daten nicht manuell von Wix zu HoneyBook übertragen.

Schritt 1: Den Einbettungscode in HoneyBook erstellen

Bevor du zu Wix gehst, musst du den Code für dein Kontaktformular in HoneyBook vorbereiten.

  1. Logge dich in dein HoneyBook-Konto ein.
  2. Gehe im Menü oben auf Tools und wähle Contact Forms (Kontaktformulare).
  3. Wähle ein bestehendes Formular aus oder erstelle ein neues mit dem Button + Create New.
  4. Passe das Design (Farben, Schriftarten, Felder) an deine Marke an.
  5. Wenn du fertig bist, klicke oben rechts auf den Button Publish (Veröffentlichen).
  6. Es erscheint ein Fenster mit dem Embed Code. Klicke auf Copy Code.

Schritt 2: Den Code in die Wix-Website einfügen

Nun betten wir diesen Code in deine Wix-Seite ein.

  1. Logge dich bei Wix ein und öffne den Wix Editor für die entsprechende Website.
  2. Navigiere zu der Seite, auf der das Formular erscheinen soll (z. B. deine „Kontakt“-Seite).
  3. Klicke auf der linken Seite auf das Plus-Symbol (+) (Elemente hinzufügen).
  4. Gehe zum Bereich Einbetten & Social (Embed Code).
  5. Wähle unter „Benutzerdefinierte Elemente“ die Option HTML-Einbettung (Embed a Widget / HTML-Frame).
  6. Ein graues Feld erscheint auf deiner Seite. Klicke auf den Button Code eingeben.
  7. Stelle sicher, dass „Code“ ausgewählt ist und füge den HoneyBook-Code in das Textfeld ein.
  8. Klicke auf Update (Aktualisieren).

Schritt 3: Größe und Position anpassen

Das Formular wird nun innerhalb des Wix-Containers geladen.

  1. Größe anpassen: Ziehe die Ecken des HTML-Elements so weit auf, dass das gesamte HoneyBook-Formular ohne Scrollbalken sichtbar ist.
  2. Mobil-Ansicht prüfen: Klicke im Wix Editor oben auf das Handy-Symbol, um die mobile Ansicht zu bearbeiten. Oft muss die Größe des HTML-Elements für Mobilgeräte separat angepasst werden.
  3. Positionieren: Schiebe das Formular an die gewünschte Stelle in deinem Layout.

Schritt 4: Veröffentlichen und Testen

  1. Klicke oben rechts im Wix Editor auf Speichern und dann auf Veröffentlichen.
  2. Besuche deine Live-Website im Browser.
  3. Fülle das Formular testweise selbst aus.
  4. Prüfe dein HoneyBook-Dashboard unter Inquiry (Anfragen), ob deine Test-Anfrage korrekt angekommen ist.

Profi-Tipp: HoneyBook-Scheduler (Kalender) verlinken

Falls du keinen kompletten Kontakt-Einbettungscode nutzen möchtest, sondern nur deinen HoneyBook-Kalender zur Terminbuchung verlinken willst:

  1. Gehe in HoneyBook zu Tools > Scheduler.
  2. Kopiere den Link zu deinem Termin-Typ.
  3. Gehe in Wix auf einen Button (z. B. "Jetzt Termin buchen").
  4. Klicke auf das Link-Symbol und füge die URL deines HoneyBook-Schedulers ein.

Fehlerbehebung (Troubleshooting)

  • Formular wird nicht angezeigt? Überprüfe, ob du in HoneyBook auf „Publish“ geklickt hast.
  • Abgeschnittene Ränder? Vergrößere den HTML-Container im Wix Editor großzügig nach unten, da Formulare je nach Fehlermeldung (z. B. „Bitte Feld ausfüllen“) ihre Höhe verändern können.
  • Design-Konflikte? Versuche das Design des Formulars direkt in HoneyBook so schlicht wie möglich zu halten, damit es sich nahtlos in Wix einfügt.
0