Diver ID
Anleitung für Tauchbasen und Webdesigner

Anfragen, Leo und Online-Check-in auf deiner Website

Eine Zeile Code, danach stellst du alles in Diver ID ein. Geht mit WordPress, Wix, Webflow, Squarespace, Jimdo und vielen anderen Baukästen.

SCHRITT 1

In Diver ID einschalten

Anfragen & Buchungen › Website. Wähl aus, was auf deine Website soll, und stell Farbe und Rahmen ein.

SCHRITT 2

Eine Zeile einfügen

Den Code in deinen Baukasten kopieren. Weiter unten stehen die Klicks für jeden Baukasten.

SCHRITT 3

Veröffentlichen und testen

Deine Seite einmal öffnen. In Diver ID steht danach „Zuletzt gesehen auf“ mit der Adresse deiner Website.

Was du einbauen kannst

Leo, der Chat

Eine Blase unten in der Ecke, auf jeder Seite deiner Website. Leo beantwortet Fragen in der Sprache des Gastes und kennt deine Antworten aus Diver ID.

Anfrage-Formular

Gäste fragen Termine, Kurse und Personen strukturiert an. Das Formular öffnet sich als Fenster direkt auf deiner Website.

Online-Check-in

Ein Knopf, über den Gäste vor der Anreise einchecken. Brevet, Gesundheit und Unterschrift füllen sie zu Hause aus.

Preisliste

Deine Preise aus Diver ID als Liste auf einer Seite deiner Website. Änderst du einen Preis in Diver ID, stimmt er auch auf der Website.

Der Code

Diese Zeile gehört auf jede Seite deiner Website, am besten ans Ende vor </body>. In Diver ID steht statt DEIN-CODE schon dein eigener Code.

<script src="https://www.diver-id.net/gc/w.js" data-code="DEIN-CODE" async></script>

Deinen Code findest du in Diver ID unter Anfragen & Buchungen › Website.

Knöpfe und Preisliste an einer bestimmten Stelle

Sollen der Anfrage-Knopf, der Check-in-Knopf oder die Preisliste an einer bestimmten Stelle stehen, setz dort einen Platzhalter. Die Zeile oben muss trotzdem auf der Seite sein.

Eigener Buchen-Knopf

Du hast schon einen Knopf wie „Jetzt buchen“? Dann behalt ihn und trag als Adresse deinen Anfrage-Link ein, zum Beispiel:

https://www.diver-id.net/r/DEIN-CODE

Ist die Zeile oben auf der Seite, öffnet sich das Formular mit deinem Code als Fenster direkt auf deiner Website, auch wenn der Knopf sonst einen neuen Tab öffnen würde. Ohne die Zeile öffnet der Link die Anfrage-Seite.

Die Klicks für deinen Baukasten

WordPressAlles geht
  1. In Diver ID den Code kopieren: Anfragen & Buchungen › Website.
  2. Code einfügen: Auf einer Seite: Block „Individuelles HTML“. Für alle Seiten: ein Plugin für Code in Kopf- und Fußzeile. Bei Elementor Pro: Elementor › Custom Code › Ort „body, Ende“ › ganze Website. Bei WordPress.com nur mit einem Tarif, der Plugins erlaubt.
  3. Knopf oder Preisliste an einer bestimmten Stelle: „+“ › Block „Individuelles HTML“ › Code einfügen › Aktualisieren (nur Administratoren).
  4. Eigener Buchen-Knopf: „+“ › Block „Buttons“ › Text eingeben › Link-Symbol › Link einfügen. Als Adresse deinen Anfrage-Link eintragen.
  5. Veröffentlichen und die Seite einmal öffnen.
Wix

Geht nur mit Premium-Tarif und verbundener eigener Domain. Im Element „HTML einbetten“ bleibt Leo in einem Kästchen gefangen. Wechselst du die Domain, ist der Code weg.

  1. In Diver ID den Code kopieren: Anfragen & Buchungen › Website.
  2. Code einfügen: Dashboard › Einstellungen › Benutzerdefinierter Code › „+ Code hinzufügen“ › Alle Seiten › Body, Ende › Anwenden.
  3. Knopf oder Preisliste an einer bestimmten Stelle: Hinzufügen › Einbetten › „HTML einbetten“. Der Code läuft dort in einem eigenen Rahmen.
  4. Eigener Buchen-Knopf: Button anklicken › Link-Symbol › Webadresse › Link einfügen › Fertig. Als Adresse deinen Anfrage-Link eintragen.
  5. Veröffentlichen und die Seite einmal öffnen.
