So fügen Sie ein Online-Bestellformular zu WordPress hinzu

Möchten Sie auf einfache Weise ein Online-Bestellformular zu Ihrer WordPress-Site hinzufügen?

Online-Bestellformulare geben Ihnen mehr Freiheit, wenn es darum geht, wie Kunden Produkte oder Lebensmittel bei Ihnen bestellen. Außerdem schneidet es den Warenkorb aus, der während des Bestellvorgangs jederzeit Gefahr läuft, abgebrochen zu werden.

In diesem Artikel zeigen wir Ihnen, wie Sie ein Online-Bestellformular zu WordPress hinzufügen.

6 Schritte zum Hinzufügen eines Online-Bestellformulars zu WordPress

Wir werden Kali Forms für den Zweck dieses Tutorials verwenden. Kali Forms ist ein leistungsstarkes Kontaktformular-Plugin für WordPress, das einen intuitiven, benutzerfreundlichen Formularersteller und insgesamt eine übersichtliche Oberfläche verwendet. Einige der bemerkenswertesten Funktionen sind mehrseitige Formulare, die Möglichkeit, Zahlungen einzuziehen, vordefinierte Vorlagen und Dutzende von Formularfeldern.

Kali Forms ist ein Freemium-Plugin, aber wenn Sie Zahlungen einziehen, Vorlagen verwenden und Zugriff auf zusätzliche Funktionen haben möchten, benötigen Sie eine Premium-Lizenz. Die Preise beginnen bei 29 $/Jahr für eine Standortlizenz. Dadurch wird die PayPal-Integration aktiviert. Sie müssen auf eine der höheren Ebenen upgraden, um die Stripe-Integration zu aktivieren.

Installieren Sie die kostenlose Version von Kali Forms, bevor Sie die Premium-Version installieren. Nachdem Sie Ihre Lizenz aktiviert haben, gehen Sie die Erweiterungen durch, die Sie installieren möchten. Die Erweiterungen Kali Forms Submissions und Kali Forms Payments sind für dieses Tutorial besonders wichtig.

Sobald Sie einige weitere Einstellungen konfiguriert haben, um die E-Mail-Zustellbarkeit sicherzustellen, können Sie mit der Arbeit an Ihrem Bestellformular beginnen.

Schritt 1: Erstellen Sie ein Formular

Kali Forms hat keine Vorlage für Bestellformulare. Beginnen Sie also damit, ein neues Formular zu erstellen, indem Sie zu Kali Forms → Add New gehen und ein neues leeres Formular erstellen.

Sie werden direkt zum Formularersteller weitergeleitet, wo Sie mit dem Hinzufügen der gewünschten Formularfelder beginnen können.

Schritt 2: Bestimmen Sie, welche Informationen Sie sammeln müssen

Nicht alle Bestellformulare sind gleich. Alle Formulare müssen mindestens die Namen und E-Mail-Adressen Ihrer Kunden erfassen. Wenn Sie physische Produkte verkaufen, benötigen Sie auch deren Adressen.

Entscheiden Sie selbst, ob Sie die Telefonnummern Ihrer Kunden benötigen oder nicht. Diese Informationen sind am nützlichsten für Unternehmen, die Produkte verkaufen, die sofort geliefert werden, z. B. Lebensmittellieferungen.

Sie sollten auch festlegen, ob Ihr Unternehmen Zeitfenster anbieten sollte, die vorschreiben, wann Artikel geliefert oder zur Abholung bereit gemacht werden müssen.

Bestimmen Sie als Nächstes, welche Arten von Produkten Sie verkaufen und wie Sie sie auf Ihrem Formular verkaufen möchten. Kali Forms hat zwei Produktformularfelder, eines für einzelne Produkte und eines, mit dem Sie eine von vielen Variationen auswählen können.

Diese Formularfelder dienen dazu, eine Bestellsumme am Ende des Formulars zu zählen, aber wenn Sie Variationen haben, die kein zusätzliches Geld kosten, weil Sie Ihre Produkte als ganze Einheit verkaufen, möchten Sie vielleicht eine Kombination des einzelnen Produkts verwenden Formularfeld und auswahlbasierte Formularfelder.

