Website Widget
Einfache Installationsanleitung
Was Paare mit dem Widget tun können
- ● Anfrage senden
- ● Besichtigung buchen
- ● Für einen Tag der offenen Tür registrieren
Bevor du startest
Du findest deinen Widget-Code hier: Bridebook Business → Grow your business → Website widget → Install
Oder geh direkt dorthin: Widget-Code abrufen
Zwei Wege, das Widget hinzuzufügen
Eingebettet
Das Widget sitzt direkt auf deiner Seite und ist sofort sichtbar, wie ein Kontaktformular, das in die Website integriert ist.
Immer sichtbarPop-up
Das Widget öffnet sich, wenn ein Paar auf einen Button klickt, zum Beispiel „Besichtigung buchen" oder „Anfrage senden".
Öffnet sich per KlickNicht sicher, was du nutzen solltest? Eingebettet funktioniert am besten für Kontakt- und Anfrageseiten. Pop-up funktioniert am besten, wenn du bereits Buttons auf deiner Website hast.
Widget direkt zu einer Seite hinzufügen (Eingebettet)
Nutze diese Option, wenn das Widget direkt auf der Seite erscheinen soll.
Gute Seiten für das eingebettete Widget
Schritt 1 — Kopiere deinen eingebetteten Code aus Bridebook
- 1Geh zu Bridebook Business
- 2Öffne: Grow your business → Website widget → Install
- 3Wähle die Option Eingebettet
- 4Kopiere den Code
Er sieht ungefähr so aus:
<iframe
width="100%"
height="600"
src="https://enquiry.bridebook.com?publicId=YOUR_PUBLIC_ID&widgetId=YOUR_WIDGET_ID">
</iframe></iframe> enden, nicht mit />. Ein selbstschließendes iframe kann den Rest deiner Seite beschädigen.Schritt 2 — Füge den Code in deine Website ein
- 1Öffne deinen Website-Editor
- 2Geh zu der Seite, auf der du das Widget anzeigen möchtest
- 3Füge einen Custom HTML Block oder Custom Code Block hinzu
- 4Füge den vollständigen Code dort ein
Schritt 3 — Veröffentlichen und prüfen
- 1Speichere und veröffentliche die Seite
- 2Öffne die Seite und prüfe, ob das Widget angezeigt wird
- 3Sende eine Testanfrage und prüfe, ob sie in Bridebook Business ankommt
Einen Button mit dem Widget verknüpfen (Pop-up)
Nutze diese Option, wenn du bereits einen Button auf deiner Website hast und möchtest, dass er das Widget öffnet.
Gute Button-Texte
Gute Seiten für das Pop-up
Schritt 1 — Kopiere dein Pop-up-Script aus Bridebook
- 1Geh zu Bridebook Business
- 2Öffne: Grow your business → Website widget → Install
- 3Wähle die Option Pop-up
- 4Kopiere den Script-Code
Er sieht ungefähr so aus:
<script
src="https://enquiry.bridebook.com/widget.js"
data-public-id="YOUR_PUBLIC_ID"
data-widget-id="YOUR_WIDGET_ID">
</script>Schritt 2 — Füge das Script zu deiner Website hinzu
Füge das Script in den <head> Bereich deiner Website ein:
<head>
Füge das Bridebook Script hier ein
</head>Schritt 3 — Verbinde einen Button, um das Widget zu öffnen
- 1Finde den Button oder Link, der das Widget öffnen soll
- 2Füge das Attribut
data-bb-openhinzu
Beispiele:
<a href="#" data-bb-open>
Anfrage senden
</a>
<button data-bb-open>
Besichtigung buchen
</button>Schritt 4 — Veröffentlichen und prüfen
- 1Speichere und veröffentliche deine Website
- 2Klicke auf den Button und prüfe, ob sich das Widget als Pop-up öffnet
- 3Sende eine Testanfrage und prüfe, ob sie in Bridebook Business ankommt
Wenn es nicht funktioniert
- ☐ Sind
data-public-idunddata-widget-idnoch im Code? - ☐ Hat dein Website-Builder einen Teil des Codes entfernt?
- ☐ Hast du den vollständigen Code aus Bridebook kopiert?
- ☐ Hast du den Code in einen Custom HTML oder Code Block eingefügt?
- ☐ Hast du die Website-Seite veröffentlicht?
- ☐ Hast du im Pop-up-Modus
data-bb-openzum richtigen Button hinzugefügt?
/> statt </iframe> kann den Rest deiner Seite beschädigen. Schließe das iframe Tag immer korrekt.Was du deinem Website-Entwickler senden kannst
Wenn du Hilfe bei der Installation brauchst, kopiere diese Nachricht und sende sie an deinen Entwickler:
Diese Nachricht kopieren
Wir möchten Folgendes nutzen:
[Eingebettetes Widget / Pop-up Widget]
Bridebook hat diesen Installationscode bereitgestellt:
[Füge deinen Code hier ein]
Für den Pop-up-Modus füge bitte data-bb-open zum Button hinzu, der das Widget öffnen soll.
Bereit loszulegen?
Hol dir deinen Widget-Code aus Bridebook Business und starte damit, Anfragen über deine Website zu sammeln.
Widget-Code abrufen