Wie man ein benutzerdefiniertes Airtable-Formular in WordPress erstellt

Möchten Sie ein benutzerdefiniertes Airtable-Formular für Ihre WordPress-Website erstellen? Airtable ist ein Cloud-Dienst, der die Leistung von Tabellenkalkulationen und Datenbanken miteinander kombiniert.

Damit können Sie benutzerdefinierte Tabellenkalkulationsanwendungen erstellen, ohne eine einzige Zeile Code schreiben zu müssen. Indem Sie ein benutzerdefiniertes Formular mit Ihrer Basis verknüpfen, können Sie das Kopieren und Einfügen überspringen und alle Ihre Datensätze ordentlich an einem Ort aufbewahren.

In diesem Artikel zeige ich Ihnen Schritt für Schritt, wie Sie mit WPForms ein Formular erstellen und jeden Eintrag mit wenigen Klicks an Airtable senden können.

Erstellen Sie jetzt Ihr Airtable-Formular 🙂

Warum ein benutzerdefiniertes Airtable-Formular in WordPress erstellen?

Mit Airtable können Sie benutzerdefinierte Anwendungen für Tabellenkalkulationen erstellen, um Informationen zu speichern, wie Sie es in einer Datenbank tun würden.

Es erstellt benutzerfreundliche und visuell ansprechende Tabellen, die für Produktplanung, Benutzerstudien, Vertriebs-CRM, Produkteinführungen, Planung von Inhaltskalendern und mehr verwendet werden können.

Allerdings müssen Sie alle Daten manuell in Ihr Airtable-Konto eingeben. Um dieses Problem zu vermeiden, können Sie eine WordPress-Site starten und dann eine WordPress-Airtable-Integration mit Hilfe des WPForms-Plugins einrichten.

Wenn also jemand das Formular abschickt, werden die Daten automatisch Ihrem Airtable-Konto hinzugefügt. So können Sie wertvolle Zeit sparen und Ihre Produktivität steigern.

Wie man ein benutzerdefiniertes Airtable-Formular in WordPress erstellt

Eine WordPress-Airtable-Integration ist mit WPForms ziemlich einfach zu konfigurieren. Folgen Sie einfach den Schritten unten, und Sie haben ein Airtable-Formular bereit, auf Ihrer WordPress-Website in kürzester Zeit einbetten!

Schritt 1: Installieren Sie das WPForms Plugin

Um ein Airtable-Formular in WordPress zu erstellen, benötigen Sie WPForms Pro, da die Zapier-Integration eine kostenpflichtige Lizenz erfordert. Ich beginne immer hier, weil es die Grundlage ist, die alles andere möglich macht.

Was ich an WPForms mag, ist die Art und Weise, wie es Integrationen wie Airtable über Zapier handhabt. Sie erhalten eine zuverlässige Verbindung, die tatsächlich funktioniert, im Gegensatz zu einigen anderen Formular-Plugins, die ich versucht habe, die unter Druck brechen.

Wenn Sie WPForms noch nicht installiert haben, sollten Sie das zuerst tun. Es dauert nur eine Minute. Und wenn Sie nicht sicher sind, wie Sie ein Plugin in WordPress installieren, können Sie diese Schritt-für-Schritt-Anleitung zu Rate ziehen.

Die Pro-Lizenz schaltet das Zapier-Addon frei. Stellen Sie also sicher, dass Sie es aktiviert haben, bevor Sie fortfahren. Andernfalls müssen Sie sich mit einfachen E-Mail-Benachrichtigungen begnügen, anstatt die leistungsstarke Airtable-Integration zu nutzen, die wir gerade aufbauen.

Schritt 2: Aktivieren Sie das Zapier-Addon

Als nächstes müssen Sie das Zapier-Addon für WPForms installieren. Zapier ist ein Automatisierungstool, mit dem Sie 2 oder mehr Anwendungen verbinden können, um eine bestimmte Aufgabe zu erledigen.

