So erstellen Sie mühelos ein Buchungsformular auf Ihrer WordPress-Website

So erstellen Sie ein Buchungsformular in WordPress – Empfohlenes Bild

Das Erstellen eines Buchungsformulars auf einer WordPress-Website erfordert oft komplexe Schritte, die die Websitebesitzer verwirren. Für Ihre Website ist jedoch ein Buchungsformular erforderlich, insbesondere wenn Ihr Unternehmen Dienstleistungen anbietet, da Ihre Kunden ihre bevorzugten Dienstleistungen einfach auswählen können.

In diesem Artikel werde ich es Ihnen zeigen So erstellen Sie ein Buchungsformular auf einer WordPress-Website schnell und reibungslos mit MetForm, mit dem Sie Ihren Kunden alle Arten von Buchungen ermöglichen können.

Von der Planung von Online-Terminen und Besprechungen bis hin zur Reservierung, MetForm ermöglicht Ihnen die Erstellung von Buchungsformularen für alle diese Buchungsarten.

Vorteile der Erstellung eines Buchungsformulars auf Ihrer Website

Das Hinzufügen eines Buchungsformulars zu Ihrer Website kann den Kommunikationsprozess vereinfachen. Kunden, Partner und Veranstaltungsteilnehmer können problemlos mit Ihnen Kontakt aufnehmen.

Die folgenden Vorteile erfordern das Hinzufügen einer Buchung zu Ihrer WordPress-Website:

  • Entlasten Sie Ihre Mitarbeiter durch die Automatisierung des Buchungsprozesses
  • Schaffen Sie einen sofortigen Push für Kunden, wenn diese in Kauflaune sind
  • Bieten Sie Ihren Kunden rund um die Uhr Zugang zur Buchung von Terminen oder Reservierungen
  • Vermeiden Sie den Engpass des Telefonbuchungssystems und optimieren Sie das Kundenerlebnis
  • Planen Sie Ihre Ressourcen ordentlich und effizient mit gespeicherten Buchungsinformationen
  • Bieten Sie Privatsphäre und erstklassigen Kundensupport
  • Die Wahrscheinlichkeit, dass Sie nicht erscheinen, ist gering, da die meisten Online-Buchungssysteme mehrere E-Mails und Benachrichtigungen versenden
  • Steigern Sie Ihren Umsatz und steigern Sie Ihren Jahresumsatz

Wie erstelle ich mit MetForm ein Buchungsformular auf einer WordPress-Website?

Das Erstellen eines Buchungsformulars mit MetForm ist mühelos da Sie einige einfache Schritte befolgen müssen, um die Arbeit zu erledigen. Hier zeige ich Ihnen, wie Sie mit MetForm einfacher als je zuvor ein Buchungsformular auf einer WordPress-Website erstellen.

Schritt 1: MetForm installieren und aktivieren

Besuchen Sie gleich zu Beginn Ihr WordPress-Dashboard und fahren Sie fort Installieren und aktivieren Sie sowohl MetForm als auch Elementor. Gehen Sie dazu in der Seitenleiste zu „Plugins“ und klicken Sie auf „Neu hinzufügen“. Danach, Elementor installieren Zuerst aus den heruntergeladenen Dateien oder direkt aus der Suchleiste.

Sobald Elementor installiert ist, fahren Sie mit fort Installieren Sie MetForm im selben Prozess. Wenn diese Plugins bereits auf Ihrer Website installiert sind, überspringen Sie diesen Schritt und fahren Sie mit dem nächsten Schritt fort.

Installieren und aktivieren Sie MetForm – So erstellen Sie ein Buchungsformular in WordPress

Schritt 2: Benennen Sie Ihre Seite und wechseln Sie zum Elementor-Fenster

Gehen Sie nun zu „Seiten” in der Seitenleiste und wählen Sie „Neue hinzufügen” um zu einer neuen Seite zu gelangen. Fügen Sie dann der Seite einen passenden Titel hinzu und klicken Sie auf „Bearbeiten mit Elementor”, um zum Elementor-Fenster zu wechseln.

