Möchten Sie ein benutzerdefiniertes Airtable-Formular für Ihre WordPress-Site erstellen?
Airtable ist ein Cloud-Dienst, der die Leistungsfähigkeit von Tabellenkalkulationen und Datenbanken kombiniert. Sie können damit benutzerdefinierte Tabellenkalkulationsanwendungen erstellen, ohne eine einzige Codezeile schreiben zu müssen.
In diesem Artikel zeigen wir Ihnen Schritt für Schritt, wie Sie ein benutzerdefiniertes Airtable-Formular erstellen und es in Ihre WordPress-Site einbetten.
Warum ein benutzerdefiniertes Formular in WordPress erstellen?
Airtable hilft Ihnen beim Erstellen benutzerdefinierter Tabellenkalkulationsanwendungen zum Speichern von Informationen, genau wie Sie es in einer Datenbank tun würden.
Erstellen Sie benutzerfreundliche, optisch ansprechende Tabellenkalkulationen, die für Produktplanung, Benutzerstudien, Vertriebs-CRM (Customer Relationship Management), Produkteinführungen, Inhaltskalenderplanung 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 mithilfe des WPForms-Plugins ein benutzerdefiniertes Airtable-Formular erstellen.
WPForms ist das beste Formularerstellungs-Plugin und enthält verschiedene Arten von Formularvorlagen. So können Sie ganz einfach jede Art von Formular gemäß Ihren Anforderungen erstellen.
Schließlich können Sie das Formular mithilfe von Zapier mit Ihrem Airtable-Konto verbinden. Zapier ist eine App, die eine Verbindung zu über 2.000 Web-Apps wie Airtable, Google Calendar und Jira herstellt.
Wenn also jemand das Formular absendet, werden die Daten automatisch Ihrem Airtable-Konto hinzugefügt. Großartig, nicht wahr?
Dadurch sparen Sie wertvolle Zeit und steigern Ihre Produktivität.
Beginnen wir also ohne weitere Umschweife mit der Erstellung eines benutzerdefinierten Airtable-Formulars für Ihre WordPress-Site.
Schritt 1: Erstellen Sie ein WordPress-Formular
Für dieses Tutorial erstellen wir ein einfaches Kontaktformular. Anschließend zeigen wir Ihnen, wie Sie dieses Formular mit Ihrem Airtable-Konto verbinden.
Wir gehen davon aus, dass Sie dieses Formular erstellen möchten, um die Einträge automatisch zum hinzuzufügen Kontakte Tabelle in Ihrem „Sales CRM“-Arbeitsbereich.
Als Erstes müssen Sie also das WPForms-Plugin installieren und aktivieren. Falls Sie Hilfe benötigen, können Sie sich die Einsteigeranleitung zur Installation eines WordPress-Plugins ansehen.
Nach der Aktivierung müssen Sie zu gehen WPForms » Neue hinzufügen um ein neues Formular zu erstellen.
Auf der Einstellungsseite müssen Sie das ändern Formularname auf einen beliebigen Namen Ihrer Wahl. Als Nächstes müssen Sie auf die Vorlage „Einfaches Kontaktformular“ klicken, um das benutzerdefinierte Airtable-Formular zu erstellen.
Wir werden diesem Formular einige grundlegende Felder wie Name, E-Mail-Adresse, Name der Organisation und Telefonnummer hinzufügen. Detaillierte Anweisungen finden Sie in unserem Tutorial zum Erstellen eines einfachen Kontaktformulars.
Sobald Sie mit dem Anpassungsteil fertig sind, können Sie Änderungen an den Benachrichtigungs- und Bestätigungseinstellungen dieses Formulars vornehmen.
Abschließend müssen Sie auf klicken Speichern befindet sich in der oberen rechten Ecke des Bildschirms, um die Änderungen zu speichern.
Schritt 2 – Betten Sie das Formular auf Ihrer Website ein
In diesem Schritt betten wir das benutzerdefinierte Airtable-Formular auf unserer Website ein und fügen dann mindestens einen Testeintrag zum Formular hinzu.
Aber warum müssen wir einen Testeingang hinzufügen? Der Grund dafür ist, dass wir es später verwenden werden, um die Verbindung zwischen WPForms und Airtable zu testen. Dadurch wird sichergestellt, dass alles ordnungsgemäß funktioniert.
Sie können das Formular ganz einfach in einen Beitrag, eine Seite oder eine Seitenleiste Ihrer Website einbetten. Schauen wir uns an, wie man es in eine WordPress-Seite einbettet.
Zuerst müssen Sie gehen Seiten » Neue hinzufügen aus der linken Seitenleiste Ihres WordPress-Admin-Panels.
Als nächstes müssen Sie auf den Block hinzufügen klicken (+), um den WPForms-Block einzufügen.
Dadurch wird der Blockmanager geöffnet, in dem Sie den WPForms-Block finden und dann darauf klicken müssen, um ihn dem Seiteneditor hinzuzufügen.
Sobald der WPForms-Block hinzugefügt wurde, müssen Sie das benutzerdefinierte Airtable-Formular aus dem Dropdown-Menü auswählen. Dadurch wird das Formular zum Seiteneditor hinzugefügt.
Abschließend müssen Sie diese Seite veröffentlichen, indem Sie auf klicken Post in der oberen rechten Ecke des Bildschirms vorhanden.
Öffnen Sie nun diese Seite in einem neuen Tab Ihres Webbrowsers. Füllen Sie dann das Formular aus und klicken Sie auf Schicken um einen Testformulareintrag zu erstellen.
Schritt 3: Installieren Sie das Zapier-Plugin
Als nächstes müssen Sie das Zapier-Plugin installieren.
Falls Sie es nicht wissen: Zapier ist ein Automatisierungstool, mit dem Sie zwei oder mehr Apps verbinden können, um eine bestimmte Aufgabe auszuführen. Daher werden wir Zapier verwenden, um WPForms und Airtable zu verbinden.
Um das Zapier-Plugin zu installieren, müssen Sie zu gehen WPForms » Zubehör Seite und suchen Sie dann nach diesem Plugin. Sobald Sie es gefunden haben, müssen Sie das Zapier-Plugin installieren und aktivieren.
Jetzt geh zu WPForms » Einstellungen Seite, 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 klicken Integrationen Wimper. Und dann müssen Sie auf das Zapier-Logo klicken, um den API-Schlüssel für Ihre Site zu finden.
Sie sollten diese Seite geöffnet lassen, da wir diesen API-Schlüssel später verwenden werden Schritt 5.
Schritt 4: Erstellen Sie einen neuen Zap
Um WPForms und Airtable zu verbinden, müssen Sie einen neuen Zap auf der Zapier-Website erstellen.
Warten! Was ist ein Zap? Dabei handelt es sich um einen Prozess, bei dem zwei oder mehr Anwendungen miteinander verbunden werden und der immer einen Auslöser benötigt, um eine bestimmte Aktion auszuführen.
In einem neuen Tab Ihres Webbrowsers müssen Sie die Zapier-Website öffnen und sich bei Ihrem Konto anmelden. Sie können kostenlos ein neues Konto erstellen, wenn Sie noch keins haben.
Im Zapier-Dashboard müssen Sie auf klicken Zap! erscheint in der oberen rechten Ecke des Bildschirms, um den Einrichtungsassistenten zu starten.
Nun besteht der Prozess der Erstellung eines Zaps aus zwei Teilen. Im ersten Teil müssen Sie WPForms als Aktivierungs-App festlegen. Und dann müssen Sie Airtable als Aktions-App festlegen.
Beginnen wir mit dem Trigger-Setup-Prozess.
Schritt 5: Richten Sie die Trigger-App ein
Um WPForms als Auslöser-App festzulegen, müssen Sie zunächst über das Suchfeld „Auslöser-App auswählen“ nach der WPForms-App suchen.
Sobald Sie es gefunden haben, müssen Sie darauf klicken, um fortzufahren.
Als nächstes müssen Sie „Neuer Formulareintrag“ als Aktivierungsoption auswählen und dann auf klicken Speichern + Weiter Taste.
Es ist jetzt an der Zeit, das WPForms-Konto mit Zapier zu verbinden. Sie können diesen Teil überspringen, wenn Sie Ihr WPForms-Konto zuvor mit Zapier verbunden haben.
Auf der anderen Seite müssen Sie auf klicken Verbinden Sie ein Konto Klicken Sie auf die Schaltfläche, wenn Sie dies zum ersten Mal tun.
Dadurch wird ein Popup-Fenster geöffnet, in dem Sie aufgefordert werden, die URL Ihrer Website und den Zapier-API-Schlüssel einzugeben. Sie können dorthin zurückkehren Schritt 3 um zu verstehen, wie man den API-Schlüssel erhält.
Sobald Sie die Details eingegeben haben, müssen Sie auf klicken Ja weiter Taste.
Dadurch wird das Popup-Fenster geschlossen und Sie sehen nun, dass Ihr WPForms-Konto zur Seite „WPForms-Konto auswählen“ hinzugefügt wurde.
Sie können auf klicken Nachweisen um die Verbindung zwischen WPForms und Zapier zu überprüfen. Wenn Sie eine Erfolgsmeldung erhalten, müssen Sie auf klicken Speichern + Weiter weitermachen.
Zapier greift nun auf Ihr WPForms-Konto zu und ruft alle Formulare auf Ihrer Website ab. Wählen Sie also das benutzerdefinierte Airtable-Formular aus dem Dropdown-Feld auf der Seite „WPForms-Formulareingabe einrichten“ aus.
Sobald dies erledigt ist, müssen Sie auf klicken Weitermachen weitermachen.
Zapier ruft dann alle Ihre Formulareinträge ab. Sie müssen eine der Formulareingaben auswählen, damit diese später zum Testen der Verbindung zwischen WPForms und Airtable verwendet werden kann.
Abschließend müssen Sie auf klicken Weitermachen um den Trigger-Einrichtungsprozess abzuschließen.
Schritt 6: Richten Sie eine Action-App ein
Beginnen wir mit der Einrichtung der Aktions-App. Dazu müssen Sie auf „Ihrem Zap fehlt derzeit ein Aktionsschritt“ klicken. Jetzt eins hinzufügen! ” Verknüpfung.
Als nächstes müssen Sie über das Suchfeld „Choose an Action App“ nach der Airtable-App suchen und dann darauf klicken, um fortzufahren.
Zapier fordert Sie nun auf, auszuwählen, welche Airtable-Aktion ausgeführt werden soll, wenn jemand Ihr benutzerdefiniertes Airtable-Formular sendet.
Da Sie einen neuen Kontakt zum hinzufügen möchten Kontakte Wählen Sie in Ihrem Arbeitsbereich „Sales CRM“ die Tabelle aus Datensatz erstellen Option und klicken Sie dann auf Speichern + Weiter Taste.
Es ist Zeit, Ihr Airtable-Konto mit Zapier zu verbinden.
Dazu müssen Sie auf klicken Verbinden Sie ein Konto Taste. Dadurch wird ein Popup-Fenster geöffnet, in dem Sie aufgefordert werden, den Airtable-API-Schlüssel einzugeben.
Lassen Sie dieses Popup also geöffnet und besuchen Sie die Airtable-Kontoseite in einem neuen Tab. Hier sollten Sie den API-Abschnitt finden, der ein Textfeld mit ausgeblendetem Text enthält.
Sie müssen auf dieses Textfeld klicken, um den Airtable-API-Schlüssel anzuzeigen. Kopieren Sie nun den API-Schlüssel und fügen Sie ihn in das Textfeld im Zapier-Popup-Fenster ein.
Sobald dies erledigt ist, müssen Sie auf klicken Ja weiter Klicken Sie auf die Schaltfläche, um Airtable mit Zapier zu verbinden.
Dadurch wird das Popup-Fenster geschlossen und Sie sehen nun, dass Ihr Airtable-Konto zur Seite „Airtable-Konto auswählen“ hinzugefügt wurde.
Sie können die Verbindung zwischen Zapier und Airtable überprüfen, indem Sie auf klicken Nachweisen Taste.
Wenn Sie eine Erfolgsmeldung erhalten, müssen Sie auf klicken Speichern + Weiter um mit dem nächsten Schritt fortzufahren.
Schritt 7: Richten Sie die Airtable-Vorlage ein und testen Sie sie
Zapier fordert Sie nun auf, die Vorlage zu konfigurieren, die zum Erstellen eines neuen Kontakts in Ihrem Airtable-Konto verwendet wird.
Sehen wir uns an, wie diese Vorlage konfiguriert wird.
Zuerst müssen Sie a auswählen Base in dem Sie Kontaktdaten hinzufügen möchten. Dies wird von Ihrem Airtable-Konto abgezogen.
Da wir die neuen Kontakte zum Vertriebs-CRM hinzufügen möchten, müssen Sie auswählen Vertriebs-CRM im Dropdown-Menü.
Ebenso müssen Sie die auswählen Kontakte Tabelle der Tisch Dropdown-Feld. Dadurch werden dieser Vorlage mehrere neue Felder hinzugefügt.
Bitte beachten Sie, dass alle neuen Felder optional sind. Es liegt also an Ihnen, welches Sie bearbeiten möchten. Darüber hinaus ruft Zapier für diese zusätzlichen Felder Daten aus Ihrem benutzerdefinierten Tabellenformular ab.
Für ihn Name und Organisation Um ein Feld zu erstellen, müssen Sie auf das Symbol „Ein Feld einfügen“ klicken und dann auswählen Name im Dropdown-Menü. Und dann müssen Sie auswählen Organisation von dem Konto Dropdown-Feld.
Ebenso können Sie die E-Mail-, Telefon- und Namensfelder in dieser Vorlage bearbeiten. Sobald Sie fertig sind, müssen Sie zum Ende der Seite scrollen und dann auf klicken Weitermachen Taste.
Sie können dann auf klicken Test an Airtable senden um die Verbindung zwischen WPForms und Airtable zu überprüfen.
Dadurch wird ein neuer Kontakt mit dem Testformulareintrag in Ihrem Airtable-Konto erstellt. Sie können dies auch bestätigen, indem Sie zu Ihrem Airtable-Konto gehen.
Wenn der neue Kontakt erfolgreich erstellt wurde, müssen Sie zum Zapier-Einrichtungsassistenten zurückkehren und auf klicken Beenden um den Vorgang zum Einrichten der Aktion abzuschließen.
Zum Schluss müssen Sie auf das Umschaltfeld klicken, um es zu ändern UM. Dadurch wird sichergestellt, dass jedes Mal, wenn jemand das benutzerdefinierte Formular sendet, neue Kontakte zu Ihrem Airtable-Konto hinzugefügt werden.
Sie können diesem Zap zur späteren Bezugnahme auch einen Namen Ihrer Wahl geben.
Abschließende Gedanken
Glückwunsch! Sie haben erfolgreich ein benutzerdefiniertes Airtable-Formular für Ihre WordPress-Site erstellt. Sie können dieser Schritt-für-Schritt-Anleitung folgen, um verschiedene Arten von benutzerdefinierten Airtable-Formularen zu erstellen.
Wenn Ihnen dieses Tutorial gefallen hat, sollten Sie sich diese Beiträge ansehen:
Wenn Ihnen dieser Artikel gefallen hat, können Sie sich auch unseren Leitfaden unter ansehen.
Folgen Sie uns auch weiter Facebook Und Twitter um Updates von unserem Blog zu erhalten.
