Wie man ein benutzerdefiniertes Airtable-Formular in WordPress erstellt (einfacher Weg)

Viele Website-Betreiber kämpfen mit klobigen Formularen und unübersichtlichen Daten. Das kann wirklich Kopfschmerzen bereiten und wertvolle Zeit kosten. Hier kann die Verknüpfung Ihres Formulars mit Airtable sehr hilfreich sein.

Airtable ist ein fantastisches Werkzeug für die Erstellung datengesteuerter Anwendungen. Es hilft Ihnen, Informationen ganz einfach zu sammeln und zu verwalten.

Glücklicherweise ist das Erstellen eines individuellen Airtable-Formulars für Ihre WordPress Website einfacher, als Sie vielleicht denken. Bei WPBeginner haben wir unzählige Benutzer durch diesen Prozess geführt.

In diesem Artikel zeigen wir Ihnen, wie Sie ein individuelles Airtable-Formular in WordPress erstellen können. Keine Programmierkenntnisse? Das ist kein Problem. Unsere Methode ist anfängerfreundlich und unkompliziert.

Warum ein benutzerdefiniertes Airtable-Formular in WordPress erstellen?

Stellen Sie sich vor, Sie betreiben eine viel genutzte Website, auf der eine Vielzahl von Daten aus Kontaktformularen, Befragungen und Kundenanfragen eingehen. Den Überblick über all diese Informationen zu behalten, kann schnell zu einem Alptraum werden.

Sie verlieren sich in einem Meer von E-Mails, Tabellenkalkulationen und schlecht organisierten Daten und verschwenden wertvolle Zeit mit dem Versuch, den Überblick zu behalten. Hier kommen individuell angepasste Airtable-Formulare zur Hilfe.

Airtable ist ein Datenmanagement-Tool, mit dem Sie individuelle datengesteuerte Anwendungen erstellen können. Auf diese Weise können Sie die auf Ihrer Website mit WordPress-Formularen erfassten Daten besser visualisieren.

So können Sie beispielsweise die Daten Ihres WordPress-Kontaktformulars in Airtable als CRM-Tool (Customer Relationship Management) verwenden, um Leads und Kontakte zu verwalten, die über Ihre WordPress-Formulare erfasst wurden.

Sie können auch Daten aus Benutzerumfragen auf Airtable speichern.

Hier sind einige weitere Anwendungsfälle für die Verwendung von Airtable mit WordPress:

• Organisieren Sie Aufgaben nach Projekten, weisen Sie Verantwortlichkeiten zu, und nutzen Sie Kanban-Ansichten, um den Projektfortschritt zu visualisieren.
• Erstellen Sie einen Content-Kalender für Inhalte, verfolgen Sie Veröffentlichungstermine und weisen Sie Autoren und Redakteure zu, um Ihren Blog-Traffic zu steigern.
• Führen Sie eine Datenbank mit Bestandsartikeln, um die Mengen für Ihren Online-Shop zu verfolgen.

Grundsätzlich können Sie die von Ihren WordPress-Kontaktformularen gesammelten Daten in Airtable verwenden, um benutzerdefinierte Anwendungen, Workflows und Tools für Ihr Unternehmen zu erstellen.

Sehen wir uns also an, wie Sie in WordPress ganz einfach ein individuelles Airtable-Formular erstellen können.

Wie man ein benutzerdefiniertes Airtable-Formular in WordPress erstellt

Um unser benutzerdefiniertes Airtable-Formular in WordPress zu erstellen, werden wir zunächst ein Kontaktformular mit WPForms erstellen.

Es ist das beste Plugin für WordPress-Kontaktformulare auf dem Markt und ermöglicht es Ihnen, jede Art von Formular über eine einfache Drag-and-drop-Schnittstelle zu erstellen.

Danach werden wir unser Formular mit Airtable verbinden, indem wir einen Dienst namens Uncanny Automator verwenden.

