Möchten Sie ein ausziehbares Kontaktformular in WordPress hinzufügen? Wenn Ihr Unternehmen darauf angewiesen ist, neue Leads über das Kontaktformular Ihrer Website zu erhalten, besteht eine der besten Möglichkeiten zum Ausbau Ihrer Lead-Quelle darin, Ihr Kontaktformular auffälliger zu gestalten. In diesem Artikel zeigen wir Ihnen, wie Sie ein ausziehbares Kontaktformular in WordPress hinzufügen, ohne Ihre Benutzer zu stören.
Warum ein Slide-Out-Kontaktformular in WordPress hinzufügen?
Viele Kleinunternehmer starten ihre Website in der Hoffnung, dass sie ihnen helfen wird, ihr Geschäft auszubauen.
Aus diesem Grund fügen Sie eine Kontaktformularseite hinzu, damit Benutzer mit Ihnen Kontakt aufnehmen können.
Das Problem ist jedoch, dass die meisten Benutzer, die möglicherweise Fragen haben, Ihre Website verlassen, ohne Sie zu kontaktieren.
Aus diesem Grund stellen Sie möglicherweise fest, dass viele beliebte Websites Kontaktformular-Popups hinzufügen, Kontaktformulare einschieben oder Schaltflächen zum Aufrufen von Aktionen zum Öffnen von Kontaktformularen verwenden.
Diese animierten und interaktiven Optionen lenken die Aufmerksamkeit des Benutzers auf das Kontaktformular und ermöglichen es ihm, das Formular schnell auszufüllen, ohne eine andere Seite besuchen zu müssen. Diese Formulare steigern Ihre Conversions erheblich, weshalb Sie sie überall sehen.
Werfen wir einen Blick darauf, wie man ein Slide-Out-Kontaktformular in WordPress erstellt.
Hinzufügen eines Slide-Out-Kontaktformulars in WordPress
Für dieses Tutorial benötigen Sie WPForms. Es ist das beste WordPress-Kontaktformular-Plugin auf dem Markt.
Sie können die a kostenlose Version von WPForms Kontaktformular-Plugin, wenn Sie nicht alle Premium-Funktionen benötigen.
Du brauchst auch OptinMonster. Es ist die leistungsstärkste Software zur Conversion-Optimierung. Es hilft Ihnen, verlassene Website-Besucher in Kunden umzuwandeln. Sie benötigen ihren Pro-Plan, mit dem Sie auf die Canvas-Funktion zugreifen können, die wir in diesem Tutorial verwenden werden.
Schritt 1. Erstellen eines Kontaktformulars in WordPress
Zuerst müssen Sie das installieren und aktivieren WPForms Plugin. Weitere Informationen finden Sie in unserer Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins.
Nach der Aktivierung müssen Sie besuchen WPForms » Neu hinzufügen Seite, um Ihr Kontaktformular zu erstellen. Dadurch wird die WPForms-Builder-Schnittstelle gestartet.
Geben Sie einen Namen für Ihr Kontaktformular ein und wählen Sie dann die Vorlage „Kontaktformular auswählen“.
WPForms lädt ein einfaches Kontaktformular. Sie sehen die Formularvorschau im rechten Bereich. Sie können auf ein beliebiges Feld klicken, um es zu bearbeiten oder neue Felder aus der linken Spalte hinzuzufügen.
Wenn Sie mit der Bearbeitung des Formulars fertig sind, klicken Sie auf die Schaltfläche Speichern, um Ihre Änderungen zu speichern.
Als nächstes müssen Sie oben auf die Schaltfläche zum Einbetten klicken, um den Einbettungscode Ihres Formulars zu erhalten.
Dadurch wird ein Popup mit dem Shortcode Ihres Formulars angezeigt. Fahren Sie fort und kopieren Sie diesen Shortcode, da Sie ihn im nächsten Schritt benötigen.
Schritt 2. Erstellen eines Slide-Out-Optins in OptinMonster
Jetzt erstellen wir eine Slide-Out-Kampagne, die das von Ihnen im ersten Schritt erstellte Kontaktformular anzeigt.
Zuerst müssen Sie die installieren und aktivieren OptinMonster Plugin. Weitere Informationen finden Sie in unserer Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins.
Dieses Plugin fungiert als Bindeglied zwischen Ihrer Website und Ihrem OptinMonster-Konto.
Klicken Sie nach der Aktivierung auf das OptinMonster-Menü in Ihrer WordPress-Administrationsleiste und geben Sie Ihren API-Schlüssel ein. Sie können diese Informationen von Ihrem Konto auf der OptinMonster-Website abrufen.
Klicken Sie nach Eingabe Ihres Lizenzschlüssels auf die Schaltfläche „Neue Option erstellen“ in der oberen rechten Ecke Ihres Bildschirms.
Dadurch gelangen Sie zur OptinMonster-Website.
OptinMonster bietet verschiedene Arten von dynamischen Kampagnen. Für dieses Tutorial verwenden wir die Kampagne „Slide in“. Fahren Sie fort und klicken Sie auf „Einschieben“ als Kampagnentyp.
Als nächstes müssen Sie die Vorlage auswählen. OptinMonster bietet mehrere vorgefertigte Vorlagen, aber wir müssen für dieses Tutorial „Leinwand“ auswählen.
Sobald Sie eine Vorlage auswählen, werden Sie aufgefordert, einen Namen für Ihre Kampagne anzugeben. Dies wird Ihnen helfen, die Kampagne in Ihrem OptinMonster-Dashboard leicht zu finden.
Jetzt lädt OptinMonster seine Kampagnenerstellungsoberfläche.
Rechts sehen Sie eine Live-Vorschau Ihrer Kampagne. Da wir die Canvas-Vorlage verwenden, ist sie im Moment völlig leer.
Auf der linken Seite sehen Sie verschiedene Registerkarten. Im Abschnitt „Allgemeine Optin-Einstellungen“ müssen Sie die URL Ihrer Website unter der Option „Website der Optin-Kampagne“ eingeben.
Als nächstes müssen Sie auf die Registerkarte ‚Optin‘ wechseln. Hier können Sie Farben, Höhe und Breite für Ihr Optin auswählen.
Wählen Sie die gewünschten Farben aus und passen Sie die Breite und Höhe an, damit Ihr gesamtes Formular schön angezeigt werden kann.
Danach müssen Sie zum Abschnitt „Canvas Custom HTML“ scrollen und den zuvor kopierten WPForms-Shortcode eingeben.
Wenn Sie den Shortcode eingeben, wird Ihr Formular nicht sofort in der Slide-In-Kampagne angezeigt. Das liegt daran, dass der Shortcode nur auf Ihrer eigenen WordPress-Site funktioniert.
Sie können nun oben auf die Schaltfläche „Speichern“ klicken, um Ihre Einstellungen zu speichern und anschließend auf die Schaltfläche „Veröffentlichen“ klicken.
Auf dem nächsten Bildschirm müssen Sie den Opt-in-Status auf veröffentlicht ändern. Dadurch wird das Opt-in für Ihre WordPress-Site verfügbar.
Schritt 3. Anzeigen des Slide-Out-Kontaktformulars in WordPress
Nachdem Sie nun sowohl das Kontaktformular als auch die Slideout-Kampagne erstellt haben, können Sie es auf Ihrer Website anzeigen.
Gehen Sie weiter und besuchen Sie OptinMonster Seite in Ihrem WordPress-Admin-Bereich. Dort wird Ihre kürzlich erstellte Slideout-Kampagne aufgelistet.
Sie müssen auf den Link „Ausgabeeinstellungen bearbeiten“ klicken, um zu entscheiden, wie Sie auf Ihrer Website angezeigt werden möchten.
Achten Sie auf dem nächsten Bildschirm darauf, dass Sie das Kontrollkästchen neben „Opt-in auf Site aktivieren?“ aktivieren. Möglichkeit. Mit OptinMonster können Sie auswählen, wer das Optin sehen kann. Sie können auch einen bestimmten Bereich Ihrer Website auswählen, um das Opt-In anzuzeigen.
Vergessen Sie nicht, auf die Schaltfläche Einstellungen speichern zu klicken, um Ihre Änderungen zu speichern.
Sie können jetzt Ihre Website besuchen, um das ausziehbare Kontaktformular in Aktion zu sehen. Stellen Sie sicher, dass Sie den Icognito-Modus in Ihrem Browser verwenden oder sich von WordPress abmelden, damit Sie genau sehen können, was Ihre Benutzer sehen.
Standardmäßig wird die Slideout-Kampagne 5 Sekunden nach dem vollständigen Laden der Seite angezeigt. Mit OptinMonster können Sie dies jedoch auch ändern.
Sie können unzählige Regeln erstellen, um die Kampagne anzuzeigen, wenn bestimmte Bedingungen erfüllt sind.
Sie können beispielsweise das Slide-Out-Formular anzeigen, wenn ein Benutzer 50 % der Seite gescrollt hat, wenn ein Benutzer eine Seite verlassen möchte, und vieles mehr.
Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie ein Slide-Out-Kontaktformular in WordPress hinzufügen. Vielleicht möchten Sie auch unsere Liste mit umsetzbaren Tipps sehen, um den Verkehr auf Ihre WordPress-Site zu lenken.