Die meisten Websites benötigen eine Möglichkeit, mit Kunden, potenziellen Kunden oder regelmäßigen Lesern in Kontakt zu treten. Sie können ein Plan kaufen, in dies eine benutzerdefinierte Kontaktseite integriert ist, oder versuchen, eine Kontaktseite selbst zu implementieren, wohl jene Optionen sind normalerweise entweder kostspielig oder kompliziert. Dazu nach sich ziehen Sie keine Zeit – womit wir beim Kontaktformular 7 wären.
Welches ist Kontaktformular 7?
Contact Form 7 ist ein kostenloses WordPress-Plugin, mit dem Sie eine Vielzahl von Kontaktformularen für jedes Ihre Website erstellen können. Dieses Plugin ist nicht nur kostenlos, sondern dieser benutzerdefinierte Shortcode für jedes jedes von Ihnen erstellte Kontaktformular macht es wie geschmiert, Ihre Kontaktformulare zu jedem Gebühr, jeder Seite oder jedem Widget-Sektor hinzuzufügen.
Wir lieben dieses Plugin so sehr, dass es praktisch von jedem Themelocal-Theme unterstützt wird, sogar von unserem meistverkauften Premium-WordPress-Theme Gesamt. Und andere Entwickler stimmen zu, da es Ihnen schwergewichtig purzeln wird, ein Themenkreis zu finden, mit dem es nicht kompatibel ist.
Warum dies Kontaktformular 7 wählen?
Jetzt, da Sie wissen, welches Contact Form 7 ist, könnte Ihre nächste Frage lauten, warum dieses Plugin? Es gibt unzählige tolle Kontaktformular-Plugins zur Bestand, daher welches macht Contact Form 7 zur richtigen Wahl?
Nun, zuerst ist es leer stehend – da es keine Premium-Version gibt. Im Vergleich zu anderen „freien“ Plugins werden Sie daher nicht viele Up-Sells sehen, die in dies Haupt-Dashboard integriert sind, welches wirklich nett ist. Es ist wenn schon anpassbar. Es gibt wenn schon einfache Möglichkeiten, Ihre Formulare mit verfügbaren Parametern oder mit kleine Menge CSS zu optimieren. Und wie wir schon erwähnt nach sich ziehen, ist es kompatibel mit einer sehr großen Bestand an kostenlosen und Premium-Designs, sollten Sie sich daher entscheiden, Ihr Plan später zu ändern, sollten Ihre Kontaktformulare intakt bleiben.
Nachdem dies geklärt ist, werfen wir verdongeln Blick darauf, wie Sie Contact Form 7 hinauf Ihrer WordPress-Site verwenden können.
Erste Schritte mit dem Kontaktformular 7
Die Installation ist wie geschmiert. Steuern Sie wie geschmiert zu Plugins > Neu hinzufügen und verwenden Sie die Suchoption, um dies Contact Form 7-Plugin zu finden. Installieren und anschalten Sie dies Plugin.
Sowie Sie in Betrieb sind, sollten Sie in Ihrem WordPress-Dashboard verdongeln praktischen Dandy-Menüpunkt „Kontakt“ sehen. Klicken Sie darauf, um zu Ihrer Titelseite zur Verwaltung des Kontaktformulars zu gelangen.
Die Plugin-Autoren waren so nett, wenige hilfreiche Informationen in dies Dashboard aufzunehmen – Sie können diesen Rauchzeichen jederzeit schließen. Standardmäßig wartet wenn schon schon ein Paradigma „Kontaktformular 1“ hinauf Sie. Wir empfehlen, dieses Formular zu löschen, damit Sie von vorne beginnen können.
Neu hinzufügen, um Ihr erstes Kontaktformular zu erstellen. Wenn sich Ihr Kontaktformular öffnet, sehen Sie viele Optionen. Keine Bedrohungsgefühl – ich verspreche, es ist wie geschmiert.
Zuerst werden Sie oben hinauf dieser Seite ein Kästchen erfassen. Hier können Sie den Namen Ihres Formulars ändern. Wir empfehlen, dies Formular so zu benennen, dass es für jedes seinen Zweck sinnvoll ist – z. B. wo oder wie Sie es verwenden werden.
Pendeln Sie nun mit den verfügbaren Einstellungen fort. Wir möglich sein jene Tab für jedes Tab durch.
Formulareinstellungen
Hinaus dieser Registerkarte „Formular“ erstellen Sie Ihr Kontaktformular. Contact Form 7 verwendet verschiedene Tags, um verschiedene Formularabschnitte hinzuzufügen. Dasjenige Standard-Kontaktformular enthält Felder für jedes Name, Mail, Betreff, Nachricht und Schaltfläche „Senden“.
Zu löschen ein Feld wie geschmiert seinen Geheimzeichen aus dem Formular löschen.
Zu hinzufügen Klicken Sie wie geschmiert hinauf eines dieser verfügbaren Tags, um den Geheimzeichen in Ihren Formularabschnitt einzufügen. Es öffnet sich ein Popup, in dem Sie relevante Informationen vor dem Einfügen gegenzeichnen können.
Sie können Tags für jedes Text, Mail, URL, Telefon, Nummer, Zeitpunkt, Textbereich, Dropdown-Speisefolge, Kontrollkästchen, Optionsfelder, Mutmaßung (z. B. Bedingungen), Quiz, File-Upload und Senden-Schaltfläche generieren.
Mail-Einstellungen
Hier können Sie Änderungen an dieser Mail vornehmen, die Sie erhalten, wenn Benutzer Kontaktformulare senden. Standardmäßig verwendet dies Plugin die Mail-Anschrift Ihres Site-Administrators, wohl Sie können jene wie geschmiert in eine Support-Mail oder mehrere Mail-Adressen ändern.
Wenn Sie benutzerdefinierte Tags zu Ihrem Formular hinzufügen möchten, stellen Sie außerdem sicher, dass Sie den generierten Shortcode-Schreibblock in den Nachrichtentext einfügen. Wenn Sie diesen Geheimzeichen nicht einfügen, erhalten Sie die Position beziehen, die Benutzer für jedes dieses Feld senden, nicht.
Mit dieser Vorkaufsrecht Mail 2 können Sie verdongeln Autoresponder erstellen, dieser verdongeln Benutzer darüber informiert, dass seine Nachricht komprimiert ist. Oder es kann verwendet werden, wenn Sie eine andere Mail an verschiedene Empfänger senden möchten. Vielleicht möchten Sie E-Mails mit den vollständigen Kontaktformularinformationen erhalten, wohl Sie möchten, dass Ihre Supportmitarbeiter nur E-Mails mit einem oder zwei Feldern erhalten. Es gibt mehrere Möglichkeiten, wie Sie jene Routine nutzen können.
Nachrichteneinstellungen
Behauen Sie die News, die Benutzern für jedes eine Vielzahl abgeschlossener (oder unvollständiger) Aufgaben angezeigt werden. Sie können benutzerdefinierte News für jedes Ereignisse wie eine erfolgreiche Kontaktübermittlung, Validierungsfehler, falsche Formatierung und mehr erstellen.
Zusätzliche Einstellungen
Hinaus dieser letzten Registerkarte für jedes zusätzliche Einstellungen können Sie verschiedene integrierte Optionen nur für jedes Abonnenten, den Demomodus (damit tatsächlich keine E-Mails gesendet werden), die Annahmevalidierung, Optionen zum Speichern von News und mehr anschalten. Sie können mehr darstellen Kontaktformular 7 zusätzliche Einstellungen in ihrer Dokumentation.
Wenn Sie mit dieser Erledigung fertig sind, stellen Sie sicher, dass Sie Ihre Änderungen speichern.
Verwendung Ihres Formulars
Wenn Ihr Kontaktformular fertig und Gewehr bei Fuß ist, können Sie den Formular-Shortcode kopieren, um ihn in eine Seite, verdongeln Gebühr, verdongeln Widget-Sektor usw. einzufügen. Welcher Shortcode befindet sich oben hinauf dieser Seite zur Erstellung des Kontaktformulars schlechtweg unter dem Titel des Formulars, nachdem Sie es gespeichert nach sich ziehen ( es ist hervorgehoben). Es sollte etwa so aussehen:
[contact-form-7 id="330" title="Contact Page"]
Oder wenn Sie verdongeln Seitenersteller wie WPBakery oder Elementor verwenden, können Sie wie geschmiert dies zugehörige Contact Form 7 Builder-Modul verwenden, um Ihr Formular auszuwählen und hinauf einer Seite einzufügen.
Kontaktformular 7 Tipps für jedes Fortgeschrittene
Wenn Sie möchten, können Sie jetzt mit Contact Form 7 mit nur einem winzigen kleinster Teil benutzerdefiniertem Geheimzeichen wirklich besonders sein. Hier sind wenige meiner Lieblingstricks, mit denen Sie ein beeindruckendes Kontaktformular für jedes Ihre Website erstellen können.
Platzhaltertext
Vielleicht möchten Sie keine Überschriften in Ihren Formularfeldern oder vielleicht möchten Sie Text hinzufügen, um den Benutzern zu zeigen, welches sie in ein bestimmtes Feld tippen sollten. Dasjenige Hinzufügen eines Platzhalters ist wie geschmiert, explantieren Sie wie geschmiert die Beschriftungen aus Ihren Feldern und fügen Sie dann Ihren bevorzugten Text mit Anführungszeichen am Finale Ihres Codes intrinsisch dieser eckigen Klammern wie folgt hinzu:
[text* your-name "Your Name"]
Eingabefelder in voller Weite
Mir privat gefällt es nicht, dass die Standardtextfelder so von kurzer Dauer sind. Es gibt zwei Möglichkeiten, die Weite eines Textfelds zu ändern. Welcher Betrügerweg besteht darin, wie geschmiert die gewünschte Zeichenlänge Weite zum Geheimzeichen für jedes dieses Feld im Formularabschnitt hinzuzufügen. Wenn Sie daher ein Feld voller Weite mit Sportplatz für jedes 300 Zeichen wünschen, fügen Sie 300 gefolgt von einem umgekehrten Schrägstrich wie folgt hinzu:
[text* your-name 300/ "Your Name"]
Wenn Sie es richtig zeugen möchten, sollen Sie Ihrem CSS-Stylesheet den folgenden Geheimzeichen hinzufügen:
input.wpcf7-text { width: 100%; }
Dies wirkt sich jedoch hinauf ALLE Textfelder des Kontaktformulars 7 in Ihrer gesamten WordPress-Installation aus.
Wenn Sie den WPBakery-Seitenersteller verwenden, nach sich ziehen Sie die Möglichkeit, dies zu umgehen und hinauf eine bestimmte Zeile in einem bestimmten Gebühr oder einer bestimmten Seite abzuzielen, sodass nur ein isoliertes Kontaktformular Stil hat. Klicken Sie zuerst hinauf die Zeile und fügen Sie eine benutzerdefinierte Zeilen-ID hinzu. Dann speichern.
Klicken Sie anschließend hinauf dies Zahnradsymbol schlechtweg oberhalb dem Hauptinhaltsbereich Ihres Beitrags oder Ihrer Seite und schenken Sie #YOUR-ROW-ID gefolgt von dem oben erwähnten CSS-Geheimzeichen ein.
Zeitgleich liegende Eingabefelder
Ein weiterer netter Trick besteht darin, Ihre Felder Parallelität hinzuzufügen. meine Wenigkeit denke, dies hält dies Kontaktformular super sauber und professionell. Um dies mit dem Total WordPress Theme zu tun, nach sich ziehen wir es Ihnen leichtgewichtig gemacht und eine benutzerdefinierte Lebensart hinzugefügt. Fügen Sie wie geschmiert class=“one-half“ zu Ihren p-Tags wie folgt hinzu:
<p class="one-half first">[text* your-name "Your Name"]</p>
<p class="one-half">[email* your-email "Your Email"]</p>
<p>[textarea your-message]</p>
<p>[submit "Submit Form"]</p>
Notiz: Dieser Tipp ist speziell für jedes Benutzer des Total-Designs gedacht, wohl andere Designs nach sich ziehen notfalls ein ähnliches integriertes Formular-Styling.
Ausgefallene Mail-Tags
Manchmal benötigen Sie mehr Informationen, denn dieser Benutzer übermittelt. Hier ist dies Kontaktformular 7 spezielle E-Mail-Tags nützlich sein. Mit diesen können Sie Mail-Zeitstempel, die IP-Anschrift dieser Transfer, die ID oder den Titel für jedes den Gebühr mit dem Kontaktformular und mehr hinzufügen. Raum jene Tools können Ihnen nun helfen, Ihre Formularübermittlungen zu zusammenbringen.
Versiert Sie mehr oberhalb dies Kontaktformular 7
Weitere Tipps zur Verwendung von Contact Form 7 finden Sie unter Dokumentation. Hier finden Sie detaillierte Erklärungen zu den verschiedenen Tags und welches sie können, nützliche Tipps von den Plugin-Autoren und hilfreiche Versteckspiel zur Fehlerbehebung, für den Fall dies Plugin aus irgendeinem Grund nicht für jedes Sie funktioniert.
Contact Form 7 ist eines dieser besten verfügbaren kostenlosen Plugins und eine dieser besten Optionen zum Erstellen von Kontaktformularen hinauf jeder WordPress-Website. Hoffentlich war dieser Leitfaden hilfreich, wohl wenn Sie Fragen nach sich ziehen oder Ihre Gedanken zu Kontaktformular 7 teilen möchten, vermachen Sie uns Bittgesuch unten verdongeln Kommentar!