Daher werden wir Zapier verwenden, um WPForms und Airtable zu verbinden. Um das Zapier Addon zu installieren, müssen Sie auf die WPForms " Addons Seite gehen.

Suchen Sie das Zapier-Addon in der Liste und klicken Sie auf Addon installieren. Sobald es heruntergeladen ist, klicken Sie auf Aktivieren, damit es auf Ihrer Website läuft. Sobald alles richtig funktioniert, sehen Sie ein grünes Häkchen daneben.

Gehen Sie nun auf die Seite WPForms " Einstellungen, um den Zapier-API-Schlüssel zu erhalten. Dieser Schlüssel wird verwendet, um Zapier mit dem WPForms-Konto zu verbinden.

Auf der WPForms-Einstellungsseite müssen Sie auf die Registerkarte " Integrationen " klicken. Und dann sollten Sie auf das Zapier-Logo klicken, um den API-Schlüssel für Ihre Website zu finden.

Lassen Sie diese Registerkarte vorerst geöffnet. Wir benötigen den WPForms Zapier API-Schlüssel in einem späteren Schritt. Wenn Sie andere Automatisierungsmöglichkeiten als Airtable erkunden möchten, lesen Sie unseren vollständigen Leitfaden zu WPForms Zapier-Integrationen.

Schritt 3: Erstellen Sie Ihr WordPress-Formular

Wenn das Zapier-Addon fertig ist, ist es an der Zeit, das eigentliche Formular zu erstellen, das Daten für Ihre Airtable-Basis sammelt. Das Wichtigste dabei ist, dass Sie sich überlegen, welche Informationen Sie in Airtable organisieren möchten, bevor Sie mit dem Hinzufügen von Feldern beginnen.

Navigieren Sie in Ihrem WordPress-Dashboard zu WPForms " Add New, um ein neues Formular zu erstellen.

Auf der Einrichtungsseite können Sie den Formularnamen in einen beliebigen Namen Ihrer Wahl ändern. Außerdem können Sie eine Vorlage aus über 2.000 Formularvorlagen auswählen. In diesem Beispiel verwenden wir die Vorlage "Einfaches Kontaktformular", um das benutzerdefinierte Airtable-Formular zu erstellen.

WPForms wird nun sofort Ihre Formularvorlage laden und Sie zum Formularerstellungsbildschirm führen. Denken Sie an Ihren Airtable-Workflow, wenn Sie Felder hinzufügen.

Ich empfehle, dass Sie Ihre Felder den Spalten des Airtable-Datensatzes zuordnen, an den Sie Ihre Formulardaten senden möchten. Auf diese Weise können Sie Ihre Formularfelder einfach den Airtable-Spalten zuordnen.

Wir fügen also das Feld " Telefon" und ein einzeiliges Textfeld mit der Bezeichnung "Name der Organisation" hinzu, da die Spalten unseres Airtable-Arbeitsblatts auf diese Weise eingerichtet sind.

In unserem Tutorial zur Erstellung eines einfachen Kontaktformulars finden Sie detaillierte Anweisungen zum Hinzufügen von Feldern zu einem beliebigen Formular mithilfe des Drag-and-Drop-Builders.

Sobald Sie Ihre Felder hinzugefügt haben, klicken Sie auf Speichern, um Ihr Formular zu speichern. Sie benötigen dieses gespeicherte Formular in den nächsten Schritten, wenn wir alles über Zapier mit Airtable verbinden.

Das Schöne an dieser Einrichtung ist, dass jedes Feld, das Sie hier hinzufügen, zu einer Spalte in Ihrer Airtable-Basis wird, also planen Sie entsprechend. Weitere Ideen für effektive Formularfelder finden Sie in unserem Leitfaden zur Erstellung besserer Kontaktformulare.

Schritt 4: Airtable-Formular auf Ihrer Website einbetten