Squarespace

Code-Injektion gibt es nur in den Tarifen Core, Plus und Advanced.

  1. In Diver ID den Code kopieren: Anfragen & Buchungen › Website.
  2. Code einfügen: Website-Tools › Code-Injektion › Footer › Code einfügen › Speichern.
  3. Knopf oder Preisliste an einer bestimmten Stelle: Block „Code“ einfügen. Mit Skript nur in den Tarifen Core, Plus und Advanced.
  4. Eigener Buchen-Knopf: Bearbeiten › Block hinzufügen › Schaltfläche › Stift › Link anhängen › Link einfügen › Speichern. Als Adresse deinen Anfrage-Link eintragen.
  5. Veröffentlichen und die Seite einmal öffnen.
Jimdo CreatorAlles geht
  1. In Diver ID den Code kopieren: Anfragen & Buchungen › Website.
  2. Code einfügen: Menü › Einstellungen › Head bearbeiten › Code einfügen › Speichern.
  3. Knopf oder Preisliste an einer bestimmten Stelle: Element hinzufügen › Weitere Elemente › Widget/HTML.
  4. Eigener Buchen-Knopf: Element hinzufügen › Button › Link-Symbol › externe Adresse › Speichern. Als Adresse deinen Anfrage-Link eintragen.
  5. Veröffentlichen und die Seite einmal öffnen.
Jimdo (neuer Baukasten)Nur Links

Jimdo erlaubt hier keinen eigenen Code. Nimm für Anfragen einfach einen zweiten Knopf mit dem Anfrage-Link, Leo ist dort schon eingebaut.

  1. In Diver ID den Anfrage-Link kopieren: Anfragen & Buchungen › Website.
  2. Knopf mit Link: Website bearbeiten › Auge-Symbol am Block › „Primary Button“ anhaken › Ketten-Symbol › Adresse einfügen.
  3. Für den Check-in einen zweiten Knopf mit dem Check-in-Link.
  4. Veröffentlichen und beide Knöpfe einmal selbst antippen.
Webflow

Eigener Code geht nur mit bezahltem Site-Plan, nicht im kostenlosen Starter.

  1. In Diver ID den Code kopieren: Anfragen & Buchungen › Website.
  2. Code einfügen: Site settings › Custom code › Footer code › Speichern › Veröffentlichen.
  3. Knopf oder Preisliste an einer bestimmten Stelle: Element „Code Embed“, nur mit bezahltem Site-Plan.
  4. Eigener Buchen-Knopf: Button wählen › Einstellungen › Link › Adresse. Als Adresse deinen Anfrage-Link eintragen.
  5. Veröffentlichen und die Seite einmal öffnen.
Google SitesNur Links

Google Sites sperrt eigenen Code in einen Rahmen. Nimm für Anfragen einen zweiten Knopf mit dem Anfrage-Link, Leo ist dort schon eingebaut.

  1. In Diver ID den Anfrage-Link kopieren: Anfragen & Buchungen › Website.
  2. Knopf mit Link: Einfügen › Schaltfläche › Name und Link › Einfügen › Veröffentlichen.
  3. Für den Check-in einen zweiten Knopf mit dem Check-in-Link.
  4. Veröffentlichen und beide Knöpfe einmal selbst antippen.
IONOSAlles geht
  1. In Diver ID den Code kopieren: Anfragen & Buchungen › Website.
  2. Code einfügen: Einstellungen › Custom Head Code › Code einfügen › Speichern.
  3. Knopf oder Preisliste an einer bestimmten Stelle: Elemente › „+“ › HTML-Modul › Code (nicht in allen Paketen).
  4. Eigener Buchen-Knopf: Button wählen › Link › Website › Adresse einfügen. Als Adresse deinen Anfrage-Link eintragen.
  5. Veröffentlichen und die Seite einmal öffnen.
STRATOAlles geht

Die STRATO-Hilfe beschreibt teils noch den alten Baukasten. Wenn die Menüs anders heißen, nimm den Anfrage-Link als Knopf.

  1. In Diver ID den Code kopieren: Anfragen & Buchungen › Website.
  2. Code einfügen: Einstellungen › Allgemein › Tracking-Code › „Einfügen in: HEAD“ › Speichern.
  3. Knopf oder Preisliste an einer bestimmten Stelle: Inhaltselemente › Standardelemente › Embed › Embed-Code.
  4. Eigener Buchen-Knopf: Link-Dialog › „Externe Webseite“ › Adresse einfügen. Als Adresse deinen Anfrage-Link eintragen.
  5. Veröffentlichen und die Seite einmal öffnen.
