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 verbindet. Sie können damit benutzerdefinierte Tabellenkalkulationsanwendungen erstellen, ohne eine einzige Zeile Code zu schreiben.

In diesem Artikel zeigen wir Ihnen Schritt für Schritt, wie Sie ein benutzerdefiniertes Airtable-Formular erstellen und in Ihre WordPress-Website einbetten können.

Erstellen Sie jetzt Ihr Airtable-Formular in WordPress

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 in Ihrem Airtable-Konto manuell 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: WPForms installieren

Zunächst einmal empfehlen wir, WPForms Pro zu erwerben, da es eine Zapier-Integration enthält, die Sie benötigen, um Ihre Formulare mit Airtable zu verbinden.

Nach dem Kauf der Pro-Lizenz installieren Sie WPForms auf Ihrer Website. Schauen Sie sich die Anleitung für Einsteiger an , wie man ein WordPress-Plugin installiert, falls Sie Hilfe benötigen.

Wir gehen davon aus, dass Sie Formulareinträge automatisch an die Tabelle Leads in einem Ihrer Airtable-Arbeitsbereiche senden möchten.

Schritt 2: Installieren 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 Seite WPForms " Addons gehen.

Suchen Sie auf dieser Seite nach dem Zapier-Addon. Klicken Sie auf die Schaltfläche Addon installieren darunter, um die Installation zu starten.

Der Status lautet Aktiv, sobald Ihr Addon installiert und aktiviert ist.

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 werden den WPForms Zapier API-Schlüssel in einem späteren Schritt benötigen.

Schritt 3: Ein Formular erstellen

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.

Möglicherweise möchten Sie dieses Formular anpassen, indem Sie weitere Felder hinzufügen. Wir empfehlen, 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.

Zum Schluss müssen Sie auf die Schaltfläche Speichern in der oberen rechten Ecke des Bildschirms klicken, um die Änderungen zu speichern.

Super! Im nächsten Schritt werden wir das Formular in Ihre WordPress-Website einbetten.

Schritt 4: Airtable-Formular auf Ihrer Website einbetten

In diesem Schritt betten wir das benutzerdefinierte Airtable-Formular in unsere Website ein und fügen dann mindestens einen Testeintrag in das Formular ein.

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 einfach in einen Beitrag, eine Seite oder die Seitenleiste Ihrer Website einbetten. Schauen wir uns an, wie Sie es in eine WordPress-Seite einbetten.

Zunächst müssen Sie auf die Schaltfläche Einbetten oben im Formularersteller 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!

Es öffnet sich das Fenster des WordPress-Seiteneditors, in dem sich das soeben erstellte Formular befinden sollte. Sie können hier auch andere Elemente der Seite bearbeiten oder Inhalte hinzufügen, wenn Sie möchten.

Wenn Sie fertig sind, klicken Sie oben auf die Schaltfläche Veröffentlichen, um Ihre Seite mit dem neuen Airtable-Formular darin 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

Um WPForms und Airtable zu verbinden, müssen Sie einen neuen Zap auf der Zapier-Website erstellen.

Moment! Was ist ein Zap? Es handelt sich um einen Prozess, bei dem 2 oder mehr Anwendungen miteinander verbunden werden, und er benötigt immer einen Auslöser, um eine bestimmte Aktion durchzuführen.

Öffnen Sie in einem neuen Tab Ihres Webbrowsers die Zapier-Website und melden Sie sich bei Ihrem Konto an. Sie können kostenlos ein neues Konto erstellen, wenn Sie noch kein Zapier-Konto haben.

Nachdem Sie sich bei Ihrem Zapier-Konto angemeldet haben, klicken Sie auf die Schaltfläche Zap erstellen, um ein neues Automatisierungsrezept zu erstellen.

Der Prozess der Erstellung eines Zaps besteht aus zwei Teilen. Im ersten Teil müssen Sie WPForms als Trigger-App 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 auf die Schaltfläche Weiter am unteren Rand, 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, Ihre Website-URL 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 Textfeld API-Schlüssel 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 "Custom Airtable Form" genannt, also wählen wir es aus dem Dropdown-Menü aus.

Wenn Sie das gewünschte Formular gefunden haben, klicken Sie auf die Schaltfläche Weiter.

Sobald das erledigt ist, wird Zapier Sie bitten, Ihren WPForms-Trigger zu testen, indem Sie einen aktuellen Eintrag verwenden, der für Ihr ausgewähltes Formular eingereicht wurde. Wenn Sie einen Testeintrag wie in Schritt 4 vorgeschlagen eingereicht haben, wird Zapier keine Probleme haben, ihn zu finden!

Klicken Sie auf die Schaltfläche Testauslöser, um fortzufahren.

Wenn bereits mehrere Einträge für Ihr Formular eingereicht wurden, können Sie das Dropdown-Menü verwenden, um einen bestimmten Eintrag auszuwählen. Es spielt jedoch keine Rolle, welchen Sie verwenden, da Zapier die Integration an dieser Stelle nur testen muss.

Drücken Sie Weiter, um fortzufahren.

Damit ist die Einrichtung des Auslösers abgeschlossen. Gut gemacht!

Im nächsten Schritt werden wir die Action-App für unsere Integration konfigurieren: 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 innerhalb dieses Arbeitsbereichs auswählen.

In unserem Beispiel haben wir in Airtable eine Tabelle mit dem Namen "Leads" eingerichtet, die wir nun auswählen.

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 machen.

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 mit den Spalten überein, die wir in unserer Tabelle eingerichtet haben.

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

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 Airtable-Formular in WordPress

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.