weForm
Du elsker weForms for sin magt, men i en Elementor-bygget hjemmeside, kan det føles som en fremmed – fast i sin standard udseende, nægter at blande sig i. Ikke mere kompromitterende. Master Addons weForms Element hænder dig nøglerne til tegnestuen. Træk enhver eksisterende weForm direkte ind i Elementor editor og style hvert enkelt stykke af det. Anvend et enkelt klik professionelle layouts, og tweak derefter alt fra beholderen skygge til farven på pladsholderen tekst. Gør dine kontaktformularer, undersøgelser, og registrering danner en sømløs, smuk udvidelse af dit brand. Stop med at lade dine formularer bryde design magi.
Forudindstillinger for øjeblikkeligt design og layout
Hvorfor starte fra en tom tavle? Ram jorden kørende med kuraterede Design Layout-forudindstillinger (Style One til Eleven). Hver forudindstilling anvender et koordineret sæt stilarter – for beholderen, felterne og knappen – giver dig en professionelt designet form med det samme. Uanset om du har brug for en minimalistisk lysformular, et dristigt mørkt kort eller noget med levende grænser, er der et udgangspunkt. Det er den hurtigste måde at få en weForm til at se ud som om det altid var meningen, at den skulle være en del af din Elementor-side.
- 11+ færdiglavede stilarter: Vælg mellem et bibliotek med foruddesignede layouts som “Style One”, “Style Two” osv., for øjeblikkelig visuel appel.
- Sammenhængende designsystemer: Hver forudindstilling styler hele formen holistisk – beholder, felter, knap – sikrer et perfekt match.
- Perfekt udgangspunkt: Brug en forudindstilling som din foundation, og tilpas derefter yderligere med granulære kontroller for at gøre den unik til din.
Komplet container- og feltarkitektur
Styr selve rammen og byggestenene i din formular. Først skal du designe Form Container: indstille dens bredde, justering, baggrund, polstring, og tilføje avancerede effekter som Box Shadow og Border Radius at gøre det pop eller blanding. Derefter, arkitekt Form Fields selv. Juster Input Bredde og Textarea Bredde uafhængigt, indstille feltet baggrund, intern polstring, og kanter. Du kan endda designe Focus State – ændre kant farve og skygge, når en bruger klikker ind i et felt – for en poleret, interaktiv følelse.
- Feltdimensionskontrol: Indstil forskellige bredder for standardindgange og tekstområdefelter (meddelelse).
- Interaktive fokustilstande: Definer brugerdefineret kantfarve og boksskygge for felter, når brugere klikker ind i dem, hvilket forbedrer brugervenligheden.
- Afstand og hjørner: Finjuster feltpolstring og kantradius på alle sider for hver inputboks.
Farve & Typografi Kontrol
Typografi og farve er sjælen i dit design. Her styrer du dem for hvert tekstelement separat. Style etiketten (som “Email-adresse *”) med sin egen farve og typografi. Definer feltskrifttypens farve for, hvad brugerne skriver. Afgørende, style den ofte glemte pladsholder skrifttypefarve (“Din e-mail...”). Brug separate typografikontroller til etiketter og inputfelter for at skabe et klart visuelt hierarki, der sikrer, at din formular ikke bare er stilfuld, men ubesværet læsbar.
- Tekststyling i tre lag: Indstil farver uafhængigt for Etiketter, indtastet Feltskrifttype og Pladsholdertekst.
- Hierarkisk typografi: Anvend forskellige skrifttypefamilier, størrelser og vægte på etikettypografi og inputfelttypografi.
- Visuel klarhed: Brug kontrastfarver til etiketter og pladsholdere til at guide brugerne intuitivt gennem formularen.
Indsend Knaptilpasning
Indsend-knappen er det sidste, vigtigste trin. Lad det ikke være som et standard gråt rektangel. Tag fuld kommando. Styr dets bredde og justering. Style dets typografi. Definer tekstfarven og baggrundsfarven for både normal- og svævetilstand. Juster dens polstring, margen, kant og kantradius for at få den perfekte form og størrelse. Tilføj en boksskygge for at få den til at løfte sig fra siden. Dette gør en verdslig “Send” til en overbevisende, klikværdig trigger for dine konverteringer.
- Fuld dimensionskontrol: Juster knapbredde, polstring, margen og kantradius for den perfekte knapgeometri.
- Justeringsfrihed: Placer knappen Venstre, Centrer eller Højre i formularbeholderen.
- Avancerede effekter: Anvend Box Shadow og brugerdefinerede Border Typer for at gøre din knap til et iøjnefaldende visuelt element.
Ofte stillede spørgsmål til weForm
Hvordan forbinder jeg dette element til mine eksisterende weForms?
Det er enkelt. I fanen Indhold vil du se en “Vælg weForm” dropdown. Klik på det, og du vil se en liste over alle formularer, du har oprettet i weForms plugin dashboard. Vælg bare den, du vil integrere og designe. Elementet trækker i dine live formularfelter (navn, e-mail osv.) automatisk.
Vil min formular stadig fungere og sende e-mails som før?
Absolut, ja. Dette element ændrer kun det visuelle design af formularen inden for Elementor. Alle de centrale weForms funktionalitet – feltlogik, meddelelser, e-mail routing, bekræftelser, og datalagring – forbliver 100% intakt og fungerer nøjagtigt som du konfigurerede det i weForms plugin indstillinger.
Kan jeg bruge forskellige stilarter til forskellige formularer på samme websted?
Selvfølgelig! Hvert Master Addons weForms-element, du placerer på en side, er stylet uafhængigt. Du kan have en minimalistisk kontaktformular i din sidefod (ved hjælp af Style Two) og en fed, farverig registreringsformular i din heltesektion (ved hjælp af Style Seven) uden nogen konflikt.
Er den designede formular fuldt responsiv på mobilen?
Ja. Elementet er bygget med reaktionsevne i tankerne. Beholderbredden, feltbredderne, polstringen og skriftstørrelserne vil alle tilpasse sig. For avanceret kontrol kan du bruge Elementors responsive tilstand til at justere indstillinger specifikt for tablet- og mobilvisninger (som stablingsfelter eller justering af knapstørrelse).
Hvad hvis jeg opdaterer mine feltindstillinger i hoved-weForms-plugin'et?
Dine ændringer (som at tilføje et nyt felt eller ændre en feltetiket) synkroniseres automatisk. Du skal måske bare opdatere Elementor-editorvisningen (som hjælpeteksten antyder) for at se den opdaterede feltstruktur. Dine brugerdefinerede typografier vil derefter gælde for de nye eller opdaterede felter.
Kan jeg stadig bruge Conditional Logic og andre avancerede weForms-funktioner?
Helt sikkert. Da dette element indlejrer din virkelige, fungerende weForm, vil alle avancerede funktioner som betinget logik, flersidede formularer, filuploads og integrationer, som du har konfigureret i weForms, fungere perfekt. Du giver det bare en ny, smuk front-end hud.
Trending Elementor Widgets & Udvidelser
Byg sofistikerede websteder på kortere tid.
Glasmorfisme
Container ekstraudstyr
Mønstre
Post/Page Duplicator