Bestimmen Sie zuletzt, wie Sie Zahlungen akzeptieren möchten: PayPal oder Stripe. Glücklicherweise hat Kali Forms eine Option für beides.

Schritt 3: Fügen Sie dem Formularersteller Kundendetail-Formularfelder hinzu

Sie sollten eine Liste der Dinge haben, die Sie in Ihr Formular aufnehmen müssen. Jetzt müssen sie nur noch in Formularfelder umgewandelt werden. Beginnen wir ganz oben mit den folgenden Informationen und den Formularfeldern, die Sie verwenden können, um sie zu erstellen:

• Name – Textfeld
• E-Mail-Adresse – E-Mail
• Adresse – Drei Textfelder
• Telefonnummer – Telefon

Fühlen Sie sich frei, alles auszuschließen, was Sie nicht benötigen.

Sobald Sie die Felder im Formularersteller per Drag & Drop nach rechts gezogen haben, erhalten Sie Folgendes:

Klicken Sie auf ein Feld, um seine individuellen Eigenschaften zu bearbeiten. Für diese Felder reicht es aus, die Eigenschaften Feldbeschriftung und Feldplatzhalter auszufüllen . Machen Sie sich nicht die Mühe, die Beschreibung auszufüllen, da die Bezeichnung, die Sie der Caption-Eigenschaft zuweisen, selbsterklärend sein sollte.

Geben Sie für die Platzhaltereigenschaften Beispiele für die Informationen ein, die Ihre Kunden eingeben sollen. Als Name können Sie „Vor- und Nachname“, „John Doe“ usw. eingeben.

Stellen Sie außerdem sicher, dass Sie die erforderliche Eigenschaft für jeden aktivieren.

Das Formular sieht schon etwas lang aus, also nehmen Sie sich einen Moment Zeit, um das Breitenanpassungswerkzeug (unter dem Papierkorbsymbol jedes Felds) zu verwenden, um die Felder für Name, E-Mail-Adresse und Adresse etwas kürzer zu machen, damit Sie sie nebeneinander platzieren können .

Das Ergebnis sollte in etwa so aussehen:

Lass uns weitermachen.

Schritt 4: Teilen Sie Ihr Formular in mehrere Seiten auf

Fügen Sie das Feld Seitenumbruch unter Ihrem letzten Kundendetailfeld hinzu. Dadurch wird Ihr Formular in mehrere Seiten aufgeteilt, wobei jeder Abschnitt zwischen den Seitenumbrüchen eine neue Seite darstellt.

Mach dir keine Sorgen. Diese Seiten laden keine neue Seite im Browser. Der nächste Satz von Formularfeldern wird einfach angezeigt, wenn ein Kunde auf die Schaltfläche „Weiter“ klickt.

Online-Bestellformulare sind dafür bekannt, dass sie lang sind. Ermutigen Sie Kunden, ihre Bestellungen abzuschließen, indem Sie jeweils nur ein paar Informationen präsentieren.

Stellen Sie außerdem sicher, dass Sie den Shortcode Ihres Formulars mithilfe des Gutenberg-Shortcode-Blocks zu einer Seite hinzufügen, um ihn während des gesamten Erstellungsprozesses im Frontend anzuzeigen.

Schritt 5: Fügen Sie weitere Felder hinzu

Verwenden Sie die Liste, die Sie in Schritt 2 erstellt haben, um zu bestimmen, welche zusätzlichen Felder Sie Ihrem Formular hinzufügen sollten. Dies können das Datums- und Zeitauswahlfeld , das Kontrollkästchenfeld , das Dropdown -Feld oder sogar das Farbauswahlfeld sein.

Die Felder Produkt und Mehrere Produkte sind das, was Sie verwenden möchten, um Produkte zu Ihrem Formular hinzuzufügen. Das Produktfeld ist für einzelne Produkte und fügt den von Ihnen berechneten Preis automatisch zur Gesamtsumme hinzu.

