weForm
Sie lieben weForms wegen seiner Macht, aber in einer von Elementor erstellten Website kann es sich wie ein Fremder anfühlen, der in seinem Standardlook feststeckt und sich weigert, sich einzufügen. Keine Kompromisse mehr eingehen Master Addons weForms Element gibt Ihnen die Schlüssel zum Designstudio Ziehen Sie alle vorhandenen WeFormulare direkt in den Elementor-Editor und stylen Sie jedes einzelne Stück davon. Wenden Sie professionelle Layouts mit einem Klick an und optimieren Sie dann alles vom Containerschatten bis zur Farbe des Platzhaltertextes Machen Sie Ihre Kontaktformulare, Umfragen und Registrierungsformulare zu einer nahtlosen, schönen Erweiterung Ihrer Marke. Lassen Sie Ihre Formulare nicht mehr die Designmagie zerstören.
Sofortige Design- und Layout-Voreinstellungen
Warum von einem leeren Blatt aus starten? mit kuratierten Design Layout Presets (Style One bis Eleven) auf den Boden laufen lassen Jede Voreinstellung wendet einen abgestimmten Satz Stile an (für den Container, die Felder, und Button & gibt Ihnen sofort ein professionell gestaltetes Formular, Ob Sie eine minimalistische Lichtform, eine fettgedruckte dunkle Karte oder etwas mit leuchtenden Rändern benötigen, es gibt einen Ausgangspunkt Es ist der schnellste Weg, ein weForm aussehen zu lassen, als wäre es immer als Teil Ihrer Elementor-Seite gedacht.
- 11+ Fertiggestile: Wählen Sie aus einer Bibliothek vorgefertigter Layouts wie “Style One”, “Style Two” usw, um sofort visuelle Anziehungskraft zu erzielen.
- Kohärente Designsysteme: Jede Voreinstellung gestaltet das gesamte Formular ganzheitlich. Behälter, Felder, Schaltfläche 2, um eine perfekte Übereinstimmung zu gewährleisten.
- Perfekter Ausgangspunkt: Verwenden Sie eine Voreinstellung als Grundlage und passen Sie sie dann mit körnigen Steuerelementen weiter an, um sie einzigartig zu Ihrem zu machen.
Komplette Container- und Feldarchitektur
Kontrollieren Sie genau den Rahmen und die Bausteine Ihres Formulars. Entwerfen Sie zunächst den Formularcontainer: Stellen Sie seine Breite, Ausrichtung, Hintergrund, Polsterung ein und fügen Sie erweiterte Effekte wie Box Shadow und Border Radius hinzu, damit er platzt oder sich vermischt. Dann entwerfen Sie die Formularfelder selbst Passen Sie Eingabebreite und Textfläche unabhängig an, legen Sie den Feldhintergrund, die interne Polsterung und die Ränder fest. Sie können sogar den Fokuszustand entwerfen. Ändern Sie die Randfarbe und den Schatten, wenn ein Benutzer in ein Feld klickt, um ein poliertes, interaktives Gefühl zu erhalten.
- Felddimensionskontrolle: Legen Sie unterschiedliche Breiten für Standardeingaben und Textbereichsfelder (Nachrichtenfelder) fest.
- Interaktive Fokuszustände: Definieren Sie benutzerdefinierte Randfarben und Box Shadow für Felder, wenn Benutzer darauf klicken, und verbessern Sie so die Benutzerfreundlichkeit.
- Abstand und Ecken: Feinabstimmung der Feldpolsterung und des Randradius auf allen Seiten für jedes Eingabefeld.
Farb- und Typografiesteuerung
Typografie und Farbe sind die Seele Ihres Designs Hier steuern Sie sie für jedes Textelement separat. Stylen Sie das Label (wie “E-Mail-Adresse *”) mit einer eigenen Farbe und Typografie. Definieren Sie die Feldschriftfarbe für das, was Benutzer eingeben. Stylen Sie entscheidend die oft vergessene Platzhalterschriftfarbe (“Ihre E-Mail...”). Verwenden Sie separate Typografie-Steuerelemente für Etiketten und Eingabefelder, um eine klare visuelle Hierarchie zu schaffen und sicherzustellen, dass Ihre Form nicht nur stilvoll, sondern mühelos lesbar ist.
- Dreischichtiges Text-Styling: Legen Sie Farben für Beschriftungen, eingegebene Feldschrift und Platzhaltertext unabhängig fest.
- Hierarchische Typografie: Wenden Sie verschiedene Schriftfamilien, -größen und -gewichte auf die Typografie von Etiketten und Eingabefeldern an.
- Visuelle Klarheit: Verwenden Sie kontrastierende Farben für Etiketten und Platzhalter, um Benutzer intuitiv durch das Formular zu führen.
Tastenanpassung einreichen
Der Submit-Button ist der letzte, wichtigste Schritt. Lassen Sie es nicht als standardmäßiges graues Rechteck. Übernehmen Sie das vollständige Kommando. Kontrollieren Sie seine Breite und Ausrichtung. Gestalten Sie seine Typografie Definieren Sie die Textfarbe und Hintergrundfarbe sowohl für den Normal- als auch für den Hover-Zustand. Passen Sie seine Polsterung, Marge, Grenze und den Randradius an, um die perfekte Form und Größe zu erhalten. Fügen Sie einen Box Shadow hinzu, damit er von der Seite abhebt. Dies macht ein alltägliches „Submit“zu einem überzeugenden, klickwürdigen Auslöser für Ihre Konvertierungen.
- Volldimensionskontrolle: Passen Sie Knopfbreite, Polsterung, Rand und Randradius an, um die perfekte Knopfgeometrie zu erzielen.
- Ausrichtungsfreiheit: Positionieren Sie die Taste links, mittig oder rechts im Formularcontainer.
- Erweiterte Effekte: Wenden Sie Box Shadow und benutzerdefinierte Randtypen an, um Ihre Schaltfläche zu einem herausragenden visuellen Element zu machen.
Häufig gestellte Fragen für weForm
Wie verbinde ich dieses Element mit meinen bestehenden weForms?
Ganz einfach Im Reiter Inhalt sehen Sie einen Dropdown “Select weForm” Klicken Sie darauf, und Sie sehen eine Liste aller Formulare, die Sie im Dashboard des weForms-Plugins erstellt haben Wählen Sie einfach das aus, das Sie einbetten und gestalten möchten Das Element zieht automatisch in Ihre Live-Formularfelder (Name, E-Mail usw).
Funktioniert mein Formular noch und verschickt E-Mails wie früher?
Absolut, ja. Dieses Element ändert nur das visuelle Design des Formulars innerhalb von Elementor Alle Kern-WeForms-Funktionalität (Feldlogik, Benachrichtigungen, E-Mail-Routing, Bestätigungen und Datenspeicher – bleibt zu 100% intakt und funktioniert genau so, wie Sie es in den WeForms-Plugin-Einstellungen konfiguriert haben.
Kann ich auf derselben Seite verschiedene Stile für verschiedene Formen verwenden?
Natürlich! jedes Master Addons weForms Element, das Sie auf einer Seite platzieren, wird unabhängig gestylt Sie können ein minimalistisches Kontaktformular in Ihrer Fußzeile (mit Stil Zwei) und ein fettes, farbenfrohes Anmeldeformular in Ihrer Heldenabteilung (mit Stil Sieben) ohne Konflikte haben.
Ist das entworfene Formular vollständig responsiv auf Mobilgeräten?
Ja. Das Element ist mit Blick auf die Reaktionsfähigkeit gebaut Die Containerbreite, Feldbreiten, Polsterung und Schriftgrößen passen sich alle an Für eine erweiterte Steuerung können Sie den Responsive-Modus von Elementor verwenden, um Einstellungen speziell für Tablet - und mobile Ansichten (wie Stapelfelder oder die Anpassung der Tastengröße) zu optimieren.
Was ist, wenn ich meine Feldeinstellungen im Haupt-WeForms-Plugin aktualisiere?
Ihre Änderungen (wie das Hinzufügen eines neuen Feldes oder das Ändern einer Feldbezeichnung) werden automatisch synchronisiert. Möglicherweise müssen Sie nur die Elementor-Editoransicht aktualisieren (wie der Hilfstext vorschlägt), um die aktualisierte Feldstruktur anzuzeigen. Ihre benutzerdefinierten Stile gelten dann für die neuen oder aktualisierten Felder.
Kann ich Conditional Logic und andere erweiterte weForms-Funktionen trotzdem verwenden?
Definitiv. da dieses Element Ihr echtes, funktionierendes weForm einbettet, funktionieren alle erweiterten Funktionen wie bedingte Logik, mehrseitige Formulare, Datei-Uploads und Integrationen, die Sie in weForms eingerichtet haben, perfekt Sie geben ihm nur eine neue, schöne Front-End-Skin.
Trendige Elementor-Widgets und -Erweiterungen
Erstellen Sie anspruchsvolle Websites in kürzerer Zeit.
Glasmorphie
Container-extras
Muster
Post-/Seitenduplikator