Bevor Sie die Zapier-Automatisierung einrichten, sollten Sie Ihr Formular auf Ihrer Website in Betrieb nehmen. So können Sie alles testen und sicherstellen, dass es richtig funktioniert, bevor Sie es mit Airtable verbinden.

Aber warum müssen wir einen Testeintrag hinzufügen? Der Grund ist, dass wir ihn später verwenden werden, um die Verbindung zwischen WPForms und Airtable zu testen. So können wir sicherstellen, dass alles richtig funktioniert.

Sie können das Formular ganz einfach in einen Beitrag, eine Seite oder die Seitenleiste Ihrer Website einbetten. Schauen wir uns an, wie Sie das Formular in eine WordPress-Seite einbetten. Zunächst müssen Sie auf die Schaltfläche " Einbetten" oben im Formular-Builder klicken.

Wenn Sie auf die Schaltfläche klicken, wird ein modales Fenster angezeigt, das Ihnen zwei Einbettungsoptionen bietet. In diesem Lernprogramm werden wir das Formular in eine neue Seite einbetten, indem wir auf die Schaltfläche Neue Seite erstellen klicken.

Benennen Sie Ihre Box im Textfeld und drücken Sie dann die Schaltfläche Los geht's!

Sie landen im WordPress-Block-Editor, wo Sie Ihr Formular in Aktion sehen können. Dies ist ein guter Zeitpunkt, um dem Formular etwas Kontext hinzuzufügen.

Vielleicht eine Überschrift, die erklärt, was die Besucher erhalten, wenn sie sich anmelden, oder eine kurze Beschreibung Ihrer Dienstleistungen.
Wenn Sie fertig sind, klicken Sie oben auf die Schaltfläche Veröffentlichen , um Ihre Seite zu veröffentlichen.

Öffnen Sie nun diese Seite in einer neuen Registerkarte Ihres Webbrowsers. Füllen Sie dann das Formular aus und klicken Sie auf die Schaltfläche " Senden", um einen Testformular-Eintrag zu erstellen.

Ausgezeichnet! Nun, da wir mit der Erstellung unseres Formulars fertig sind, können wir mit der Erstellung eines Automatisierungsrezepts für das automatische Senden von Daten von WPForms an Airtable fortfahren.

Schritt 5: Erstellen eines neuen Automatisierungsrezepts

Jetzt ist es an der Zeit, die Brücke zwischen Ihrem WordPress-Formular und Airtable zu schlagen. Hier kommt Zapier ins Spiel, um den gesamten Prozess zu automatisieren, sodass Sie nie wieder Formulardaten manuell übertragen müssen.

Rufen Sie die Zapier-Website auf und melden Sie sich für ein Konto an, falls Sie noch keines haben. Der kostenlose Plan eignet sich gut für den Einstieg, obwohl Sie vielleicht später ein Upgrade vornehmen möchten, wenn Sie viele Formularübermittlungen verarbeiten.

Sobald Sie angemeldet sind, klicken Sie auf " Zap erstellen", um mit der Erstellung Ihrer Automatisierung zu beginnen. Zapier nennt diese Automatisierungen "Zaps" - jede von ihnen verbindet einen Auslöser (Ihre Formularübermittlung) mit einer Aktion (Hinzufügen von Daten zu Airtable).

Der Prozess der Erstellung eines Zaps besteht aus zwei Teilen. Im ersten Teil müssen Sie WPForms als auslösende Anwendung einrichten.

Und dann müssen Sie Airtable als Aktions-App konfigurieren. Beginnen wir mit der Einrichtung des Auslösers.

Schritt 6: Konfigurieren Sie die Trigger-App (WPForms)

Nachdem Sie wie oben gezeigt auf Create a Zap geklickt haben, öffnet sich das Fenster des Rezepteditors, in dem Sie zunächst Ihre Trigger-App auswählen müssen.

Suchen Sie mit dem Suchfeld nach WPForms, um es zu finden und auszuwählen. Sie können auch das Bearbeitungssymbol oben links im Fenster erstellen, um Ihrem Zap einen Titel zu geben.

