Um einen Buchungsbutton in Ihre Website einzubauen, kopieren Sie den Link zu Ihrer Buchungsseite aus Ihrem Buchungssystem und hinterlegen ihn bei einem Button auf Ihrer Seite. Oder Sie fügen den Button-Code, den Ihr Buchungssystem Ihnen gibt, in einen HTML- oder Code-Block ein. Beides dauert nur ein paar Minuten und geht ohne Entwickler. Unten finden Sie die Schritte für WordPress, Wix, Squarespace, Shopify und jede andere Website.

Dieser Ratgeber zeigt beide Wege, wohin der Button gehört, damit Gäste ihn auch nutzen, und wie Sie ihn testen. Die Beispiele verwenden TicketPa, aber die Schritte funktionieren mit den meisten Buchungssystemen genauso.

Zwei Wege zum Buchungsbutton

Weg So funktioniert es Am besten für
Einen vorhandenen Button verlinken Sie nutzen den Button Ihres Website-Baukastens und setzen als Link Ihre Buchungsseite Jeden Website-Baukasten, auch solche, die eigenen Code einschränken
Einen Code-Schnipsel einfügen Sie fügen den Button-Code Ihres Buchungssystems in einen HTML-Block ein Websites, die eigenes HTML erlauben, wenn Sie den fertigen Button möchten

Einen Button zu verlinken ist am einfachsten und funktioniert überall. Der Schnipsel liefert einen fertig gestalteten Button, und bei manchen Buchungssystemen kann er die Buchungsseite in einem Fenster neben Ihrer Website öffnen.

Jedes Buchungssystem gibt Ihnen einen Link zu Ihrer Buchungsseite, und viele geben Ihnen auch einen Link für jede Aktivität und einen Button-Schnipsel. Öffnen Sie in TicketPa die Seite Share. Dort finden Sie:

  • Ihre Buchungsseite: einen Link zu allen Aktivitäten, die Gäste buchen können. Nutzen Sie ihn in Ihrer Hauptnavigation und auf Ihrer Startseite.
  • Eine Aktivität: einen Link direkt zum Kalender einer einzelnen Aktivität. Nutzen Sie ihn auf der Seite dieser Aktivität und in Beiträgen oder Anzeigen dazu.
  • Jetzt-buchen-Button: Code zum Einfügen in Ihre Website, in der Akzentfarbe Ihrer Buchungsseite. Es gibt zwei Versionen:
    • einen einfachen Button, der überall funktioniert, sogar in E-Mails
    • einen Button, der die Buchung in einem Fenster neben Ihrer Website öffnet, am Computer

Kopieren Sie den Link oder den Code, den Sie brauchen.

Schritt 2: In Ihre Website einbauen

WordPress

Button verlinken: Fügen Sie im Block-Editor an der gewünschten Stelle einen Buttons-Block hinzu, schreiben Sie "Jetzt buchen" und fügen Sie Ihren Buchungslink in das Link-Feld des Buttons ein.

Schnipsel einfügen: Fügen Sie an der gewünschten Stelle einen Block für individuelles HTML hinzu und fügen Sie den Code ein. Sehen Sie sich die Vorschau der Seite an, um den Button zu sehen.

Wenn Ihr Theme ein Menü im Header hat, fügen Sie Ihren Buchungslink dort ebenfalls als Menüpunkt hinzu, entweder in der Menüverwaltung oder im Navigations-Block des Website-Editors.

Wix

Button verlinken: Fügen Sie über das Panel zum Hinzufügen von Elementen einen Button hinzu, ändern Sie seinen Text in "Jetzt buchen", öffnen Sie dann seine Link-Einstellungen und wählen Sie eine Webadresse. Fügen Sie Ihren Buchungslink ein.

Wix setzt eigenen Code in einen Rahmen, was verhindern kann, dass ein Button ein neues Fenster öffnet. Bei Wix ist ein verlinkter Button deshalb die zuverlässigere Wahl.

Squarespace

Button verlinken: Bearbeiten Sie die Seite, fügen Sie einen Button-Block hinzu, schreiben Sie "Jetzt buchen" und fügen Sie Ihren Buchungslink als Link ein.

Schnipsel einfügen: Fügen Sie einen Code-Block hinzu und fügen Sie den Code ein. Code-Blöcke, die Skripte ausführen, gibt es nur in manchen Squarespace-Tarifen. Wenn der Schnipsel in Ihrem Tarif nicht funktioniert, verlinken Sie stattdessen einen Button.

Shopify