Uncanny Automator funktioniert wie eine Brücke, die zwei verschiedene Anwendungen ohne Code verbindet. Sie können ihn mit Dutzenden von Online-Apps verwenden, darunter WPForms und Airtable.

Hier finden Sie eine Übersicht über die Schritte, die wir in diesem Beitrag behandeln:

Sind Sie bereit? Dann fangen wir an.

Erstellen Sie Ihr Formular in WPForms

Zunächst müssen Sie das WPForms-Plugin installieren und aktivieren. Weitere Einzelheiten finden Sie in unserer Schritt-für-Schritt-Anleitung für die Installation eines WordPress-Plugins.

Nach der Aktivierung müssen Sie auf die Seite WPForms “ Einstellungen gehen.

Unter der Registerkarte „Allgemein“, geben Sie den Lizenzschlüssel von Ihrem Konto auf der WPForms Website und klicken Sie auf „Schlüssel überprüfen“.

Als nächstes müssen Sie die Seite WPForms “ Add New in Ihrem WordPress-Dashboard aufrufen. Dadurch wird die WPForms-Builder-Schnittstelle gestartet, wo Sie aus über 1900 vorgefertigten Templates wählen können.

Geben Sie Ihrem Formular einen Namen, damit Sie leicht darauf zurückgreifen können.

Für dieses Tutorial werden wir das „Einfache Kontaktformular“ verwenden.

Klicken Sie nun auf ‚Vorlage verwenden‘.

Von hier aus gelangen Sie zum Drag-and-Drop-Editor, mit dem Sie das Formular leicht anpassen können.

Nehmen wir an, wir erstellen ein Kontaktformular, um Leads von B2B-Interessenten zu sammeln. In diesem Fall möchten wir „Unternehmen“ und „Telefonnummer“ zu unserem Kontaktformular hinzufügen.

Um das „Unternehmen“ hinzuzufügen, müssen Sie ein Element „Einzeiliger Text“ hinzufügen, dann auf das Element klicken und das Feld in „Unternehmen“ umbenennen.

Wenn Sie möchten, dass Interessenten ihre Telefonnummer angeben, ziehen Sie einfach die Feldoption „Telefon“ in den Editor.

Fügen Sie nach Belieben weitere Felder hinzu, die Ihren Anforderungen entsprechen. Weitere Details finden Sie in unserer Anleitung zum Erstellen eines Kontaktformulars in WordPress.

Sobald Sie Ihr Formular eingerichtet haben, müssen Sie es zu Ihrer WordPress-Website hinzufügen.

Klicken Sie einfach auf den Button „Einbetten“ am oberen Rand.

Sie können wählen, ob Sie das Kontaktformular auf einer bestehenden oder einer neuen Seite einbetten möchten.

In diesem Fall wählen wir „Vorhandene Seite auswählen“.

Wählen Sie eine beliebige Seite aus und klicken Sie auf die Schaltfläche „Los geht’s!“.

Dadurch gelangen Sie in den WordPress-Editor für diese Seite.

Dazu müssen Sie nur auf die Schaltfläche „+“ in der linken oberen Ecke klicken.

Suchen Sie dann das WForms-Widget und wählen Sie es aus, um es Ihrer Seite hinzuzufügen.

Von hier aus können Sie das soeben erstellte Kontaktformular auswählen.

Dadurch wird das Formular automatisch in Ihre Seite eingebettet.

Als Nächstes müssen Sie oben auf die Schaltfläche „Aktualisieren“ klicken.

Jetzt sollte Ihr Formular zu Ihrer WordPress-Seite hinzugefügt werden.

Nachdem Sie Ihr Formular zu Ihrer Website hinzugefügt haben, können Sie einen Testeintrag erstellen. Dieser wird verwendet, um die Verbindung zwischen WPForms und Airtable einzurichten und zu überprüfen.

Hier ist unser Testeintrag mit Name, E-Mail, Telefon, Firmenname und einer Nachricht:

Erstellen Sie Ihr Airtable Konto