Als Nächstes müssen Sie in der Dropdown-Liste Ereignis die Option Neuer Formulareintrag auswählen. Dadurch wird jeder neue Formulareintrag als Auslöseereignis für diese Automatisierung festgelegt, was genau das ist, was wir wollen.

Klicken Sie unten auf die Schaltfläche Weiter, um fortzufahren. An diesem Punkt müssen Sie Ihr WPForms-Konto auswählen, um sich mit Zapier zu verbinden. Klicken Sie auf die Schaltfläche Sign In.

Ein neues Popup-Fenster wird geöffnet, in dem Sie aufgefordert werden, die URL Ihrer Website und den Zapier-API-Schlüssel einzugeben.

Holen Sie sich Ihren WPForms-API-Schlüssel für Zapier, wie wir in Schritt 2 gezeigt haben, und fügen Sie ihn zusammen mit Ihrer vollständigen Website-URL im Textfeld oben in das API-Schlüssel-Textfeld ein.

Wenn Sie die erforderlichen Angaben eingegeben haben, drücken Sie auf Ja, Weiter.

Nachdem Sie dies getan haben, wird das Popup-Fenster automatisch geschlossen, und Sie sollten Ihr WPForms-Konto als Trigger-App verbunden sehen. Drücken Sie Weiter, um zur nächsten Einstellung zu gelangen.

Nun müssen Sie das spezifische Formular auswählen, das für die WPForms-Airtable-Integration verarbeitet werden soll. Wählen Sie das Formular, das Sie in Schritt 3 erstellt haben.

Wir haben unser Formular "Benutzerdefiniertes Airtable-Formular" genannt, also wählen wir es aus der Dropdown-Liste aus. Wenn Sie das gewünschte Formular gefunden haben, klicken Sie auf die Schaltfläche Weiter.

Sobald das erledigt ist, fordert Zapier Sie auf, Ihren WPForms-Trigger zu testen, indem Sie einen kürzlich für Ihr ausgewähltes Formular übermittelten Eintrag verwenden.

Wenn Sie einen Testeintrag eingereicht haben, wie in Schritt 4 vorgeschlagen, wird Zapier keine Probleme haben, ihn zu finden! Klicken Sie auf die Schaltfläche Testauslöser, um fortzufahren.

Wenn für Ihr Formular bereits mehrere Einträge vorliegen, können Sie über das Dropdown-Menü einen bestimmten Eintrag auswählen.

Es spielt jedoch keine Rolle, welche Sie verwenden, da Zapier an dieser Stelle nur die Integration testen muss. Drücken Sie auf Weiter, um fortzufahren.

Damit ist die Einrichtung des Auslösers abgeschlossen. Gut gemacht! Im nächsten Schritt konfigurieren wir die Action-App für unsere Integration: Airtable.

Schritt 7: Konfigurieren Sie die Action App und veröffentlichen Sie die Automatisierung

Sobald Sie mit dem vorherigen Schritt fortfahren, zeigt Zapier Ihnen die Einstellungen für die Konfiguration Ihrer Action App an.

Da wir Airtable als Aktionsapplikation verwenden möchten, verwenden Sie das Suchfeld, um Airtable in der Liste der verfügbaren Apps zu finden, und klicken Sie darauf.

Nun müssen Sie ein Aktionsereignis auswählen, das in Airtable stattfinden soll. Da wir Daten an Airtable senden wollen, wählen wir die Option "Datensatz erstellen" aus dem Dropdown-Menü.

Klicken Sie anschließend auf die Schaltfläche Anmelden, um Ihr Airtable-Konto zu verbinden.

Wenn sich ein neues Popup-Fenster öffnet, werden Sie aufgefordert, Ihren Airtable-API-Schlüssel einzugeben.

Wenn Sie den Schlüssel noch nicht haben, gehen Sie zu Ihrem Airtable-Konto und klicken Sie auf Ihr Profilsymbol oben rechts, um das Menü zu erweitern.

