WordPress Kontaktformular mit Slideshow im Hintergrund
In diesem Videotutorial zeige ich Euch, wie Ihr in wenigen Minuten ein sehr schönes Kontaktformular mit Hintergrundslideshow für WordPress erstellen könnt.
Ich benutze dazu das Form Widget von Elementor Pro. Diese Widget ist eine sehr gute und einfach zu bedienende Alternative zu bekannten WordPress Formular Plugins wie Contact Form 7 oder Ninja Forms.
1. Video Tutorial:
Mit dem Laden des Videos akzeptieren Sie die Datenschutzerklärung von YouTube.
Mehr erfahren
2. Einstellungsoptionen beim Formular Widget von Elementor Pro
Das Form Widget von Elementor Pro bietet Euch eine Vielzahl von individuellen Einstellungsmöglichkeiten, um Euer WordPress Kontaktformular in wenigen Minuten optimal und individuell zu erstellen und an Eure Webseite anzupassen. Die meisten dieser Einstellungen sind intuitiv verständlich. Solltet Ihr allerdings Spezialeinstellungen benötigen oder an einer bestimmten Stelle nicht weiterkommen, dann empfiehlt es sich natürlich, eine professionelle WordPress Agentur zu beauftragen.
Werbung
- Kostenloser Basiseintrag für Dein Unternehmen
- Sterne für Dein Google Snippet im "Plus Paket"
(Falls Du Fragen zu ProvenExpert.com hast, dann schreib mir gerne eine Mail an info@seohit.de)
2.1 Inhalts-Einstellungen für Euer WordPress Kontaktformular
Bei den Inhalts-Einstellungen könnt Ihr detailliert bestimmen, welche Elemente in Eurem WordPress Formular vorhanden sein sollen und zudem weitere grundlegende Einstellungen vornehmen, wie beispielsweise die Eingabe des Formular-Empfängers.
a) Formularfelder
- Formularfelder anlegen oder entfernen
- Typ des Formularfeldes auswählen: Text, E-Mail, Textbereich, Telefon, Radio, Auswahlliste, Auswahlbox, Akzeptanz, reCAPTCHA, reCAPTCHA V3, Honeypot, HTML u.a.
- Feldnamen und Platzhalter bestimmen
- Pflichtfelder definieren
- Spaltenbreite einzelner Formularfelder individuell bestimmen
b) Absenden Schaltfläche (Senden Button)
- Text
- Größe
- Spaltenbreite
- Ausrichtung
- Icon inkl. Einstellung, ob es vor oder nach dem Buttontext angezeigt werden soll
- Schaltflächen ID
c) Weitere Einstellungsmöglichkeiten bei Inhalt
- E-Mail Empfänger bestimmen und weitere Einstellungen wie z.B. Betreff vornehmen
- Individuelle Formular ID vergeben
- Eigene Texte bestimmen für "Nachricht bei erfolgreichem versenden", "Fehlermeldungen" usw.
2.2 Stil-Einstellungen für Euer WordPress Kontaktformular (Design)
Unter dem Tab „Stil“ findet Ihr bei Elementor-Pro Widgets immer eine Vielzahl von Designmöglichkeiten für die einzelnen Widgets bzw. Elemente. Beim „Form-Widget“ gehören dazu u.a.:
- Definition der Spalten- und Reihenabstände
- Schrift- & Farbeinstellungen für sämtliches Felder des Kontaktformulars
- Gestaltung der einzelnen Felder inkl. Rahmen & Hintergrund
- Gestaltung der Formular-Buttons inkl. Farbe, Schrift & Hover-Effekte
- Schrift- und Farbeinstellungen für die Nachrichten
2.3 Erweitert-Einstellungen bei Elementor Pro
Unter dem Tab „Erweitert“ bietet Elementor Pro eine Vielzahl weiterer sehr interessanter Einstellungsoptionen für die einzelnen Widgets. Für das Posts-Widget bzw. Euer Kontaktformular gibt es als Einstellunsmöglichkeiten hier beispielsweise:
- Margin- und Paddingwerte für das gesamte Formular
- Bewegungseffekte wie Eingangsanimation, Sticky-Effect ,Scrolling- oder Mouse-Effects
- Design des Hintergunds und des Rahmens für das gesamte Formular
- Responsive Einstellungen, um das Formular beispielsweise nur auf Smartphones anzeigen zu lassen
- Eigenes CSS hinzufügen
3. Kosten für das Formular Widget
Elementor Pro kostet aktuell 49$ für eine Einzelseite.
Das Form-Widget für Euer WordPress Formular ist in dem Preis enthalten und leider nicht einzeln bestellbar. Bei Elementor Pro erhaltet Ihr insgesamt:
- Form Widget zum Erstellen von WP Formularen
- Themebuilder - Damit seid ihr nicht mehr auf die Funktionen der einzelnen Themes angewiesen sondern könnt Header und Footer via Elementor ganz einfach designen und anpassen
- Popup Builder zum Erstellen schöner Popups für WordPress
- Viele weitere Widgets wie z.B. das Posts Widget, um Beiträge in einzelne WordPress Seiten einfügen zu können
*Bei allen Links zur Elementor Webseite handelt es sich um einen Affiliatelink bzw. Werbelink. Ihr als Internetprofis wisst ja: Das Plugin wird für Euch dadurch keinen Cent teurer und Ihr könnt mich so bei der Erstellung neuer Videos und Blogbeiträge unterstützen – es gibt natürlich auch Videos und Beiträge ohne Affiliate-Verlinkungen in meinem Kanal bzw. auf meiner Seite. Danke fürs Anklicken!
Werbung
Weitere Blogartikel