Geben Sie Ihrer Seite einen Titel

Schritt 3: Ziehen Sie das MetForm-Widget per Drag & Drop

Es ist Zeit, das MetForm-Widget zum Erstellen Ihres Buchungsformulars zu verwenden. Suchen Sie im Suchfeld nach dem Widget und ziehen Sie es dann per Drag & Drop in das angegebene Feld. Standardmäßig werden bei dieser Aktion keine Inhalte angezeigt.

Ziehen Sie das MetForm-Widget per Drag-and-Drop

Schritt 4: Wählen Sie mit Elementor eine neue Buchungsformularvorlage aus 

Die Auswahl einer neuen Buchungsformularvorlage direkt bei Elemetor ist ein Kinderspiel. 

  • Drücke den "Formular bearbeiten”-Schaltfläche, die zum Formularerstellungsfenster führt.
  • Schlag "Neu“ und suchen Sie nach der Buchungsformularvorlage.
  • Benennen Sie die Formularvorlage und klicken Sie auf „Formular bearbeiten“.
Wählen Sie mit Elementor eine neue Buchungsformularvorlage aus

Bearbeiten und passen Sie die MetForm-Buchungsformularvorlage an 

MetForm bietet drei Steuerelemente zum Anpassen des Eingabefelds, der Schaltflächen und des gesamten Layouts für alle Arten von Formularen. Mit den Registerkarten „Inhalt“, „Stil“ und „Erweitert“ können Sie Ihr Buchungsformular grenzenlos anpassen.

Inhaltsanpassung 

  • Feldbeschriftung ein-/ausblenden
  • Legen Sie die Etikettenposition nach Ihren Wünschen fest
  • Ändern Sie den Platzhaltertext 
  • Halten Sie ein Feld optional oder erforderlich
  • Fügen Sie eine Warnmeldung ein 
  • Geben Sie Ihren Hilfetext ein
  • Legen Sie den Validierungstyp anhand der Wortlänge, der Zeichenlänge oder ausdrucksbasiert fest
Inhaltsanpassung

Stilanpassung

  • Ändern Sie die Farbe, den Abstand, die Typografie usw. des Etiketts.
  • Ändern Sie die Eingabefarbe, den Rahmen, die Breite, den Hintergrundtyp usw.
  • Passen Sie die Farbe und Typografie Ihres Platzhaltertextes an.
  • Stilisieren Sie die Farbe, Typografie und den Abstand des Hilfetexts.
Stilanpassung

Erweiterte Anpassung 

  • Legen Sie den Rand, die Breite, den Abstand und die Position des Layouts fest
  • Fügen Sie mehrere Bewegungseffekte für die Eingabefelder hinzu 
  • Passen Sie den Formularhintergrund an  
  • Legen Sie die Reaktionsfähigkeit des Geräts auf der Vorschau- und Live-Seite fest
  • Transformieren Sie Eingabefelder durch Aktionen wie Drehen, Neigen, Skalieren, Versetzen und Spiegeln
  • Fügen Sie zusätzliches CSS und vieles mehr hinzu 
Erweiterte Anpassung

Aktualisieren und schließen Sie das Fenster und veröffentlichen Sie die Seite

Es ist Zeit, die Seite zu veröffentlichen. Dazu müssen Sie die Änderungen aktualisieren und das Unterfenster schließen. Drück den Knopf "Aktualisieren und schließen” in der oberen rechten Ecke und Ihr Hauptfenster wird sofort mit dem erstellten Buchungsformular angezeigt.

Aktualisieren und schließen Sie das Fenster

Sobald Sie auf „Aktualisieren und schließen”-Taste, das Unterfenster wird geschlossen und das Hauptfenster wird angezeigt. Klicken Sie auf „Veröffentlichen”-Schaltfläche unten in der Seitenleiste.

Veröffentlichen Sie die Seite

Sehen Sie sich das Buchungsformular live auf der Seite an

Unmittelbar nach der Veröffentlichung der Seite erscheint ein „SichtEs erscheint eine Meldung, in der Sie aufgefordert werden, die Seite anzuzeigen. Sie können die Seite aber auch über die Liste „Seiten“ öffnen. Suchen Sie Ihre veröffentlichte Seite in der Liste und sehen Sie sich sofort das Buchungsformular auf der Seite an.

