Möchten Sie unser Google Sheets Addon mit einer benutzerdefinierten Google-Anwendung anstelle der WPForms Google-App verwenden? Eine Verbindung zu Google Sheets über eine benutzerdefinierte Anwendung ist manchmal die beste Option für Entwickler und fortgeschrittene Nutzer.
In diesem Tutorial zeigen wir Ihnen, wie Sie das WPForms Google Sheets Addon mit Ihrer eigenen benutzerdefinierten Google-App verwenden können.
In diesem Artikel
Anforderungen:
- Sie benötigen eine Pro-Lizenz oder höher, um auf das Google Sheets Addon zuzugreifen
- Vergewissern Sie sich, dass Sie die neueste Version von WPForms installiert haben, um die erforderliche Mindestversion für das Google Sheets-Addon zu erfüllen
Bevor Sie beginnen, müssen Sie zunächst sicherstellen, dass WPForms auf Ihrer WordPress-Website installiert und aktiviert ist und dass Sie Ihre Lizenz überprüft haben. Außerdem müssen Sie sich für ein Google-Konto anmelden, falls Sie noch keins haben, und das Google Sheets-Addon installieren und aktivieren.
Hinweis: Die Verbindung von WPForms mit einer benutzerdefinierten Google-Anwendung wird nur für Entwickler oder fortgeschrittene Nutzer empfohlen. Wenn Sie keine benutzerdefinierte Anwendung benötigen, lesen Sie bitte unsere Anleitung zur Verwendung des Google Sheets-Addons.
Aktivieren des erweiterten Modus
Um loszulegen, öffnen Sie Ihr WordPress-Dashboard und gehen Sie zu WPForms " Einstellungen. Klicken Sie dann auf die Registerkarte " Integrationen ".
Klicken Sie anschließend auf die Google Sheets-Integration, um die Einstellungen zu erweitern.
Um mit der Verbindung zu Ihrer Google-Anwendung zu beginnen, klicken Sie auf Erweiterten Modus aktivieren.
Es werden nun weitere Einstellungen angezeigt, in die Sie Informationen von der Google Cloud Platform eingeben müssen.
Um diese Informationen zu finden, müssen Sie sich zunächst bei der Google Cloud Platform anmelden und eine benutzerdefinierte Anwendung erstellen. Wir empfehlen jedoch, Ihre WPForms-Einstellungen in einem separaten Browser-Tab geöffnet zu lassen, während Sie Ihre Anwendung erstellen, da Sie später darauf zugreifen müssen.
Hinzufügen eines neuen Projekts
Sobald Sie sich bei der Google Cloud Platform angemeldet haben, klicken Sie auf APIs & Services.
Klicken Sie auf dem nächsten Bildschirm auf das Dropdown-Menü Projekte.
Daraufhin wird ein Overlay mit Ihren Projekten angezeigt. Klicken Sie nun auf NEUES PROJEKT.
Als Nächstes müssen Sie einen Namen in das Feld Projektname eingeben. Wir empfehlen Ihnen, einen Namen zu verwenden, der Ihnen hilft, sich zu merken, wofür Sie das Projekt verwenden. Sie können jedoch jeden beliebigen Namen verwenden.
Nachdem Sie einen Namen hinzugefügt haben, klicken Sie auf die Schaltfläche ERSTELLEN.
Wenn Sie Ihr Projekt erstellt haben, klicken Sie erneut auf das Dropdown-Menü und wählen Sie Ihr neu erstelltes Projekt aus, sofern es nicht bereits standardmäßig ausgewählt ist.
Aktivieren von Google APIs
Da Ihr Projekt nun erstellt ist, ist es an der Zeit, einige Google-APIs zu aktivieren. Klicken Sie zunächst auf Bibliothek im Menü auf der linken Seite.
Dies führt Sie zur API-Bibliothek, wo Sie 3 verschiedene APIs suchen und aktivieren müssen: Google Drive API, Google Sheets API und Google Picker API.
Geben Sie "Google Drive API" in die Suchleiste ein, um die Google Drive API zu finden.
Sobald Sie die Google Drive API gefunden haben, klicken Sie auf die Schaltfläche AKTIVIEREN.
Gehen Sie dann zurück zur API-Bibliothek von Google und geben Sie "Google Sheets API" in die Suchleiste ein.
Nachdem Sie die Google Sheets API gefunden haben, klicken Sie auf die Schaltfläche AKTIVIEREN.
Kehren Sie schließlich zur API-Bibliothek von Google zurück und geben Sie "Google Picker API" in die Suchleiste ein.
Sobald Sie die Google Picker API gefunden haben, klicken Sie auf die Schaltfläche AKTIVIEREN.
Auswählen eines Benutzertyps
Nachdem Sie nun die erforderlichen APIs aktiviert haben, klicken Sie im Menü auf der linken Seite auf OAuth-Zustimmungsbildschirm.
Auf dem nächsten Bildschirm müssen Sie einen Nutzertyp für Ihre Anwendung auswählen. Sie können entweder intern oder extern wählen, je nachdem, für wen Sie Ihre Anwendung freigeben möchten.
Für unser Beispiel wählen wir Extern. Sobald Sie Ihre Auswahl getroffen haben, klicken Sie auf die Schaltfläche ERSTELLEN, um fortzufahren.
Hinweis: Lesen Sie unbedingt die Google-Dokumentation über Nutzertypen, um mehr über externe und interne Nutzer zu erfahren.
Registrierung Ihrer App
Nachdem Sie einen Nutzertyp für Ihre App ausgewählt haben, werden Sie zu einer Seite weitergeleitet, auf der Sie die Registrierung Ihrer App abschließen können. Sie müssen eine Reihe von Schritten durchführen, um Ihre App zu registrieren, die wir in den folgenden Abschnitten erläutern.
Hinzufügen von App-Informationen
Das Hinzufügen von Informationen über Ihre App ist erforderlich, damit die Nutzer wissen, wer Sie sind und wie sie Sie kontaktieren können.
Fügen Sie in den erforderlichen Feldern einen App-Namen und eine Benutzer-Support-E-Mail hinzu.
Hinzufügen einer App-Domäne
Scrollen Sie nach unten zum Abschnitt App-Domain und suchen Sie den Abschnitt Autorisierte Domains. Klicken Sie hier auf die Schaltfläche DOMÄNE HINZUFÜGEN.
Im Feld Autorisierte Domäne 1 müssen Sie wpforms.com als Ihre Domäne hinzufügen.
Hinweis: Sie müssen wpforms.com als autorisierte Domäne hinzufügen, sonst kann Ihre Anwendung keine Verbindung zu WPForms herstellen.
Hinzufügen von Kontaktinformationen für Entwickler
Fügen Sie als Nächstes Ihre bevorzugte E-Mail-Adresse im Abschnitt Kontaktinformationen für Entwickler hinzu. Google wird Sie unter dieser E-Mail-Adresse kontaktieren, wenn es Änderungen an Ihrem Projekt gibt.
Klicken Sie abschließend auf die Schaltfläche SPEICHERN UND WEITER, um mit dem nächsten Schritt fortzufahren.
Hinzufügen von Geltungsbereichen
Klicken Sie auf dem nächsten Bildschirm auf die Schaltfläche SCOPES HINZUFÜGEN ODER ENTFERNEN.
Klicken Sie in dem daraufhin angezeigten Seitenmodal auf die Suchleiste mit der Aufschrift Eigenschaftsname oder Wert eingeben.
Suchen Sie dann nach jedem der folgenden Bereiche:
https://www.googleapis.com/auth/userinfo.email
https://www.googleapis.com/auth/userinfo.profile
https://www.googleapis.com/auth/drive.file
https://www.googleapis.com/auth/spreadsheets
Sie müssen jeden der oben genannten Bereiche durch Anklicken des Kontrollkästchens auf der linken Seite aktivieren.
Sobald Sie die erforderlichen Bereiche aktiviert haben, klicken Sie auf die Schaltfläche UPDATE am unteren Rand des Bildschirms.
Sie kehren dann zum Bildschirm " Bereiche" zurück, wo Sie Ihre aktivierten Bereiche anzeigen und verwalten können. Klicken Sie hier auf die Schaltfläche SPEICHERN UND WEITER, um Ihre Änderungen zu speichern.
Hinzufügen von Testbenutzern
Google muss den Verifizierungsprozess abschließen, bevor Nutzer mit Ihrer App interagieren können. Sie können jedoch bestimmten Nutzern erlauben, Ihre App zu testen, bevor sie verifiziert wird. Dieser Schritt ist für unsere Einrichtung nicht erforderlich, daher gehen wir zum nächsten Schritt über, indem wir auf die Schaltfläche SPEICHERN UND WEITER klicken.
Überprüfung der Registrierung Ihrer App
Der letzte Schritt der App-Registrierung besteht darin, Ihre Konfiguration auf dem Bildschirm Zusammenfassung zu überprüfen. Wenn alles korrekt aussieht und mit den Schritten in diesem Tutorial übereinstimmt, klicken Sie auf die Schaltfläche ZURÜCK ZUR ANZEIGE am unteren Rand des Bildschirms.
Veröffentlichen Ihrer App
Nachdem Sie die App-Registrierung abgeschlossen haben, müssen Sie Ihre App veröffentlichen. Sie können dies direkt vom Oauth-Zustimmungsbildschirm aus tun, indem Sie auf die Schaltfläche APP VERÖFFENTLICHEN klicken.
Nachdem Sie auf die Schaltfläche geklickt haben, wird ein Modal mit einigen weiteren Schritten für den Abschluss des App-Verifizierungsprozesses von Google angezeigt. Zum Bestätigen klicken Sie auf BESTÄTIGEN.
Berechtigungsnachweise für Ihre Anwendung erstellen
Der nächste Schritt ist die Erstellung von Anmeldeinformationen für Ihre Anwendung. Klicken Sie dazu im Menü auf der linken Seite auf Credentials.
Klicken Sie dann auf CREDENTIALS ERSTELLEN am oberen Rand des Bildschirms Berechtigungsnachweise.
Klicken Sie anschließend auf OAuth-Client-ID.
Klicken Sie anschließend auf die Dropdown-Liste Anwendungstyp und wählen Sie Webanwendung.
Geben Sie anschließend einen Namen für Ihren Oauth 2.0-Client in das Feld Name ein. Dieser Name ist für Endbenutzer nicht sichtbar, Sie können ihn also nach Belieben benennen.
Blättern Sie dann zum Abschnitt Authorized redirect URIs und klicken Sie auf ADD URI.
Nun müssen Sie zurück zu Ihren WPForms-Integrationseinstellungen gehen und die erste Callback-URL kopieren, indem Sie auf das Kopiersymbol klicken.
Wechseln Sie dann zurück zu den Einstellungen Ihrer Google-Anwendung und fügen Sie die Callback-URL in das Feld URIs 1 ein.
Danach klicken Sie erneut auf die Schaltfläche ADD URI, um Ihren zweiten URI hinzuzufügen.
Wechseln Sie zurück zu Ihren WPForms-Einstellungen und klicken Sie auf das Kopiersymbol neben der 2. Callback-URL.
Nun können Sie zurück zu Ihren Google-Einstellungen navigieren und die zweite Callback-URL in das Feld URIs 2 einfügen.
Klicken Sie anschließend auf die Schaltfläche ERSTELLEN.
Daraufhin wird ein modales Fenster mit Ihren OAuth-Client-Anmeldedaten angezeigt. Kopieren Sie hier die Client-ID, indem Sie auf das Kopiersymbol klicken.
Wechseln Sie dann zu Ihren WPForms-Integrationseinstellungen und fügen Sie die Client-ID in das Feld Google Client-ID ein.
Navigieren Sie dann zurück zu den Einstellungen Ihrer Google-Anwendung und kopieren Sie das Client-Geheimnis.
Wechseln Sie erneut zu Ihren WPForms-Integrationseinstellungen und fügen Sie das Kundengeheimnis in das Feld Google Client Secret ein.
Fertigstellung der Verbindung
Nachdem Sie nun Ihre Kunden-ID und Ihr Kundengeheimnis festgelegt haben, ist es an der Zeit, die Verbindung herzustellen. Klicken Sie dazu auf die Schaltfläche Mit Google verbinden.
Als nächstes werden Sie auf eine Google-Authentifizierungsseite weitergeleitet. Hier müssen Sie WPForms Zugriff auf Ihr Google-Konto gewähren.
Sobald Sie ein Google-Konto ausgewählt haben, klicken Sie auf die Schaltfläche " Weiter", um WPForms Zugriff auf Ihr Konto zu gewähren.
Wenn Sie nun zu WPForms " Einstellungen " Integrationen zurückkehren, sollten Sie den grünen Status Verbunden zusammen mit Ihren Verbindungsdetails sehen.
Sie können nun eine Google Sheets-Integration zu jedem Formular auf Ihrer Website hinzufügen.
Das war's! Jetzt wissen Sie, wie Sie eine benutzerdefinierte Google-App zur Verwendung mit dem WPForms Google Sheets-Addon einrichten können.
Möchten Sie mehr darüber erfahren, was Sie mit den vom Benutzer eingegebenen Informationen in WPForms tun können? In unserem vollständigen Leitfaden zu Formulareinträgen erfahren Sie mehr.