So erstellen Sie ein kostenloses Website-Kontaktformular mit Google Forms

Das Betreiben einer Website oder eines Blogs kann Spaß machen, aber den Besuchern eine Möglichkeit zu bieten, Sie zu kontaktieren, ist nicht immer einfach oder unkompliziert. Zum Glück bietet Google eine perfekte Lösung für das Kontaktformular für Websites: Sie können ein Google-Formular auf einer Seite einbetten und alle Kommentare Ihrer Leser in einem Google-Blatt sammeln.

Die Einrichtung ist unkompliziert. Wenn Sie also ein verbessertes Kontaktformular für Ihre Website erstellen möchten, können Sie loslegen!

Erstellen Sie Ihr Kontaktformular in Google Forms

Google bietet tatsächlich eine vorgefertigte “Kontaktinformation” Formular in der Vorlagen-Galerie, wenn Sie sich zum ersten Mal bei Ihrem Google Forms-Konto anmelden.

Das Formular fordert Standardinformationen wie Name, Adresse, Telefonnummer, E-Mail-Adresse und ein Feld an, in das der Benutzer seine Kommentare eingeben kann.

Sie können dieses Formular anpassen, indem Sie die gewünschten Informationen ändern.

Sie können auch ändern, ob diese Informationen erforderlich sind oder nicht.

Wenn es nicht benötigt, dann kann der Benutzer das Feld leer lassen. Wenn es Wird benötigt, Der Benutzer kann das Formular erst dann senden, wenn er etwas in dieses Feld eingegeben hat.

Da Sie dieses Formular als Website-Kontaktformular verwenden, möchten Sie sicherstellen, dass der Benutzer tatsächlich etwas in das Kommentarfeld eingegeben hat. Stellen Sie also sicher, dass Sie das Element auf festgelegt haben Erforderlich.

Nachdem Sie den Inhalt der Kommentarformularvorlage von Google an Ihre Bedürfnisse angepasst haben, ist es an der Zeit, das Verhalten des Formulars anzupassen, wenn Ihre Nutzer es tatsächlich verwenden.

Einrichten des Kontaktformulars Ihrer Website

Wenn Sie auf klicken die Einstellungen Symbol in der Allgemeines Auf dieser Registerkarte können Sie steuern, wie sich dieses Formular verhält, wenn Benutzer es von Ihrer Website aus senden.

Zum Beispiel können Sie mit dem Formular eine Kopie der Antworten des Benutzers an die angegebene E-Mail-Adresse senden.

Sie können auch die Möglichkeit aktivieren oder deaktivieren, ihre Antworten nach dem Senden zu bearbeiten.

Unter dem Präsentation Auf dieser Registerkarte können Sie die Antwort anpassen, die Ihre Benutzer nach dem Senden des Formulars auf Ihrer Website erhalten.

Machen Sie das sinnvoll, da es jedem Besucher angezeigt wird, der dieses Formular einreicht.

Es ist zum Beispiel gut, sie ungefähr wissen zu lassen, wie lange sie auf eine Antwort warten müssen (Sie können hier sogar eine Telefonnummer angeben, wenn sie dringendere Antworten benötigen)..

Es hängt alles davon ab, wie Sie das Formular verwenden und welche Art von Kontakt Sie Ihren Besuchern bieten möchten.

Den Embed-Code finden

Nun, da Ihr Formular fertig ist, können Sie es in Ihre Website einbetten.

Der erste Schritt besteht darin, den Einbettungslink für Ihr Formular zu erhalten. Es ist nicht sehr einfach, da auf der Seite des Formular-Editors kein Symbol zum Einbetten angezeigt wird.

Um auf den Einbettungscode zuzugreifen, klicken Sie auf Senden Schaltfläche oben rechts im Formulareditor.

Auf dieser Seite wird der HTML-Einbettungscode angezeigt, den Sie zum Kopieren und Einfügen in Ihre Website benötigen. Es ist wichtig, hier die richtige Breite und Höhe einzustellen, damit das eingebettete Formular gut in die Zielseite passt.

Möglicherweise müssen Sie mit ein paar Größen herumspielen, aber machen Sie sich keine Sorgen. Sie können jederzeit hierher zurückkehren, die Größe ändern und dann den neuen Einbettungscode erneut kopieren und einfügen.

Einbetten des Kontaktformulars auf Ihrer Website

Wenn Sie über eine Website oder ein Blog verfügen, wird standardmäßig ein erstellt Kontakt Menüpunkt in Ihrer Kopfzeile. Dadurch ist es für Besucher so einfach wie möglich, Sie zu kontaktieren.

Einige Websites verwenden einen alternativen Ansatz, beispielsweise das Platzieren dieses Links in der Fußzeile oder sogar auf der Seite Über uns.

Auf meiner Site verschiebt der Menüpunkt Kontakt die Ansicht nach den Testimonials in einen Bereich nach unten. Hier möchte ich mein Kontaktformular einbetten.

Wenn Sie Ihre eigene Website von Grund auf neu geschrieben haben, möchten Sie den Einbettungscode direkt in den Bereich der Seite einfügen, in dem er angezeigt werden soll. Wenn Sie den manuellen Ansatz wählen, stellen Sie sicher, dass Sie häufige Fehler vermeiden, die Benutzer beim Erstellen einer Webseite begehen. 9 Fehler, die Sie beim Erstellen einer Webseite nicht machen sollten Page 9 Fehler, die Sie beim Erstellen einer Webseite nicht machen sollten Die folgenden HTML-Codierungsfehler sind einfach zu erstellen, aber wenn Sie sie früher oder später ablehnen, wird Ihre Seite besser aussehen, einfacher zu warten und funktioniert so, wie Sie es möchten. Weiterlesen .

Bei einer WordPress-Site hat das von Ihnen verwendete Design normalerweise einen Bereich mit einem Kontaktformular, das Sie anpassen können. Zum Beispiel gibt es beim Onetone-Theme eine “Abschnitt Inhalt” Feld auf der Hauptseite, das den vorhandenen Kontaktformularcode enthält.

Sie können diesen Code hervorheben und durch Ihr neues Google-Kontaktformular ersetzen.

Warum ist die Verwendung eines Google-Kontaktformulars besser?

Warum nicht einfach das vorhandene Kontaktformular verwenden, das mit einem Thema geliefert wird? Es gibt mehrere Gründe, warum Google Forms besser ist:

• PHP-Formulare verwenden normalerweise POST oder SMTP zum Senden von E-Mails. In beiden Fällen müssen Sie wissen, wie der E-Mail-Server konfiguriert wird, damit er funktioniert.
• Anstatt Kommentare an E-Mails zu senden, sammelt das Google-Kontaktformular alle Nachrichten in einem Google Sheet. Dies verhindert das Durcheinander des Posteingangs.
• Sie können das Formular jederzeit über die Google Form-GUI ändern, anstatt Code bearbeiten zu müssen.

Nach dem Einbetten in die Webseite sieht Ihr Kontaktformular in etwa wie folgt aus.

Wie Sie sehen, ist dieser erste Versuch nicht perfekt. Das aktuelle Farbschema für das Google-Formular passt nicht gut zum Webseitenthema.

Es ist an der Zeit, das Google Form-Design noch ein wenig zu optimieren.

Aktualisieren und Anpassen des Kontaktformulars

Das Schöne an diesem Ansatz ist, dass Sie das Formular nach dem Einbetten in Ihre Website nach Belieben neu gestalten können, ohne Ihre Webseite erneut berühren zu müssen.

Um beispielsweise das Farbschema des vorhandenen Formulars zu ändern, gehen Sie einfach in den Google Form Editor und klicken Sie auf Farbpalette-Symbol in der oberen rechten Ecke.

Da meine Site ein dunkleres Schwarz-basiertes Design hat, sollte ein graues Kontaktformular-Theme gut ineinander übergehen.

Sobald Sie das neue Google-Formular im Editor speichern, wird das Formular auf der Website aktualisiert, wie Sie hier sehen können.

Nachdem Design und Einbettung abgeschlossen sind, ist es Zeit zu testen, ob das Kontaktformular tatsächlich wie gewünscht funktioniert!

Testen Sie Ihr Google-Kontaktformular

Sie sollten immer einen Testlauf eines neuen Formulars durchführen, das Sie auf Ihrer Website platzieren.

In diesem Fall antwortet das Google-Kontaktformular mit dem benutzerdefinierten Antworttext, den Sie beim Erstellen des Formulars definiert haben.

Sie können auf alle Kommentare Ihrer Besucher auf derselben Seite zugreifen, auf der Sie das Formular erstellt haben.

Klicken Sie einfach auf Antworten Link oben im Designformular.

Hier können Sie einzelne Kommentare und Kontaktinformationen von Benutzern sehen. Sie haben auch die Möglichkeit, auf das Google Sheets-Symbol in der oberen rechten Ecke des Fensters zu klicken. Dadurch wird ein neues Google Sheet erstellt, in dem alle eingehenden Kommentare von Nutzern gespeichert werden.

Die Wahl, wie Sie eingehende Benutzerkommentare anzeigen, hängt wirklich davon ab, wie Sie sie verarbeiten möchten. Wenn Sie bei jeder neuen eingehenden E-Mail eine Automatisierung mit Google Script erstellen möchten, ist Google Sheets der richtige Weg. Wir haben viele Möglichkeiten beschrieben, wie Sie Google Script zur Automatisierung von Google Sheets verwenden können. 4 Google-Skripts, die Google Sheets viel leistungsfähiger machen 4 Google-Skripts, die Google Sheets viel leistungsfähiger machen Google Google Sheets ist großartig, aber es kann sogar noch mehr sein leistungsstark, wenn Sie Google Scripts verwenden, um seine Funktionen zu verbessern. Weiterlesen .

Wenn Sie jedoch vorhaben, manuell auf jeden neuen eingehenden Kommentar zu antworten, ist es wahrscheinlich gut, wenn Sie nur die Anzeige auf der Seite des Google Forms-Editors verwenden.

Wenn Sie Kommentare in einem Tabellenkalkulationsformat speichern möchten, stehen Ihnen mehrere Optionen zur Verfügung. Klicken Sie einfach oben rechts in der Antwortansicht auf das Symbol mit den drei Punkten, um sie anzuzeigen.

Sie können alle Antworten im CSV-Format herunterladen oder sogar auf Ihrem Drucker oder in einem PDF-Dokument ausgeben. Hier können Sie auch Benachrichtigungen konfigurieren, wenn auf Ihrer Website ein neuer Kommentar eingeht.

Bringen Sie Ihre Google-Formulare auf die nächste Stufe

Die Verwendung von Google Forms zur Verarbeitung von Kommentaren bietet Ihnen weitaus mehr Flexibilität und Funktionalität als ein Standard-Webformular.

Ohne Codierung von Ihrer Seite werden Kommentare in einem praktischen Blatt protokolliert. Sie können z. B. E-Mail-Benachrichtigungen aktivieren oder deaktivieren oder Kommentare nach der Übergabe bearbeiten.

Ein Nachteil bei diesem Ansatz besteht darin, dass beim Einbetten ein Iframe verwendet wird, der eine Bildlaufleiste in das Fenster einfügt.

Wenn Sie Ihrem Formular jedoch ein Design geben, das sich gut in Ihr Design einfügt, sieht die Bildlaufleiste nicht so schlecht aus. Es ist auch ein fairer Kompromiss angesichts der vielen Funktionen, die Sie als Gegenleistung erhalten.

Wenn Sie gerade erst mit Google Forms beginnen, sollten Sie unser umfangreiches Handbuch zu Google Forms lesen. Das beste Handbuch zu Google Forms, das Sie jemals finden werden Das beste Handbuch zu Google Forms, das Sie jemals finden Google Forms ist eines der besten kostenlosen Web-Tools zur Sammlung von Daten. In diesem Google Forms-Handbuch finden Sie alles, was Sie zum Erlernen der wichtigsten Fähigkeiten zum Formen von Formularen benötigen. Weiterlesen . Es gibt auch viele großartige Add-Ons für Google Forms. Google Forms kann mit diesen fantastischen Add-Ons alles tun, was Google Forms mit diesen fantastischen Add-Ons tun kann. Google Forms ist ein nicht ausreichend genutztes Werkzeug. Sparen Sie Zeit, reduzieren Sie Fehler und machen Sie Ihre Formulare dynamischer - mit diesen erstaunlichen Add-Ons für Google Forms. Lesen Sie mehr, damit Sie erweitern können, was Sie damit machen können. Sie können diese erweiterten Formulare sogar in Ihre Website einbetten!

Erfahren Sie mehr über: Google Forms, Google Sheets.