Wählen Sie dann Konto. Scrollen Sie auf Ihrer Kontoseite einfach nach unten, um die Schaltfläche API-Schlüssel generieren zu finden, und klicken Sie darauf.

Sie erhalten einen API-Schlüssel, den Sie jetzt kopieren können. Wechseln Sie mit dem kopierten Schlüssel zum Anmeldefenster von Zapier für Ihr Airtable-Konto und geben Sie den API-Schlüssel ein.

Wenn Sie das getan haben, drücken Sie Ja, Weiter. Ihr Airtable-Konto wird nun mit Zapier verbunden. Klicken Sie erneut auf Weiter, um mit dem nächsten Schritt fortzufahren.

Jetzt werden Sie von Zapier aufgefordert, eine Basis (oder einen Arbeitsbereich) auszuwählen, in dem der Datensatz auf der Grundlage der von WPForms gesendeten Daten erstellt werden soll.

Sie müssen auch die Tabelle in diesem Arbeitsbereich auswählen. In unserem Beispiel haben wir eine Tabelle in Airtable erstellt und sie "Leads" genannt, also wählen wir diese aus.

Wenn Sie Ihre Tabelle auswählen, holt Zapier die Spaltennamen aus Ihrer Tabelle. Um Ihre Formularfelder korrekt auf Ihre Airtable-Spalten abzubilden, wählen Sie einfach das passende WPForms-Feld für jedes Airtable-Spaltenfeld aus.

Wenn Sie fertig sind, klicken Sie auf Weiter.

Wie bei Ihrer Trigger-App muss Zapier nun einen Testdatensatz an Airtable senden, der auf den zuvor ausgewählten Feldzuordnungen basiert. Klicken Sie auf die Schaltfläche Test Action, um fortzufahren.

Sie sollten eine Erfolgsmeldung sehen, die bestätigt, dass Ihr Datensatz an Airtable gesendet wurde. Wir sind fast fertig! Klicken Sie auf Publish Zap, um Ihre WPForms-Airtable-Integration live zu schalten.

An dieser Stelle öffnet sich ein weiteres modales Fenster, in dem Sie gefragt werden, ob Sie bereit sind, Ihre Automatisierung zu veröffentlichen. Klicken Sie auf Veröffentlichen & Einschalten , um Ihr Automatisierungsrezept in Betrieb zu nehmen.

Ausgezeichnet! Wenn Sie die WordPress-Airtable-Integration aktiviert haben, wird sichergestellt, dass neue Kontakte zu Ihrem Airtable-Konto hinzugefügt werden, sobald jemand Ihr WordPress-Formular ausfüllt.

Es ist eine gute Idee, Ihr Airtable-Konto zu überprüfen, um sicherzustellen, dass der Testdatensatz ordnungsgemäß von Zapier gesendet wurde. In unserem Fall wurde der Datensatz fast sofort gesendet, und alle Felder aus den Formularen stimmen perfekt überein.

Und da haben Sie es! Sie können jetzt benutzerdefinierte Airtable-Formulare in WordPress erstellen und Ihre Produktivität mit dieser effizienten Integration verbessern.

FAQs zum Erstellen eines benutzerdefinierten Airtable-Formulars in WordPress

Zu erfahren, wie eine WordPress-Airtable-Formularintegration funktioniert, ist ein beliebtes Thema bei unseren Lesern. Hier finden Sie Antworten auf einige häufig gestellte Fragen dazu:

Wie kann ich WPForms mit Airtable integrieren?

Um WPForms mit Airtable zu verbinden, können Sie ein Tool wie Zapier verwenden. Erstellen Sie zunächst Ihr Formular mit WPForms. Dann richten Sie einen Zap in Zapier ein, der jeden Formulareintrag direkt an Ihre Airtable-Basis sendet. Dies funktioniert durch die Zuordnung von Formularfeldern zu den richtigen Airtable-Spalten.