Bevor Sie Airtable mit Uncanny Automator integrieren, sollten Sie sicherstellen, dass Sie ein Airtable Konto haben.

Klicken Sie auf der Website einfach auf den Button „Kostenlos anmelden“, um loszulegen.

Sie werden dann aufgefordert, Ihre E-Mail-Adresse einzugeben. Alternativ können Sie auch Single Sign On oder Ihr bestehendes Google Konto verwenden, um ein Airtable Konto zu erstellen.

Sie können die von Ihnen bevorzugte Methode wählen. Wir entscheiden uns für „Weiter mit Google“.

Als Nächstes folgen Sie einfach dem Assistenten zur Einrichtung Ihres Kontos.

Wenn Sie ein Konto erstellt haben, können Sie auf den Tab „Automations“ in der linken oberen Ecke von Airtable wechseln.

Klicken Sie nun auf den Button „+ Auslöser hinzufügen“.

Daraufhin wird das Dropdown-Menü geöffnet, und Sie müssen auf „Wenn Webhook empfangen“ klicken.

Nach dem Hinzufügen sollten Sie eine rechte Seitenleiste sehen, über die Sie auf die eindeutige URL des Webhooks zugreifen können.

Sie benötigen diese URL für den nächsten Teil des Tutorials, klicken Sie also auf den Button „Kopieren“ daneben.

Dann können Sie diese URL vorübergehend in Ihrem Notizblock speichern. Wir werden sie später in diesem Leitfaden verwenden.

Einrichten einer Basis und eines Tisches in Airtable

Als Nächstes müssen wir eine Basis in Airtable erstellen, um alle Informationen zu speichern, die wir über unser Kontaktformular sammeln.

Wenn Sie neu bei Airtable sind, wissen Sie vielleicht nicht, wie Sie eine Basis und einen Tisch einrichten.

Zunächst einmal ist die Basis die oberste Datenbank, die zum Organisieren und Speichern von Informationen verwendet wird. Eine Tabelle in Airtable ist vergleichbar mit einem Blatt in einer Tabellenkalkulation.

Klicken Sie in Ihrem Airtable-Konto auf die Option „Von Grund auf neu beginnen“ in Ihrem Home Dashboard.

Wenn Sie eine bestehende Kalkulationstabelle zu Airtable migrieren möchten, klicken Sie einfach auf die Option „Schnell hochladen“.

Benennen Sie Ihre Basis und Ihren Tisch.

Wir haben beschlossen, unsere Basis ‚Sales CRM‘ und die Tabelle ‚Kontakte‘ zu nennen.

Ändern Sie dann die Beschriftung der oberen Spalte so, dass sie den Formularfeldern entspricht, die Sie gerade in WPForms erstellt haben.

In diesem Fall haben wir Etiketten für „Name“, „Firma“, „E-Mail“ und „Telefon“ hinzugefügt.

Sie sollten diesen Tab geöffnet lassen, da wir später darauf zurückgreifen werden, um zu überprüfen, ob unsere WordPress-Automatisierung funktioniert.

Integrieren Sie Uncanny Automator mit WPForms

Kehren wir nun zu Ihrem WordPress-Dashboard zurück.

Um eine Brücke zwischen WPForms und Airtable zu bauen, werden wir Uncanny Automator verwenden. Es ist eines der besten und beliebtesten Automatisierungs Plugins auf dem Markt und wird von mehr als 40.000 WordPress Benutzern verwendet.

Darüber hinaus können Sie die kostenlose Version von Uncanny Automator verwenden, um WPForms und Airtable zu verbinden.

Installieren und aktivieren wir also das Uncanny Automator Plugin. Wenn Sie Hilfe benötigen, dann können Sie unsere Anleitung zur Installation eines WordPress Plugins lesen.

Nach der Installation navigieren Sie zu Automator “ Neu hinzufügen, um ein neues Rezept zu erstellen. In dem erscheinenden Pop-up wählen wir „Alle“.

Geben Sie Ihrem Rezept im Editor einen Namen.