GoDaddyNur Links

Nimm für Anfragen einen zweiten Knopf mit dem Anfrage-Link, Leo ist dort schon eingebaut.

  1. In Diver ID den Anfrage-Link kopieren: Anfragen & Buchungen › Website.
  2. Knopf mit Link: Abschnitt › Action Button › Link › Website-Adresse.
  3. Für den Check-in einen zweiten Knopf mit dem Check-in-Link.
  4. Veröffentlichen und beide Knöpfe einmal selbst antippen.
ShopifyAlles geht

Nach einem Theme-Update kann der Code in theme.liquid fehlen. Dann neu einfügen.

  1. In Diver ID den Code kopieren: Anfragen & Buchungen › Website.
  2. Code einfügen: Onlineshop › Themes › Code bearbeiten › theme.liquid › vor </body> einfügen › Speichern.
  3. Knopf oder Preisliste an einer bestimmten Stelle: Abschnitt „Custom Liquid“, wenn dein Theme ihn hat.
  4. Eigener Buchen-Knopf: Theme anpassen › Abschnitt › Button-Block › Beschriftung und Link. Als Adresse deinen Anfrage-Link eintragen.
  5. Veröffentlichen und die Seite einmal öffnen.
HostingerAlles geht
  1. In Diver ID den Code kopieren: Anfragen & Buchungen › Website.
  2. Code einfügen: Mehr (⋯) › Integrations › Custom code › Speichern › Website aktualisieren.
  3. Knopf oder Preisliste an einer bestimmten Stelle: Elemente hinzufügen › Embed code › Code einfügen.
  4. Eigener Buchen-Knopf: Button › Bearbeiten › Link › Adresse › Website aktualisieren. Als Adresse deinen Anfrage-Link eintragen.
  5. Veröffentlichen und die Seite einmal öffnen.
one.com

Eigener Code nur in den Tarifen Premium und Business + E-Commerce.

  1. In Diver ID den Code kopieren: Anfragen & Buchungen › Website.
  2. Code einfügen: Mehr › Code › Platzierung wählen › Code einfügen › „Auf allen Seiten anwenden“ › Veröffentlichen.
  3. Knopf oder Preisliste an einer bestimmten Stelle: Mehr › Code, nur Premium und Business.
  4. Eigener Buchen-Knopf: Button-Komponente › Link. Als Adresse deinen Anfrage-Link eintragen.
  5. Veröffentlichen und die Seite einmal öffnen.
Anderer BaukastenAlles geht
  1. In Diver ID den Code kopieren: Anfragen & Buchungen › Website.
  2. Code einfügen: Such nach „Custom Code“, „Code Injection“, „Footer Code“ oder „Head Code“. Leo funktioniert auch im Kopfbereich.
  3. Knopf oder Preisliste an einer bestimmten Stelle: Such nach „HTML“, „Code“ oder „Einbetten“.
  4. Eigener Buchen-Knopf: Fast jeder Baukasten hat ein Knopf-Element: dort den Link eintragen. Als Adresse deinen Anfrage-Link eintragen.
  5. Veröffentlichen und die Seite einmal öffnen.

Häufige Fragen

Muss ich den Code neu einfügen, wenn ich etwas ändere?

Nein. Farbe, Texte und was angezeigt wird, stellst du in Diver ID um. Deine Website holt sich das selbst, ohne neuen Code.

Kann ich meinen eigenen Buchen-Knopf behalten?

Ja. Trag bei deinem Knopf als Adresse deinen Anfrage-Link ein. Ist der Code auf deiner Seite, öffnet sich das Formular als Fenster direkt auf deiner Website.

Mein Baukasten erlaubt keinen Code. Was nun?

Dann nimm Knöpfe mit Links: einen mit dem Anfrage-Link, einen mit dem Check-in-Link. Ist Leo bei dir an, ist er auf der Anfrage-Seite dabei.

Wo landen die Anfragen?

In Diver ID unter Anfragen & Buchungen, im Reiter Anfragen.

Kann mein Webdesigner das übernehmen?

Ja. In Diver ID schickst du mit „An Webdesigner schicken“ den Code und einen Link auf diese Anleitung per Mail.

Kostet der Einbau etwas?

Der Einbau selbst kostet nichts.