Kann ich WordPress-Formulareingaben ohne Code an Airtable senden?

Ja, Sie brauchen keinen Code zu schreiben. Mit WPForms und einem Zapier-Konto können Sie Formulareingaben an Airtable senden, indem Sie sich durch einfache Einrichtungsschritte klicken. Sie müssen nur Ihr Formular in WPForms vorbereiten und Ihre Basis in Airtable einrichten.

Wie kann ich ein Airtable-Formular in WordPress einbetten?

Sie können den Einbettungscode Ihres Airtable-Formulars kopieren und ihn mit dem benutzerdefinierten HTML-Block in einen WordPress-Beitrag oder eine Seite einfügen. Dadurch wird Ihr Airtable-Formular direkt auf Ihrer Website angezeigt. Besucher können es ausfüllen, ohne die Seite zu verlassen.

Welches Plugin verbindet Airtable mit WordPress?

WPForms ist eine gute Option, um Formulareingaben zu sammeln, und Sie können es mit Zapier mit Airtable verbinden. Es gibt nicht das eine Plugin, das alles von Haus aus kann, aber die Kombination aus WPForms und Zapier ist einfach und funktioniert gut.

Kann ich Airtable-Daten auf einer WordPress-Seite anzeigen?

Nicht direkt mit WPForms. Aber Sie können Airtable's share view Funktion verwenden, um eine Tabellenansicht auf Ihrer Website zu zeigen. Nehmen Sie einfach den Freigabelink oder den Einbettungscode und fügen Sie ihn mit einem benutzerdefinierten HTML-Block in eine Seite oder einen Beitrag ein.

Gibt es eine kostenlose Möglichkeit, Airtable mit WordPress zu verbinden?

Sie können mit den kostenlosen Versionen von WPForms und Zapier loslegen. Der kostenlose Zapier-Plan enthält grundlegende Funktionen und kann ausreichend sein, wenn Sie nicht viele Formularübermittlungen haben. Für größere Anforderungen benötigen Sie möglicherweise einen kostenpflichtigen Plan.

Wie kann ich eine bedingte Logik in einem mit Airtable verknüpften Formular einrichten?

WPForms können Sie bedingte Logik innerhalb der Form Builder verwenden. Dies bedeutet, dass Sie Felder auf der Grundlage von Benutzereingaben ein- oder ausblenden können. Die Logik geschieht, bevor das Formular an Airtable gesendet wird, so dass nur die richtigen Daten durchgehen.

Ist es sicher, Formulardaten von WordPress an Airtable zu senden?

Ja, es ist sicher, wenn Sie vertrauenswürdige Tools wie WPForms und Zapier verwenden. Stellen Sie sicher, dass Ihre Website über ein SSL-Zertifikat (HTTPS) verfügt, und vermeiden Sie die Freigabe sensibler Daten, die Sie normalerweise nicht in Airtable speichern würden.

Weiter, SMS-Benachrichtigungen für Formulare senden

Wenn Sie diese WPForms-Integration nützlich fanden, empfehlen wir Ihnen, sich anzusehen , wie Sie SMS-Benachrichtigungen von Ihren WordPress-Formularen senden können. Die Einstellung von SMS-Benachrichtigungen ist eine großartige Möglichkeit, über neue Formulareinträge auf dem Laufenden zu bleiben, sobald sie eingereicht werden.

Erstellen Sie jetzt Ihr Wordpress-Formular

Sind Sie bereit, Ihr Formular zu erstellen? Starten Sie noch heute mit dem einfachsten WordPress-Formularerstellungs-Plugin. WPForms Pro enthält viele kostenlose Vorlagen und bietet eine 14-tägige Geld-zurück-Garantie.

Wenn dieser Artikel Ihnen geholfen hat, folgen Sie uns bitte auf Facebook und Twitter für weitere kostenlose WordPress-Tutorials und -Anleitungen.