Möchten Sie Ihr Formular in einer einzigen Zeile anzeigen?
Einzeilige Formulare geben Ihnen mehr Flexibilität bei der Formularplatzierung. Das bedeutet, dass Sie einfach Formulare zu stark frequentierten Bereichen Ihrer Website hinzufügen und Ihre Conversions verbessern können.
In diesem Artikel zeigen wir Ihnen, wie Sie Ihr Formular in WordPress ganz einfach in einer einzigen Zeile anzeigen können.
Warum ein einzeiliges Formular in WordPress anzeigen?
Einzeilige Formulare geben Ihnen mehr Flexibilität bei der Auswahl, wo Sie Ihre Formulare platzieren möchten. Da dieser Formularstil nur aus einer einzigen Zeile besteht, nehmen sie nicht viel Platz ein und können problemlos in Ihre bestehenden Inhalte integriert werden.
Anmeldeformulare für E-Mail-Newsletter werden oft in einer einzelnen Zeile über oder unter dem Inhalt von Blog-Posts angezeigt. Einzeilige Formulare funktionieren auch gut auf Zielseiten, Kontaktseiten und anderen wichtigen Seiten Ihrer Website.
Neben der Generierung von mehr Abonnenten und Leads können Sie jede Art von Formular in ein einzeiliges Formular umwandeln. So kann es beispielsweise sinnvoll sein, Ihr Kontaktformular einzeilig darzustellen, um Platz auf der Seite zu sparen.
Lassen Sie uns Ihnen zeigen, wie Sie ein einzeiliges Formular auf Ihrer WordPress-Website anzeigen.
Erstellen Sie Ihr einzeiliges Formular in WordPress
Für dieses Tutorial verwenden wir die WPForms Plugin zum Erstellen eines einzeiligen Formulars. Es ist das beste Plugin zur Lead-Generierung für WordPress, das von über 5 Millionen Websites verwendet wird.
Sie können den Drag-and-Drop-Builder verwenden, um schnell jedes Formular für Ihre Website zu erstellen. Außerdem lässt es sich in beliebte E-Mail-Marketing-Tools integrieren, sodass Sie Ihre E-Mail-Liste ganz einfach erweitern können.
Da ist ein Premium-Version des Plugins mit vielen weiteren Funktionen, aber wir werden die verwenden Lite-Version für dieses Tutorial, da Sie damit ein einfaches Formular erstellen und es zur Lead-Generierung mit Constant Contact verbinden können.
Als erstes müssen Sie das Plugin installieren und aktivieren. Weitere Einzelheiten finden Sie in unserem Anfängerleitfaden zur Installation eines WordPress-Plugins.
Gehen Sie danach zu WPForms » Neu hinzufügen in Ihrem WordPress-Adminbereich und geben Sie Ihrem Formular einen Namen. Dann müssen Sie Ihre Formularvorlage auswählen.
Wir wählen die Vorlage „Anmeldeformular“ aus. Bewegen Sie einfach den Mauszeiger über die Vorlage und klicken Sie auf die Schaltfläche „Vorlage verwenden“.
Dadurch wird der Drag-and-Drop-Formular-Builder aufgerufen.
Sie werden sehen, dass die von uns gewählte Vorlage automatisch die Felder für Name und E-Mail sowie eine Schaltfläche zum Senden enthält.
Jedes Feld kann bearbeitet werden, indem Sie darauf klicken und in der linken Spalte Änderungen vornehmen.
Sie können die Felder auch ziehen und ablegen, um ihre Reihenfolge zu ändern.
Nachdem Sie die Felder angepasst haben, können Sie Ihr Formular in einer einzelnen Zeile anzeigen.
Gehen Sie dazu zu Einstellungen » Allgemein und klicken Sie dann auf die Dropdown-Registerkarte „Erweitert“.
Geben Sie als Nächstes „inline-fields“ in das Feld „Form CSS Class“ (ohne Anführungszeichen) ein.
Dadurch wird diese CSS-Klasse auf das Formular angewendet. Da WPForms ein Styling für die Klasse „inline-fields“ enthält, wird Ihr gesamtes Formular automatisch in einer einzigen Zeile angezeigt.
Danach können Sie Ihr Formular noch kleiner machen, indem Sie die Feldbeschriftungen ausblenden.
Klicken Sie einfach auf die Navigationsoption „Felder“, wählen Sie dann die Menüoption „Erweitert“ und klicken Sie auf den Schalter „Beschriftung ausblenden“, um sie zu aktivieren.
Dann müssen Sie dasselbe für alle Formularfeldbeschriftungen tun.
Danach können Sie im selben Abschnitt „Erweitert“ Text in das Feld „Platzhalter“ eingeben.
Dies teilt Ihren Benutzern mit, wofür jedes Formularfeld dient.
Wenn Sie mit der Anpassung Ihres Formulars fertig sind, stellen Sie sicher, dass Sie auf die Schaltfläche „Speichern“ klicken, um Ihre Änderungen zu speichern.
Wenn Sie Ihr Formular zum Generieren von Leads verwenden, können Sie Ihr Formular mit Ihrem E-Mail-Marketing-Anbieter verbinden. Weitere Informationen finden Sie in unserem Leitfaden zur richtigen Erstellung eines E-Mail-Newsletters.
Hinzufügen Ihres einzeiligen Formulars zu Ihrer WordPress-Website
Jetzt ist es an der Zeit, Ihr einzeiliges Formular zu Ihrer Website hinzuzufügen. Sie können es zu jeder Seite, jedem Beitrag oder Widget-Bereich hinzufügen.
Wir werden es zu einer bestehenden Seite hinzufügen, aber der Vorgang ist ähnlich, wenn Sie es zu einem anderen Bereich Ihres WordPress-Blogs hinzufügen.
Öffnen Sie einfach die Seite, auf der das einzeilige Formular angezeigt werden soll, klicken Sie auf das „Plus“-Symbol zum Hinzufügen von Blöcken und suchen Sie nach „WPForms“.
Klicken Sie dann auf den Block „WPForms“, um ihn zu Ihrer Website hinzuzufügen.
Dadurch wird ein Dropdown-Feld angezeigt, in dem Sie das zuvor erstellte einzeilige Formular auswählen können.
Sobald Sie Ihr Formular ausgewählt haben, lädt das Plugin eine Vorschau Ihres Formulars in den Inhaltseditor. Klicken Sie dann auf die Schaltfläche „Aktualisieren“ oder „Veröffentlichen“, um Ihr neues Formular live zu schalten.
Jetzt können Sie Ihre Website besuchen, um Ihr neues Formular in Aktion zu sehen.
Wir hoffen, dass dieser Artikel Ihnen geholfen hat, zu lernen, wie Sie Ihr Formular in WordPress in einer einzigen Zeile anzeigen können. Vielleicht möchten Sie auch unseren Leitfaden zum Erhalt einer kostenlosen E-Mail-Domain und unsere Expertenauswahl der besten Apps für virtuelle Geschäftstelefonnummern mit kostenlosen Optionen lesen.