Button verlinken: Fügen Sie im Theme-Editor einen Abschnitt mit Button hinzu oder bearbeiten Sie einen, etwa ein Bildbanner, und fügen Sie Ihren Buchungslink als Link des Buttons ein. Um ihn ins Menü aufzunehmen, öffnen Sie in der Shopify-Verwaltung die Navigation, dann Ihr Hauptmenü, und fügen einen Menüpunkt mit Ihrem Buchungslink hinzu.

Schnipsel einfügen: Fügen Sie im Theme-Editor einen Abschnitt für eigenen Liquid-Code (Custom Liquid) hinzu und fügen Sie den Code ein.

Jede andere Website

Auf einer selbst programmierten Website oder in Baukästen wie Webflow, Framer oder Carrd fügen Sie den Schnipsel in das HTML der Seite ein, oder in das Embed- oder HTML-Element des Baukastens, dort, wo der Button erscheinen soll. Wenn Sie keinen Code einfügen können, nehmen Sie einen beliebigen Link oder Button und setzen Sie Ihren Buchungslink als Ziel.

Wohin der Buchungsbutton gehört

Ein Buchungsbutton wirkt nur, wenn Gäste ihn sehen, sobald sie buchen wollen:

  • Oben auf jeder Seite einer Aktivität, neben dem Preis, damit Gäste nicht scrollen müssen.
  • In Ihrer Hauptnavigation, als letzter Punkt, gestaltet als Button.
  • Am Ende jeder Seite einer Aktivität, nach Beschreibung und Fotos.
  • Auf Ihrer Startseite, nahe der ersten Überschrift.
  • Auf Ihrer Kontaktseite, für Gäste, die gerade nach freien Plätzen fragen wollten.

Schreiben Sie "Jetzt buchen" oder "Verfügbarkeit prüfen" auf den Button. Gäste verstehen beides, und beides beginnt mit dem, was sie tun wollen.

Verlinken Sie jede Aktivität mit ihrem eigenen Kalender

Wenn Ihre Website eine Seite pro Aktivität hat, verlinken Sie den Button jeder Seite mit dieser Aktivität, nicht mit Ihrer allgemeinen Buchungsseite. Gäste landen im richtigen Kalender und sparen einen Schritt. So geben weniger von ihnen vor der Buchung auf.

In TicketPa listet die Seite Share einen Link für jede Aktivität. Nutzen Sie den Link zu Ihrer allgemeinen Buchungsseite nur dort, wo es um alles geht, etwa in der Navigation und auf der Startseite.

Testen Sie Ihren Buchungsbutton

Bevor Sie es jemandem erzählen, testen Sie ihn so, wie es ein Gast tun würde:

  1. Öffnen Sie Ihre Website auf dem Handy und tippen Sie auf den Button.
  2. Prüfen Sie, ob er auf der richtigen Seite landet, mit der richtigen Aktivität und aktuellen Zeiten.
  3. Machen Sie eine Testbuchung, oder gehen Sie bis zum Zahlungsschritt.
  4. Wiederholen Sie das am Computer. Wenn Ihr Button die Buchung in einem Fenster öffnet, prüfen Sie, ob es sich öffnet und ob die Buchungsseite trotzdem aufgeht, wenn der Browser Fenster blockiert.

Ihr Buchungslink funktioniert überall, wo ein Gast auf einen Link tippen kann, nicht nur auf Ihrer Website. Fügen Sie ihn zu Ihrem Google-Unternehmensprofil, Ihrer Instagram-Bio und Ihren WhatsApp-Antworten hinzu. Unser Ratgeber zum Buchungslink für Instagram, Google und WhatsApp zeigt, wohin er jeweils gehört.

So funktioniert der Button von TicketPa

Der Button von TicketPa ist ein Link mit einem kleinen Skript. Am Computer öffnet er Ihre Buchungsseite in einem Fenster neben Ihrer Website, sodass Gäste Ihre Website dahinter geöffnet behalten. Auf dem Handy, oder wenn der Browser das Fenster blockiert, öffnet er Ihre Buchungsseite als normalen Link. Das Skript verfolgt Ihre Besucher nicht, und der Button nutzt die Akzentfarbe Ihrer Buchungsseite.

TicketPa ist ein Buchungssystem für Touren, Kurse und Aktivitäten, mit einer Buchungsseite, die auch ohne Website funktioniert. Sehen Sie sich alle Funktionen an, oder die Seite für Ihre Art von Aktivität, etwa Touren oder Workshops.