Ninja Forms Elementor Widget: Style Ninja Forms Uden CSS
Ninja Form widget i Master Addons er gratis. Den placerer en formular, du har indbygget i Ninja Forms plugin på en Elementor side og giver dig style kontrol for titlen, etiketter, felter, radioknapper og afkrydsningsfelter, indsende knap og meddelelser. Fire design variationer er gratis, og syv mere kommer med Master Addons Pro. Ninja Forms stadig håndterer de felter, meddelelser og indsendelser.
Sådan tilføjes Ninja Forms til Elementor
Du skal bruge det gratis Ninja Forms plugin og mindst én formular indbygget i det.
- Installer og aktiver Ninja Forms fra WordPress.org, og byg derefter din formular i Ninja Forms dashboard.
- Kontroller, at den Ninja Form widget er slået til i widgetindstillingerne Master Addons.
- Rediger din side med Elementor, søg i panelet efter Ninja Form og træk widgetten ind.
- Vælg din formular i Kontakt Formular dropdown og vælg, om du vil vise Etiketter og Pladsholder text.
- Vælg en i fanen Stil Designvariation, og juster derefter input, afkrydsningsfelter, send-knap og meddelelser.
- Opdater siden, og send en testpost for at kontrollere, at Ninja Forms modtager den.
Designvariationer: 4 gratis, 7 Pro
Designvariation i fanen Stil anvender et klart udseende til hele formularen. Style One til Style Four er gratis, og Style Five til Style Eleven har brug for Master Addons Pro. Vælg en som udgangspunkt, og skift derefter detaljerne i afsnittene under den.
- Gratis: Style One, Style Two, Style Three og Style Four.
- Pro: Style Five til Style Eleven.
- Indholdsmuligheder: vis eller skjul etiketter og pladsholdertekst plus fejlmeddelelser og valideringsfejl.
Input, Textarea og Checkbox Styling
Input & tekstområde har Normal og Focus faner med baggrundsfarve og kant, plus tekstfarve, kant radius, justering, tekst indrykning, input og tekstområde bredde og højde, polstring, afstand og typografi. Radio & afkrydsningsfelt kan erstatte browserens standardindstillinger med brugerdefinerede typografier: størrelse, farve, kantbredde og kantfarve, separat kantradius for afkrydsningsfelter og radioknapper og en markeret farve.
- Etiketter og pladsholder: tekstfarve og typografi for etiketter og en tekstfarve til pladsholdere.
- Feltbeskrivelse: farve, typografi og mellemrum for hjælpeteksten under et felt.
- Titel & Beskrivelse: justering, farve, typografi og margen for formulartitlen og beskrivelsen.
Indsend Knap- og Formularbeskeder
Indsend knap indstiller justering, fuld eller brugerdefineret bredde, baggrunds- og tekstfarve, kant, grænseradius, udfyldning, topmargin, typografi og boksskygge, med en Hover-fane til baggrund, tekst og kantfarve. Beskedafsnittene styler, hvad besøgende ser, efter de har indsendt.
- Succesmeddelelse: tekstfarve og typografi.
- Påkrævet Fields-meddelelse: farve, mellemrum og typografi.
- Fejl: tekstfarve til fejlmeddelelser, plus beskrivelse og kantfarver til felter, der ikke validerer.
Elementor Shortcode Widget vs Ninja Form Widget
Gratis Elementor kan allerede vise en Ninja Form: indsæt sin shortcode i Shortcode widget. Formularen fungerer på samme måde. Forskellen er, hvordan du styler det.
| Feature | Elementor Shortcode widget | Master Addons Ninja Form widget |
|---|---|---|
| Price | Fri (Elementorkerne) | Gratis, Pro for 7 flere designvariationer |
| Tilføjelse af formularen | Indsæt en kortkode som f.eks. [ninja_form id="1"] | Vælg formularen fra en dropdown |
| Styling | Din egen CSS | Style tab kontroller til felter, afkrydsningsfelter, knap og meddelelser |
| Forudindstillede udseende | No | 4 gratis, 7 Pro |
| Skjul etiketter eller pladsholdere | CSS | Switche |
| Felter, meddelelser, indsendelser | Ninja Forms | Ninja Forms |
Begge ruter kører den samme Ninja Forms-formular. Widgetten gemmer dig i at skrive CSS for at matche formularen til resten af siden.
Andre formularwidgets: Kontaktformular 7 (gratis), WPForms (gratis) og Gravity Forms (Pro).
Ofte stillede spørgsmål til Ninja Form
Skal jeg have Ninja Forms plugin installeret?
Ja. Installer og aktiver det gratis Ninja Forms plugin og byg din formular der først. Uden det viser widget en “Ninja Forms is Not Activated” meddelelse i stedet for en formular.
Er Ninja Form widget gratis?
Ja. Widgetten og Style One til Style Four er gratis i Master Addons. Style Five til Style Eleven har brug for Master Addons Pro.
Kan jeg gøre formularen responsiv på mobile enheder?
Ja. Mange af kontrolelementerne til størrelse og afstand, såsom indgangsbredde og -højde, polstring, justering og knapbredde, tager separate værdier for desktop, tablet og mobil.
Hvordan styler jeg fejlmeddelelser eller succesmeddelelsen?
Brug sektionerne Succesmeddelelse, Påkrævede felter Meddelelse og fejl i fanen Stil. De indstiller tekstfarve og typografi for succesmeddelelsen, og tekst, beskrivelse og kantfarver for fejl. Der er ingen baggrundsfarveindstilling for disse meddelelser.
Trending Elementor Widgets & Udvidelser
Byg sofistikerede websteder på kortere tid.
Glasmorfisme
Container ekstraudstyr
Mønstre
![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](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
Post/Page Duplicator