Im Feld „Mehrere Produkte“ können Sie verschiedene Produkte oder Produktvariationen zu unterschiedlichen Preisen hinzufügen, und Ihr Kunde kann auswählen, welches Produkt er kaufen möchte. Dies können die einzigen sechs Produkte sein, die Sie verkaufen, das gleiche Produkt, aber in verschiedenen Variationen, verschiedenen Bündeln, verschiedenen Zutaten, wenn Sie ein Restaurant sind usw.

Das Feld „Mehrere Produkte“ hat weder eine Mehrfachauswahloption, noch kann Ihr Kunde mehr als eine Menge hinzufügen. Sie müssen also ein weiteres Feld „Mehrere Produkte“ hinzufügen, wenn Sie möchten, dass er mehr kaufen kann. Stellen Sie nur sicher, dass Sie ein leeres Produkt mit der Bezeichnung „Keine“ mit einem Preis von 0 $ in jedem zusätzlichen Satz von Mehrfachproduktfeldern erstellen, die Sie verwenden.

Fügen Sie danach einen Textbereich hinzu, damit Kunden Notizen machen können, und fügen Sie dann einen weiteren Seitenumbruch hinzu, bevor wir zum Zahlungsabschnitt gelangen.

Schritt 6: Zahlungen einrichten

Fügen Sie das Feld „ Gesamtsumme “ unter dem Seitenumbruch hinzu, damit Ihr Kunde seine Gesamtsumme sehen kann, bevor er bezahlt.

Öffnen Sie die Seite Einstellungen . Gehen Sie zu Zahlungen , um PayPal einzurichten, und Stripe-Einstellungen, um Stripe einzurichten. Du kannst auch beides verwenden. In jedem Fall müssen Sie sich bei ihren Dashboards anmelden, um API-Schlüssel einzurichten, und sie dann hier eingeben.

Fügen Sie als Nächstes die entsprechenden Schaltflächen zum Formularersteller hinzu. Kali Forms bietet Ihnen an, beide Zahlungsmethoden zu Ihrem Formular hinzuzufügen, wenn Sie versuchen, beide hinzuzufügen. Wenn Sie PayPal verwenden, müssen Sie auch Ihre Händler-E-Mail-Adresse eingeben. Dies ist die Sandbox-E-Mail-Adresse, die Ihnen bereitgestellt wird, wenn Sie eine Sandbox-App verwenden. Wenn Sie eine Live-App erstellt haben, verwenden Sie die E-Mail-Adresse, mit der Sie sich bei PayPal anmelden.

Gehen Sie die Abschnitte General , Form Styling und Spam Protection durch und konfigurieren Sie diese Einstellungen ebenfalls. Kali Forms lässt sich auch in viele beliebte E-Mail-Marketing-Plattformen integrieren, mit denen Sie Kundenquittungen und Bestellaktualisierungen senden können.

Sie können diese Integration einrichten, indem Sie die Newsletter-Erweiterung auf der Seite „Lizenzierung“ installieren, den API-Schlüssel Ihrer E-Mail-Marketing-Plattform im Abschnitt „Newsletter“ der globalen Einstellungen von Kali Forms eingeben und die Einstellungen im Abschnitt „Newsletter“ für Ihr individuelles Formular konfigurieren.

Jetzt können Sie damit beginnen, Zahlungen zu akzeptieren und Formularübermittlungen abzuschließen, nachdem Sie natürlich eine Seite für Ihr Formular erstellt und den Shortcode hinzugefügt haben.

Lassen Sie uns einpacken.

Abschließende Gedanken

Sobald Sie beginnen, Formularübermittlungen zu erhalten, können Sie diese auf den Seiten „ Formulareinträge “ und „ Zahlungen “ in den Einstellungen von Kali Forms anzeigen. Sie können das Benutzerverhalten auch über Google Analytics verfolgen, wenn Sie über eine der höherstufigen Lizenzen verfügen.

Denken Sie daran, dass Sie mit Kali Forms kostenlos beginnen können. Integrationen für PayPal und große E-Mail-Marketing-Plattformen sind mit der günstigsten Lizenz für 29 $/Jahr erhältlich.

Offenlegung: Dieser Beitrag enthält Affiliate-Links. Dies bedeutet, dass wir möglicherweise eine kleine Provision erhalten, wenn Sie einen Kauf tätigen.