Wir empfehlen, einen einfachen Namen zu verwenden, damit Sie bei Bedarf leicht darauf zurückgreifen können. Wir werden zum Beispiel „Airtable Automation“ als Rezeptname verwenden.

Kommen wir nun zum Abschnitt „Auslöser“.

Hier wählen Sie WPForms und wählen dann den Auslöser aus der Liste im Dropdown-Menü. Wählen wir „Ein Formular wird eingereicht“.

Danach müssen Sie das Formular auswählen, das die Automatisierung auslösen soll.

Wählen Sie die soeben erstellte Datei aus dem Dropdown-Menü aus. Vergessen Sie dann nicht, auf den Button „Speichern“ zu klicken.

Blättern wir nun zum Abschnitt „Aktion“ hinunter.

Von hier aus können Sie auf „Aktion hinzufügen“ klicken und „Airtable“ auswählen.

Sie werden dann aufgefordert, auf „Daten an Airtable Webhook senden“ zu klicken.

Wählen Sie die gewünschte Option aus.

Von hier aus öffnen Sie die Notiz, in der Sie die eindeutige Airtable-Webhook-URL aus dem vorherigen Schritt gespeichert haben. Kopieren Sie die URL einfach in die Zwischenablage.

Kehren wir nun zum Tab WordPress zurück.

Fügen Sie die URL des Webhooks in das Feld „URL“ ein.

Danach können Sie alle anderen Einstellungen so belassen, wie sie sind, und an den unteren Rand des Fensters blättern.

Hier sehen Sie einige Optionen. Wenn Sie möchten, können Sie auf „Test senden“ klicken, um zu sehen, ob Ihr Airtable Konto die Daten empfängt. Dann gibt es noch den Button „Datenformat prüfen“, mit dem Sie eine Vorschau der ausgehenden Daten erhalten.

Wenn Sie mit allem zufrieden sind, können Sie auf den Button „Speichern“ klicken.

Sobald Sie den Auslöser und die Aktion für Ihr Rezept eingerichtet haben, müssen Sie sicherstellen, dass es funktioniert.

Schalten Sie einfach den Schalter auf der rechten Seite von „Entwürfe“ auf „Live“ um.

Und das ist auch schon alles, was es zu sagen gibt!

Wenn nun jemand ein Formular ausfüllt, werden die Daten an Airtable weitergeleitet.

Bonus: Wie Sie SMS-Nachrichten an Ihre Leads senden

Wenn Sie diese Integration hilfreich fanden, möchten Sie vielleicht auch SMS-Benachrichtigungen an Personen senden, die Ihr Kontaktformular ausgefüllt haben.

Dies ist eine gute Möglichkeit, sie über den Stand ihrer Anfrage auf dem Laufenden zu halten.

Nehmen wir an, Sie haben Interessenten, die Ihre Landing Page besuchen und dann Ihr Formular ausfüllen und damit ihr Interesse an Ihren Dienstleistungen bekunden. Während die Formulardaten in eine Airtable eingegeben werden, möchten Sie eine weitere Verbindung, die automatisch SMS-Nachrichten an Ihre Leads sendet, damit diese wissen, was sie von Ihnen erwarten können.

Die beste Option ist die Nutzung von Brevo, einem E-Mail-Marketingdienst, mit dem Sie auch SMS-Nachrichten an Ihre Kontakte senden können.

Mit dieser Software können Sie Ihre Kontakte importieren und dann SMS-Kampagnen versenden. Für weitere Informationen folgen Sie einfach unserer Anleitung, wie Sie SMS-Nachrichten an Ihre WordPress-Benutzer senden können.

Wir hoffen, dass dieser Artikel Ihnen geholfen hat zu lernen, wie man ein benutzerdefiniertes Airtable-Formular in WordPress erstellt. Vielleicht möchten Sie auch unsere Leitfäden zu den besten Business-Telefondiensten und zum Abrufen von SMS-Textnachrichten aus Ihren WordPress-Formularen lesen.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.