Der Kontaktformular-Block ermöglicht es Ihnen, einfach Kontaktformulare zu Ihren SeedProd-Seiten hinzuzufügen. Dieser Block lässt sich nahtlos in WPForms integrieren, einen der beliebtesten WordPress-Formularersteller, sodass Sie professionelle Kontaktformulare ohne jegliche Codierung erstellen und verwalten können.
Mit dem Kontaktformular-Block können Sie jedes WPForms-Kontaktformular direkt in Ihre Landingpages, "Demnächst verfügbar"-Seiten oder Seiten im Wartungsmodus einbetten. So können Besucher einfach mit Ihnen in Kontakt treten, während das schöne Design Ihrer SeedProd-Seiten erhalten bleibt.
Hinzufügen des Kontaktformular-Blocks zu Ihren Seiten
Befolgen Sie diese Schritte, um einen Kontaktformular-Block zu Ihrer SeedProd-Seite hinzuzufügen:
Schritt 1: Block hinzufügen
Ziehen Sie unter Design > Blöcke den Kontaktformular-Block per Drag & Drop in den gewünschten Bereich Ihrer Seite.
Suchen Sie den Kontaktformular-Block im Block-Panel und ziehen Sie ihn an die gewünschte Stelle auf der Seite.
Schritt 2: Inhaltseinstellungen konfigurieren
Nach dem Hinzufügen klicken Sie auf den Kontaktformular-Block, um seine Einstellungen zu öffnen. Im Tab Inhalt können Sie auswählen, welches WPForms-Kontaktformular angezeigt werden soll.
Formular:
- Formular auswählen: Wählen Sie aus einem beliebigen Kontaktformular, das Sie zuvor in WPForms erstellt haben. Das Dropdown-Menü zeigt alle verfügbaren Formulare aus Ihrer WPForms-Bibliothek an.
- + Neues Formular: Erstellen Sie ein neues WPForms-Kontaktformular direkt aus dem SeedProd-Builder. Dies öffnet den WPForms-Editor, in dem Sie Ihr Formular gestalten und dann zurückkehren können, um es auszuwählen.
Wählen Sie Ihr WPForms-Kontaktformular aus dem Dropdown-Menü oder erstellen Sie ein neues Formular.
Schritt 3: Design anpassen
Im Tab Erweitert können Sie das visuelle Erscheinungsbild Ihres Kontaktformular-Blocks anpassen:
Erweiterte Stile:
- Typografie: Passen Sie Schriftfamilie, Größe, Stärke, Zeilenhöhe und Buchstabenabstand für den Formulartext an. Klicken Sie auf Bearbeiten, um detaillierte Typografie-Steuerelemente für Formularbeschriftungen und Eingabetext aufzurufen.
- Textfarbe: Legen Sie die Farbe für Formularbeschriftungen und Text fest, um sie an das Design Ihrer Seite anzupassen.
Abstand:
- Abstand (Außen): Steuern Sie den äußeren Abstand um Ihren Kontaktformular-Block (Oben, Rechts, Unten, Links). Dies bestimmt, wie viel Platz zwischen dem Formular und den umgebenden Elementen erscheint.
- Abstand (Innen): Passen Sie den inneren Abstand innerhalb Ihres Kontaktformular-Blocks an (Oben, Rechts, Unten, Links). Dies schafft Freiraum zwischen dem Formularinhalt und den Blockrändern.
Attribute:
- CSS-ID: Zeigt die automatisch generierte eindeutige Kennung für Ihren Kontaktformular-Block an. Diese ID wird von SeedProd automatisch für benutzerdefinierte Stile oder JavaScript-Ziele erstellt.
- Benutzerdefinierte Klasse: Fügen Sie benutzerdefinierte CSS-Klassen hinzu, um bestimmte Stile aus Ihrem Theme oder benutzerdefinierten CSS anzuwenden.
- Benutzerdefinierte Attribute: Fügen Sie dem Formular-Wrapper-Element beliebige HTML-Attribute hinzu. Geben Sie jedes Attribut in eine neue Zeile im Format ein: attribut-name|wert (z. B. data-tracking|kontaktformular)
Gerätesichtbarkeit:
- Auf Desktop ausblenden: Blenden Sie den Kontaktformular-Block auf Desktop-Bildschirmen aus
- Auf Tablet ausblenden: Blenden Sie den Kontaktformular-Block auf Tablet-Geräten aus
- Auf Mobilgeräten ausblenden: Blenden Sie den Kontaktformular-Block auf Mobilgeräten aus
Animationseffekte:
- Eingabeanimation: Wählen Sie aus verschiedenen Animationseffekten, die abgespielt werden, wenn das Kontaktformular in die Ansicht gescrollt wird. Optionen sind Bounce, Fade In, Zoom In, Rotate In und viele mehr. Dies hilft, die Aufmerksamkeit auf Ihr Kontaktformular zu lenken und visuelles Interesse zu wecken
Passen Sie Typografie, Abstände und Anzeigeeinstellungen auf der Registerkarte "Erweitert" an.
Schritt 4: Speichern Sie Ihre Änderungen
Sobald Sie die Konfiguration des Kontaktformular-Blocks abgeschlossen und sein Erscheinungsbild angepasst haben, stellen Sie sicher, dass Sie Ihre Arbeit speichern.
Sie haben erfolgreich einen Kontaktformular-Block zu Ihrer Seite hinzugefügt! Der Kontaktformular-Block erleichtert das Sammeln von Besucherinformationen, das Beantworten von Fragen und den Aufbau von Beziehungen zu Ihrem Publikum. Experimentieren Sie mit verschiedenen WPForms-Designs und Styling-Optionen, um ein Kontaktformular zu erstellen, das zu Ihrer Marke passt und die Interaktion der Besucher fördert.