weForms Elementor Widget til at style dine weForms

Master Addons weForms-widgetten placerer en formular, der er indbygget i det gratis weForms-plugin, på en vilkårlig Elementor-side og lader dig style den fra Elementor-panelet. Vælg formularen, vælg en Designvariation, og stil derefter formularbeholderen, felterne, fokustilstanden, etiketterne, pladsholderne og indsend-knappen. Style One to Four er gratis, og Master Addons Pro tilføjer Style Five til Eleven. Du skal have weForms plugin installeret.

Sådan tilføjes weForms til Elementor

Du skal bruge Elementor, det gratis weForms-plugin og det gratis Master Addons-plugin.

  1. Installer weForms fra Plugins, Tilføj ny, og opbyg din formular i weForms-dashboardet.
  2. Kontroller, at weForms er tændt under Master Addons, Widgets.
  3. I Elementor-editoren skal du søge efter vi danner og træk widgetten Master Addons over på siden.
  4. Vælg din formular i Vælg weForm.
  5. Vælg en designvariation på fanen Stil.
  6. Style beholderen, felter, etiketter og indsend-knappen, og send derefter en testpost.
weForms-widget Design Variations-forudindstillinger i Master Addons

Designvariationer: 4 gratis stilarter, 11 med Pro

de Designvariationer dropdown anvender en matchende stil til beholderen, felter og knap i ét trin. Style One til Four fungerer i det gratis plugin, og Style Five til Eleven har brug for Pro. Disse er de samme forudindstillinger, der bruges af Kontaktformular 7 widget og demoerne nedenfor er bygget med den widget.

  • 4 gratis forudindstillinger, 11 med Pro.
  • Juster enhver forudindstilling yderligere med stilsektionerne nedenfor.
  • Brug en anden forudindstilling for hver formular på samme websted.

Form Container og Field Styles

de Form Container Styles sektion dækker baggrundsfarve, justering, bredde, max bredde, margin, polstring, kant, grænseradius og boksskygge. Form Fields Styles indstiller inputbaggrunden, separate bredder for input og tekstområdet, feltpolstring, kant, radius og boksskygge. Bredde, polstring og margin er responsive, så du kan ændre dem til tablet og mobil.

  • Inputbredde og Textarea-bredde indstilles separat.
  • Focus State Style giver felter deres egen kantfarve og kasseskygge, mens en besøgende skriver.
  • Felter Padding og Border Radius gælder for hver inputboks.
weForms danner containerstile i Master Addons-widgetten
weForms input, tekstområde og label styling

Etiket, Input og pladsholderfarver og typografi

de Farve & Typografi sektion har tre farver: Etiketfarve, Feltskriftfarve for teksten en besøgende typer, og Pladsholderskriftfarve. Etikettypografi og Inputfelttypografi er adskilte, så etiketter kan bruge en anden skrifttype, størrelse eller vægt fra felterne.

  • Etiketter, maskinskrevet tekst og pladsholdere får hver deres farve.
  • Etiket- og inputtypografi indstilles separat.

Indsend Knap Styles

de Indsend Knap Styles sektion indstiller knapbredde, justering, typografi, margen og polstring. Normal og Hover faner har hver tekst og baggrundsfarver. Normal har også kant og kant radius, og Hover har kantfarve og boks skygge.

  • Knapbredde, margen og polstring er lydhøre.
  • Knapjustering er som standard fuld bredde (retfærdiggør).
  • Hover-tilstand ændrer tekst, baggrund og kantfarve.
weForms indsender knapstile i Master Addons-widgetten
Skabelonfremviser
face
kvidre
whatsapp
Kopier Link
Køb Nu
Avanceret kontaktformular
Avanceret kontaktformular
Google Map med Kontaktformular
Google Map med Kontaktformular
Abonner Form
Abonner Form

Ofte stillede spørgsmål til weForm

Lær de mest stillede forespørgsler, brugerne har om weForm, og find svar på ét sted.
Hvordan forbinder jeg dette element til mine eksisterende weForms?

Byg formularen i instrumentbrættet weForms først. Vælg den fra under fanen Indhold i widgetten Vælg weForm. Panelnoten beder dig om at gemme og opdatere editoren efter at have valgt en formular, så felterne indlæses.

Ja. Widgetten tilføjer kun styling. Indsendelser, meddelelser og bekræftelser kører stadig gennem weForms med de indstillinger, du har foretaget der.

Ja. Widgetten er en del af det gratis Master Addons plugin med Style One til Four og alle stilsektioner. Master Addons Pro tilføjer Style Five til Eleven. weForms selv har også en gratis version på WordPress.org.

Er den designede formular fuldt responsiv på mobilen?

Formularen følger dit tema og weForms layout på små skærme. Formbredde, max bredde, margin, polstring, feltbredder, knapbredde og knapjustering er responsive kontroller, så du kan indstille forskellige værdier for tablet og mobil i Elementor.

Ændringer, du foretager i formularen i weForms, vises på siden, fordi widgetten gengiver formularen fra weForms. Opdater Elementor-editoren for at se nye felter, mens du redigerer. Stilindstillingerne i widgetten gælder også for de nye felter.

Ja. Widgetten udsender selve weForms-formularen, så de funktioner, du indstiller i weForms, bliver ved med at fungere. Nogle af dem, såsom betinget logik og flertrinsformularer, afhænger af din weForms-plan.

Trending Elementor Widgets & Udvidelser

Byg sofistikerede websteder på kortere tid.

Master Addons Glassmorphism udvidelse til Elementor: matteret glas kort med Blur Value kontrol indstillet til 20px

Glasmorfisme

Hjem Gratis Elementor Glassmorphism Extension: Frosted Glass Effect i One Toggle Glassmorphism er den frostede...
Se detaljer
Master Addons Container Extras udvidelse til Elementor: container med låg på en 1400px Max bredde, med Max bredde, Max højde, Min bredde og Min højde kontroller

Container ekstraudstyr

Hjem Elementor Container Max bredde og Max højde Controls Container Extras er en gratis Master...
Se detaljer
Master Addons Patterns udvidelse til Elementor: helt med Purple Gradient Grid Left stil, tre flere mønster stilarter og Enable Pattern panelet

Mønstre

Hjem 70 + Gratis Elementor Baggrund Mønstre Mønstre er en gratis Master Addons udvidelse, der tilføjer...
Se detaljer
Master Addons Post/Page Duplicator udvidelse til Elementor: MA Duplicator række link i WordPress Pages liste oprettelse af en Landing Page - [Duplikeret # 128] udkast

Post/sideduplikator

Hjem Duplikere Elementor Sider og indlæg i One Click Post/Page Duplicator er en gratis Master...
Se detaljer
Master Addons Reading Progress Bar udvidelse til Elementor: blå bjælke 42% udfyldt på tværs af toppen af en privatlivspolitik side, med aktivere, position, højde og fylde farveindstillinger

Læsning Progress Bar

Hjem Tilføj en læsefremskridtsbjælke i WordPress (Elementor) Reading Progress Bar er en gratis...
Se detaljer