Klassisches Formular (Schritt-für-Schritt-Buchungsformular)

Dieser Artikel erklärt, wie Sie das klassische Schritt-für-Schritt-Buchungsformular anpassen.

Wenn Sie nicht sicher sind, welches Buchungsformular Sie verwenden sollen, lesen Sie Formulartypen für die Buchung / Buchungsformular auswählen.

So passen Sie das klassische Buchungsformular an

Sie können Layout, Farben, Beschriftungen, Felder und Schritttexte Ihres Buchungsformulars anpassen. So bearbeiten Sie das Formular:

1. Gehen Sie zu Bookly > Darstellung.

2. Wählen Sie Schritt-für-Schritt-Formular.

3. Passen Sie die Formulareinstellungen in den verfügbaren Tabs an.

4. Klicken Sie auf Speichern.

Farben anpassen

Verwenden Sie den Farbwähler, um die Hauptfarben des klassischen Buchungsformulars an das Design Ihrer Website anzupassen.

Klicken Sie nach dem Aktualisieren der Farben auf Speichern.

Texte bearbeiten und Buchungsdetails hinzufügen

Sie können den Text bearbeiten, der bei jedem Buchungsschritt angezeigt wird.

Klicken Sie auf den unterstrichenen Text, um das Bearbeitungsfenster zu öffnen. Geben Sie Ihren Text ein und fügen Sie Codes wie {service_name}, {staff_name} oder {total_price} hinzu, um Buchungsdetails dynamisch anzuzeigen.

Beginnen Sie mit `{` zu tippen, um die verfügbaren Codes zu sehen. Klicken Sie auf Anwenden und anschließend auf Speichern.

Beispiel:

Sie haben {service_name} bei {staff_name} am {service_date} um {service_time} gebucht. Der Preis für die Dienstleistung beträgt {service_price}. Bitte geben Sie Ihre Daten in das untenstehende Formular ein, um die Buchung fortzusetzen.

Die vollständige Liste der verfügbaren Codes finden Sie unter Alle Platzhalter.

Erweitert: bedingte und wiederholte Inhalte

Verwenden Sie bedingte Blöcke, um Text nur anzuzeigen, wenn bestimmte Buchungsinformationen vorhanden sind.

Beispiel:

{#if extras} Zusätzliche Artikel: {extras}{/if}

Wenn Sie Add-ons verwenden, die mehrere Termine in einer Buchungssitzung ermöglichen, nutzen Sie Wiederholungsblöcke, um die Details für jeden Termin anzuzeigen.

Beispiel:

{#each appointments as appointment}
Dienstleistung: {appointment.service_name}
Mitarbeiter: {appointment.staff_name}
Datum und Uhrzeit: {appointment.appointment_date} um {appointment.appointment_time}
{/each}

Mobile Version prüfen

Wenn Sie Schaltflächentitel ändern oder übersetzen, prüfen Sie auch die mobile Version des Formulars. Öffnen Sie Bookly-Darstellung in der mobilen Ansicht, aktualisieren Sie die Schaltflächentexte für jeden Schritt und speichern Sie die Änderungen.

Schritte oder Felder ausblenden

Um Buchungsschritte oder Felder auszublenden, passen Sie die Shortcode-Einstellungen an, wenn Sie das Formular zu einer Seite hinzufügen.

Mehr erfahren: Buchungsformular veröffentlichen

Häufige Fragen durchsuchen

Wie ändere ich Farbe oder Schriftgröße einer Warnmeldung?

Wie blende ich die Felder Kategorie/Dienstleistung/Mitarbeiter im Buchungsformular aus?

Wie ändere ich die Textfarbe im Bookly-Buchungsformular?

Wie entferne ich den Zahlungsschritt aus dem Buchungsformular?

Die Schaltfläche „Weiter“ funktioniert im Buchungsformular nicht