Sehen Sie sich das Buchungsformular live auf der Seite an

Wählen Sie die Buchungsformularvorlage und fügen Sie sie in die Seite/den Beitrag ein (Alternative).

Auf einfache Weise können Sie das Buchungsformular erstellen und einfügen. Navigieren Sie zuerst in der Seitenleiste zu MetForm und wählen Sie dann „Formen„. 

Wählen Sie Formulare aus MetForm aus

Schritt 1: Erstellen Sie ein neues Buchungsformular 

  • Klicken "Neue hinzufügen"
  • Geben Sie ein passendes Formular ein Name 
  • Passen Sie die Einstellungen bei Bedarf über die Registerkarten an
  • Klicke auf „Inhalt bearbeiten“
Erstellen Sie ein neues Buchungsformular

Damit werden Sie sofort zum Elementor-Fenster weitergeleitet. Jetzt müssen Sie mit dem Einfügen der Formularvorlage fortfahren.

Schritt 2: Fügen Sie die Buchungsformularvorlage ein

Sobald ein neues Formular erstellt wurde, können Sie die Buchungsformularvorlage mit Elementor oder einem Shortcode einfügen. Mit dem Elementor habe ich den Vorgang oben bereits gezeigt. Zum besseren Verständnis sind die Schritte im Folgenden zusammengefasst:

Fügen Sie das Buchungsformular mit Elementor ein:

  • Suchen Sie nach dem MetForm-Widget in der Suchleiste
  • Ziehen Sie das Widget per Drag & Drop in den Block 
  • Klicken „Formular bearbeiten“
  • Wählen Sie das Buchungsformular aus Vorlage 
  • Klick auf das Aktualisieren und schließen Taste 
  • Schlagen Sie die "Veröffentlichen" Taste 

Fügen Sie das Buchungsformular mit einem Shortcode ein 

Jetzt navigieren MetForm > Formulare. Neben dem Formularnamen können Sie einen Shortcode erkennen. Kopieren Sie den Shortcode und fügen Sie ihn in einen Block ein, oder Sie können dies mit dem Shortcode-Widget von elemotor tun. 

Kopieren Sie den Shortcode und fügen Sie ihn ein:

  • Kopieren Ihr Buchungsformular-Shortcode
  • Paste Geben Sie den Shortcode in dem Block ein, in den Sie das Formular einfügen möchten 
  • Klicke auf "Veröffentlichen" um das Formular anzuzeigen
Kopieren Sie den Shortcode, fügen Sie ihn ein und sehen Sie sich das Formular an

Verwenden Sie das Shortcode-Widget:

  • Kopieren Geben Sie den Shortcode Ihres Buchungsformulars wie oben gezeigt ein 
  • Öffnen Sie die Seite oder den Beitrag mit Elementor
  • Suchen Sie nach dem Shortcode-Widget 
  • Ziehen Sie es per Drag & Drop auf die Seite 
  • Paste den Shortcode im Shortcode-Feld 
  • Klicke auf "Veröffentlichen"
Verwenden Sie das Shortcode-Widget und zeigen Sie das Formular an

Du bist dran

Ich habe Sie durch alles geführt So erstellen Sie ein Buchungsformular in WordPress mit Metform auf zwei verschiedene Arten. Beide Methoden folgen einfachen Schritten, die Sie mühelos erlernen können.

Also, Bereiten Sie sich darauf vor, mit MetForm ein Buchungsformular auf Ihrer WordPress-Website zu erstellen und ermöglichen Sie Ihren Kunden, reibungslos Termine zu vereinbaren oder Teilnehmer für Veranstaltungen zu buchen.

Kommentare

  1. Avatar von Sahol Saad

    Sehr, sehr hilfreicher Beitrag

    1. Avatar von Wasim

      Vielen Dank für Ihren Kommentar! Gut zu wissen, dass Sie den Beitrag hilfreich fanden.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert