So fügen Sie Ihren WordPress-Formularen eine Option zum Hinzufügen zum Kalender hinzu

Möchten Sie eine Option zum Kalender hinzufügen in Ihre WordPress-Formulare aufnehmen?

Site-Besuchern eine einfache Möglichkeit zu geben, ihrem Kalender nach der Registrierung auf Ihrer Site Veranstaltungsdaten hinzuzufügen, ist eine zusätzliche persönliche Note, die die Leute zu schätzen wissen. Wenn Sie möchten, können Sie diese Option auch jederzeit zu den Bestätigungen oder E-Mail-Benachrichtigungen Ihres Formulars hinzufügen.

In diesem Artikel zeigen wir Ihnen, wie Sie Ihren WordPress-Formularen die Option Zum Kalender hinzufügen hinzufügen, damit Website-Besucher mit der Planung Ihrer bevorstehenden Veranstaltungen beginnen können, sobald sie ein Formular auf Ihrer Website einreichen.

Schritt 1: Erstellen Sie ein WordPress-Formular

Als erstes müssen Sie das WPForms-Plugin installieren und aktivieren. Weitere Informationen finden Sie in dieser Schritt-für-Schritt-Anleitung zur Installation eines Plugins in WordPress.

In unserem Beispiel erstellen wir ein einfaches RSVP-Formular für eine Geburtstagsfeier, das die Leute ausfüllen und senden können. Wenn Sie Hilfe bei diesem Schritt benötigen, lesen Sie dieses Tutorial zum Erstellen eines RSVP-Formulars in WordPress mit dem Form Templates Pack Addon.

So sieht unser RSVP-Formular im Formulareditor aus:

Um Ihrem Formular eine kleine Nachricht hinzuzufügen, die die Leute informiert, wenn die Party stattfindet, ziehen Sie einfach das HTML- Formularfeld von der linken Seite auf die rechte Seite. Klicken Sie dann auf das Feld, um Änderungen vorzunehmen.

Folgendes haben wir unserem Formular hinzugefügt:

Im Frontend unserer Website sieht das RSVP-Formular so aus:

Jetzt ist es an der Zeit, die Option Zum Kalender hinzufügen in Ihr Formular aufzunehmen.

Schritt 2: Erstellen Sie ein Ereignis in Google Kalender

Bevor wir die Kalenderoption in unser Formular aufnehmen, erstellen wir zunächst einen Termin in Google Kalender.

Loggen Sie sich dazu in Ihr Google-Konto ein und rufen Sie Ihren Google-Kalender auf. Füllen Sie dann die Veranstaltungsdetails aus.

Klicken Sie auf Speichern, damit Ihr Ereignis in Ihrem Kalender gespeichert wird.

Wählen Sie dann im Dropdown-Menü Weitere Aktionen die Option Ereignis veröffentlichen aus .

Wenn Sie dies tun, wird ein Popup-Modal mit Links zu Ihrer Veranstaltung angezeigt. Du solltest den HTML-Code kopieren, um ihn in deinem WordPress-Formular zu verwenden.

Damit Ihre Website-Besucher Ihren veröffentlichten Termin sehen können, müssen Sie sicherstellen, dass Ihr Google-Kalender auf "Öffentlich" eingestellt ist.

Um Ihren Google-Kalender auf "Öffentlich" für alle zu ändern, wählen Sie zuerst Einstellungen aus der Dropdown-Liste in Ihrem Kalender.

Klicken Sie dann auf den Kalender, den Sie veröffentlichen möchten, scrollen Sie nach unten zu Zugriffsberechtigungen und klicken Sie auf das Kontrollkästchen Für die Öffentlichkeit verfügbar machen .

Wenn Sie Ihren Google Kalender öffentlich machen, werden alle Ihre Kalenderereignisse weltweit sichtbar, sogar über die Google-Suche. Wenn Sie private Angelegenheiten in Ihrem Kalender haben, wird empfohlen, einen separaten Google-Kalender für Ereignisse zu erstellen, die Website-Besucher zu ihren eigenen Kalendern hinzufügen sollen.

Jetzt kann Ihr Event zu Ihrem WordPress-Formular hinzugefügt werden.

Schritt 3: Fügen Sie Ihrem WordPress-Formular eine Option zum Hinzufügen zum Kalender hinzu

Es gibt mehrere Orte, an denen Sie die Option Zum Kalender hinzufügen in Ihre Formulare einfügen können:

1. Auf dem Formular selbst
2. In Formularbestätigungen
3. In E-Mail-Benachrichtigungen

Sehen wir uns zunächst an, wie Sie die Option Zum Kalender hinzufügen zuerst in Ihr eigentliches Formular aufnehmen.

Falls noch nicht geschehen, fügen Sie Ihrem Veranstaltungsformular ein HTML- Formularfeld hinzu, indem Sie es von der linken Seite in den rechten Seitenbereich ziehen.

Wir haben dieses Formularfeld von Anfang an hinzugefügt, weil wir sicherstellen wollten, dass die Leute ein wenig über unsere Veranstaltung Bescheid wussten.

Sobald das HTML- Formularfeld hinzugefügt wurde, klicken Sie darauf, um Änderungen vorzunehmen. Fügen Sie den Code aus Ihrem Google Kalender in den Abschnitt Code ein:

Klicken Sie auf Speichern . So sieht die Option Zum Kalender hinzufügen in unserem Formular im Frontend aus:

Wenn ein Websitebesucher auf die CTA-Schaltfläche mit der Bezeichnung Google Kalender klickt, öffnet sich Google und fordert ihn auf, sich bei seinem Konto anzumelden. Dann wird die Veranstaltung mit allen von Ihnen hinzugefügten Details angezeigt, damit sie sie bei Bedarf in ihrem eigenen Kalender speichern können.

Wenn Sie in Ihrem aktuellen WordPress-Formular keine Option zum Kalender hinzufügen möchten, können Sie den Link zu Ihrem Ereignis jederzeit in den Bestätigungen oder Benachrichtigungen Ihres Formulars hinzufügen.

Schritt 4: Fügen Sie der Bestätigungsnachricht Ihres Formulars eine Option zum Hinzufügen zum Kalender hinzu

Formularbestätigungen sind Nachrichten, die Site-Besuchern angezeigt werden, sobald sie ein Formular auf Ihrer Website absenden. Sie lassen die Leute wissen, dass ihr Formular durchgelaufen ist, und bieten Ihnen die Möglichkeit, sie über die nächsten Schritte zu informieren.

WPForms hat drei Bestätigungstypen zur Auswahl:

1. Nachricht. Dies ist der Standardbestätigungstyp in WPForms. Wenn ein Site-Besucher Ihr RSVP-Formular abschickt, wird eine einfache Bestätigungsnachricht angezeigt, die ihn darüber informiert, dass sein Formular durchlaufen wurde.
2. Seite anzeigen. Dieser Bestätigungstyp führt Website-Besucher zu einer bestimmten Webseite auf Ihrer Website und dankt ihnen für ihre Antwort. Hilfe dazu finden Sie in unserem Tutorial zum Weiterleiten von Kunden auf eine Dankesseite.
3. Gehen Sie zu URL (Weiterleitung). Diese Option wird verwendet, wenn Sie Website-Besucher auf eine andere Website weiterleiten möchten.

Für unser Veranstaltungsformular erstellen wir eine Bestätigungsnachricht mit der Option Zum Kalender hinzufügen, damit Website-Besucher unsere bevorstehende Veranstaltung sofort zu ihrem Google-Kalender hinzufügen können.

Klicken Sie zunächst im Formulareditor unter Einstellungen auf den Reiter Bestätigung .

Wählen Sie als Nächstes den Bestätigungstyp aus, den Sie erstellen möchten. In diesem Beispiel wählen wir Nachricht aus .

Da wir in der Formularbestätigung die Option zum Hinzufügen Ihres Termins zu einem Kalender hinzufügen, haben wir zwei Möglichkeiten:

1. Erstellen Sie eine einfache Nachricht und fügen Sie der Nachricht die Option Zum Kalender hinzufügen hinzu, unabhängig davon, ob Personen teilnehmen oder nicht
2. Erstellen Sie mehrere Formularbestätigungen und aktivieren Sie die intelligente Bedingungslogik, damit nur diejenigen, die teilnehmen oder teilnehmen könnten, die Bestätigungsnachricht mit der Option Zum Kalender hinzufügen sehen

Der Einfachheit halber erstellen wir eine Bestätigungsnachricht, die allen Site-Besuchern angezeigt wird, ob sie an der Veranstaltung teilnehmen möchten oder nicht. Achten Sie nur darauf, auf die Registerkarte Text zu klicken, wenn Sie den HTML-Code aus Ihrem Google Kalender zu Ihrer Bestätigungsnachricht hinzufügen.

So sieht die Formularbestätigung aus, wenn jemand ein RSVP-Formular abschickt:

Auch hier muss Ihr Website-Besucher nur auf die Schaltfläche Google Kalender klicken und Ihr Ereignis zu seinem eigenen Kalender hinzufügen.

Wenn Sie mehrere Formularbestätigungen erstellen und bedingte Logik verwenden möchten, um Personen abhängig von ihren RSVP-Antworten unterschiedliche Nachrichten anzuzeigen, lesen Sie dieses Tutorial zum Erstellen bedingter Formularbestätigungen.

Schritt 5: Fügen Sie den E-Mail-Benachrichtigungen Ihres Formulars eine Option zum Hinzufügen zum Kalender hinzu

Der letzte Ort, an dem Sie eine Option zum Kalender hinzufügen in Ihre WordPress-Formulare einfügen können, ist in der E-Mail-Benachrichtigung, die die Leute erhalten, wenn sie ein Formular auf Ihrer Website senden.

Aber bevor wir uns damit befassen, müssen Sie sicherstellen, dass Ihr RSVP-Formular über ein E-Mail- Formularfeld verfügt, was in unserem Beispiel nicht der Fall war. Nur so kann WPForms eine Benachrichtigung per E-Mail an Ihre Website-Besucher senden.

Nachdem Sie Ihrem Veranstaltungsformular ein E-Mail-Formularfeld hinzugefügt haben, gehen Sie im Formulareditor zu Einstellungen » Benachrichtigungen .

Standardmäßig erhalten Sie immer eine E-Mail-Benachrichtigung, wenn jemand ein Formular auf Ihrer Website abschickt.

Um sicherzustellen, dass auch Site-Besucher eine Benachrichtigung erhalten, müssen Sie jedoch Smart-Tags verwenden, um die E-Mail-Adresse Ihres Site-Besuchers der E-Mail-Benachrichtigung hinzuzufügen.

Klicken Sie dazu auf Smarttags anzeigen .

Wählen Sie als Nächstes die Option E-Mail aus dem Dropdown-Menü aus, damit WPForms eine E-Mail-Benachrichtigung an die E-Mail-Adresse senden kann, die Ihr Website-Besucher in Ihr RSVP-Formular eingegeben hat.

Jetzt ist es an der Zeit, die Nachricht mit der Option Zum Kalender hinzufügen anzupassen.

Scrollen Sie nach unten zu Nachricht und fügen Sie die Nachricht hinzu, die die Leute in ihrer E-Mail sehen sollen. Hier können Sie den HTML-Code aus Ihrem Google-Kalender für die Option Zum Kalender hinzufügen einfügen.

Wenn jetzt jemand Ihr Veranstaltungsformular ausfüllt, erhält er eine Benachrichtigung mit derselben Google Kalender- Schaltfläche, die wir in allen anderen Schritten gesehen haben.

Abschließende Gedanken

Und da hast du es! Sie wissen jetzt, wie Sie Ihren WordPress-Formularen die Option Zum Kalender hinzufügen hinzufügen, damit Website-Besucher Ihr bevorstehendes Ereignis einfach zu ihrem eigenen Google-Kalender hinzufügen können.

Wenn Sie Formulare für Veranstaltungen oder Buchungen erstellen, wird Ihnen auch diese Anleitung zum Erstellen eines WordPress-Formulars mit einer Datumsauswahl gefallen.

Wussten Sie, dass Sie Ihren Besuchern erlauben können, Kalenderereignisse zu einem freigegebenen WordPress-Kalender hinzuzufügen? Hier ist unsere einfache Anleitung zum Hinzufügen eines Formulars für von Benutzern eingereichte Ereignisse.

Wenn Sie befürchten, dass alle Website-Besucher Ihr Veranstaltungsformular sehen und ausfüllen, wissen Sie, dass Sie mit WPForms bestimmte Formularberechtigungen aktivieren können, sodass nur diejenigen mit einem Passwort Ihr Veranstaltungsformular ausfüllen und senden können. Um Hilfe bei diesem Schritt zu erhalten, lesen Sie dieses einfach zu befolgende Tutorial zum Passwortschutz Ihrer WordPress-Formulare.

Also, worauf wartest Du? Beginnen Sie noch heute mit dem leistungsstärksten WordPress-Formular-Plugin.

Und nicht vergessen, wenn Ihnen dieser Artikel gefällt, dann folgen Sie uns bitte auf Facebook und Twitter.