DE
Kostenlos testen

Einbindung auf der Website

Fügen Sie Ihr Buchungsmodul in Ihre Website ein: HTML-Code zum Einfügen, Direktlink und Anpassung des Erscheinungsbilds.

Aktualisiert Juli 2026

Sobald Ihre Fahrzeuge und Ihre Zahlungsweise eingerichtet sind, liefert Ihnen der Bereich Web-Einbindung alles, um Ihr Buchungsmodul auf Ihrer Website anzuzeigen. Zwei Möglichkeiten: einen HTML-Code dort einfügen, wo das Modul erscheinen soll, oder einen Direktlink teilen, wenn Sie keine Website haben. Die Vorschau aktualisiert sich bei jedem Speichern.

Das Modul in Ihre Website einfügen

Kopieren Sie im Bereich Web-Einbindung den HTML-Code zum Einfügen in Ihre Website und fügen Sie ihn in den HTML-Code Ihrer Seite ein – genau an der Stelle, an der das Modul erscheinen soll. Der Code hat die Form eines iframe-Tags:

<iframe src='https://app.clickchauffeur.com/module/ihre-kennung'
        width="600" height="950"></iframe>
  • Die Schaltfläche Kopieren legt den Code in Ihre Zwischenablage; eine Meldung « Code kopiert! » bestätigt den Vorgang.
  • Die Kennung gehört zu Ihrem Konto: Ändern Sie sie nicht.
  • Die Attribute width und height übernehmen die Abmessungen des Moduls, die Sie gespeichert haben (siehe weiter unten).

Dieser Code funktioniert auf WordPress, Wix und jeder anderen Website, die das Einfügen von HTML zulässt.

  • WordPress: Fügen Sie im Seiteneditor einen Block Eigenes HTML hinzu und setzen Sie den Code ein.
  • Wix: Fügen Sie ein Element Code einbetten / HTML (Embed) hinzu und setzen Sie den Code hinein.
  • Andere Websites: Fügen Sie den Code im HTML-Bereich der Seite an der gewünschten Stelle ein.

Wenn Sie keine Website haben oder Ihr Modul per Nachricht, E-Mail oder soziale Netzwerke bekannt machen möchten, nutzen Sie den Direktlink zu Ihrem Buchungsmodul. Dieser Link öffnet das Buchungsmodul, ohne dass Sie es in eine Website einbinden müssen. Die Schaltfläche Kopieren bestätigt mit « Direktlink kopiert! ».

Das Modul anpassen

Unter Anpassung des Moduls erlauben mehrere Einstellungen, Erscheinungsbild und Verhalten des Moduls anzupassen. Klicken Sie nach jeder Änderung auf Speichern: Die Vorschau aktualisiert sich.

Design des Moduls

Wählen Sie das Design des Moduls:

  • Klassisch — die bisherige Darstellung des Moduls.
  • Modern — ein Design, das sich automatisch an die Breite des iframe anpasst (Karte rechts auf großen Bildschirmen, gestapelte Elemente auf dem Handy).

Titel und Beschreibung

  • Titel — der Titel des Formulars. Er wird nicht angezeigt, wenn ein Bild hochgeladen ist.
  • Text — der Text unter dem Titel; nutzen Sie ihn, um Ihren Kunden nützliche Hinweise zu geben.
  • Bild des Formulars — ein Kopfbild (es ersetzt den Titel in der Anzeige). Sie können das aktuelle Bild jederzeit entfernen.

Anzeige

Aktivieren oder deaktivieren Sie die Felder, die Ihren Kunden im Modul angeboten werden:

  • Karte anzeigen — zeigt eine Karte im Modul an.
  • Anzahl der Fahrgäste — ist dies deaktiviert, wird die Fahrgastzahl bei der Tarifberechnung nicht berücksichtigt, selbst wenn für ein Fahrzeug ein Preis pro Fahrgast hinterlegt ist.
  • Anzahl der Gepäckstücke — ist dies deaktiviert, erscheint das Eingabefeld für die Gepäckzahl nicht im Modul.
  • Fahrzeugtyp — ist dies deaktiviert, erscheint die Auswahlliste der Fahrzeuge nicht und das Standardfahrzeug wird verwendet.
  • Fahrttyp — ist dies deaktiviert, kann der Kunde keine Hin- und Rückfahrt wählen.

Abmessungen des Moduls — legen Sie Breite und Höhe (in Pixeln) des Moduls fest. Diese Werte speisen die Attribute width und height des HTML-Codes.

Farben

  • Farbe der Symbole — die Farbe der im Modul angezeigten Symbole.
  • Farbe der Schaltfläche — die Farbe der Aktionsschaltfläche des Moduls.

Weiterleitung

Weiterleitungs-URL nach der Buchung — die Adresse, zu der der Kunde nach abgeschlossener Buchung geführt wird (zum Beispiel eine Dankesseite Ihrer Website).

Karte und Google Maps

Wenn Sie Karte anzeigen aktivieren, werden zwei ergänzende Einstellungen nützlich:

  • Koordinaten des Kartenmittelpunkts — legen Sie Breitengrad, Längengrad und Zoomstufe des standardmäßig angezeigten Mittelpunkts fest. Über die Schaltfläche Auf der Karte auswählen lässt sich dieser Punkt visuell bestimmen.
  • Google Maps API — hinterlegen Sie Ihren Google-Maps-API-Schlüssel, um Google Maps in Ihrem Buchungsmodul zu nutzen.

Vor dem Veröffentlichen prüfen

Bevor Sie den Code auf Ihrer Website einfügen, nutzen Sie die Vorschau im Bereich Web-Einbindung: Sie zeigt Ihr Modul so, wie Ihre Kunden es sehen werden – mit Ihren Abmessungen, Farben und Einstellungen. Anpassen, Speichern, Vorschau prüfen, dann den Code kopieren.

Gratis-Tarif

Das Buchungsmodul und seine Einbindung (HTML-Code und Direktlink) stehen bereits im Gratis-Tarif zur Verfügung. Zur Erinnerung die Grenzen des Gratis-Tarifs: 5 Buchungen pro Monat, 1 Fahrzeug und keine Onlinezahlung (nur Zahlung an den Fahrer). Für ein Modul ohne Grenzen und für die Onlinezahlung wechseln Sie in einen bezahlten Tarif. Siehe die Seite Preise.