Trenger du å tilpasse WPForms-skjemaer med Elementor?

Skjemaer opprettet med WPForms ser bra ut. Imidlertid er det tider når du vil tilpasse WPForms etter eget ønske. så…

Hvordan tilpasser jeg WPForms-skjemaer?

 Det er to måter å gjøre dette uten å måtte skrive CSS-kode og spesielt ved å bruke WordPress Elementor-plugin:

  1. Bruke utvidelsen PowerPack Addons
  2. Bruker Ultimate Addons-utvidelsen

La oss ta en titt på hver av disse metodene nå.

Tilpass WPForms-skjemaer med Elementors PowerPack-tillegg

Elementor PowerPack-tillegg er et gratis WordPress-plugin. Så du må først installere og aktivere Elementor-pluginet, deretter installere og aktivere PowerPack-tilleggene.

Når begge programtilleggene er aktive, kan du redigere siden du vil plassere skjemaet på, og klikke på Rediger-knappen med Elementor.

Nå til venstre på Elementor-panelet, bla ned til delen PowerPack Elements-widgets og dra og slipp Elementor WPForms-widgeten på siden.

Du skal nå se WPForms-widgetinnstillingene på venstre panel. Velg WPForms-skjemaet du vil tilpasse i feltet Kontakt skjema.

Her vil du også kunne angi en egendefinert tittel og en tilpasset beskrivelse for skjemaet, samt vise eller skjule skjemaets tittel, beskrivelse, etiketter, plassholder og feilmeldinger.

I kategorien Stil kan du bruke tittel- og beskrivelsesinnstillingene til å tilpasse tittelen og beskrivelsen for skjemaet ditt.

Du kan bruke etikettinnstillingene til å tilpasse etikettene for WPForms-skjemaet ditt.

Du kan bruke innstillingene Input & Textarea for å tilpasse inntastingsfeltene og tekstområdet i skjemaet ditt.

Du kan bruke parametrene for feltbeskrivelse for å tilpasse feltbeskrivelsen for skjemaet ditt.

Du kan bruke plassholderparametere til å tilpasse fargen på skjemaets plassholder.

tilpasse WPForms-skjemaer uten å skrive CSS-kode

Du kan bruke innstillingene Radio & avkrysningsrute for å tilpasse alternativknappene og avmerkingsboksene på skjemaet ditt.

Du kan bruke innstillingene til Send Button for å tilpasse WPForms-sendeknappen.

Du kan bruke innstillingene feil for å tilpasse WPForms feilmeldinger.

Og du kan bruke innstillinger for bekreftelsesmeldinger for å tilpasse WPForms bekreftelsesmeldinger.

tilpasse WPForms-skjemaer uten å skrive CSS-kode

Det ble mye finjustering!

Ved å bruke WPForms med Elementor og PowerPack, kan du tilpasse WPForms slik du vil uten å skrive CSS-kode.

Så hvorfor kaste bort tid på å lete etter CSS-kode?

WPForms fungerer bra med Elementor og PowerPack plugins. Og ved å bruke disse pluginene vil du spare mye tid.

Nå, hvis du ikke er en fan av gratis plugins og for enhver pris vil du finne et premium WordPress-plugin som vil hjelpe deg med å komme dit, anbefaler vi pluginet. Elementors Ultimate Addons. Det fungerer nøyaktig det samme som PowerPack-pluginet du nettopp så ovenfor.

Som du ser, vil du spare dyrebar tid ved å bruke et plugin for å oppnå dette resultatet.

Få Elementor Pro nå!

Oppdag også noen premium WordPress-plugins  

Du kan bruke andre WordPress-plugins for å gi et moderne utseende og optimalisere grepet på bloggen eller nettstedet ditt.

Vi tilbyr deg her noen premium WordPress-plugins som vil hjelpe deg å gjøre det.

1. Gryphon SEO Tools

Gryphon SEO-verktøy er et kraftig verktøy som lar deg forbedre SEO på nettstedet ditt. Denne premium WordPress-pluginen krever bare noen få konfigurasjoner og vil fungere på mobile enheter så vel som på stasjonære datamaskiner, uavhengig av hvilken nettleser du bruker.

Gryphon AutoBlog SEO Tools wordpress plugin

Funksjonene inkluderer: tilgjengeligheten av Readability Score Test lagt til publikasjoner, automatisk tillegg av 'alt' og 'title' koder til alle bilder, helt tilpassbar layout, jevnlige oppdateringer, tilgjengelig kundesupport og mer.

Last ned | dEMO | Webhotell

2. Calendarista

Calendarista Premium WP Avtale Booking Plugin og Schedule System plugin wordpress

Calendarista er en premium WordPress-plugin designet for å gi en opplevelse av Bestillinger –Booking- raskere og mer effektiv for kundene dine. Målet er å gjøre tjenester veldig raske og enkle å legge til for selskaper som tilbyr bestilling av økter eller avtaler på internett.

Så hvis du er ute etter et komplett reservasjonssystem for et hotell, bilutleiefirma, utleie av leilighet, reisebyrå, skjønnhetssalong, restaurant, etc.…, dette pluginet vil være perfekt for deg. 

Les denne artikkelen på Hvordan vise alle dine WordPress publikasjoner på én side

Som funksjoner tilbyr den blant annet: 10 klare til bruk reservasjonssystemmodeller, støtte fra 3 betalingsportaler, WooCommerce-støtteintegrering av en tilpassbar formbygger, Google Map-støtte, en utmerket kalendermal for å vise avtaler og mye mer.

Last ned | dEMO Webhotell

3. MailChimp-kommentarer

mailchimp kommentarer wordpress plugin for e-postliste

MailChimp Kommentarer er en WordPress-utvidelse som lar deg abonnere på kommentatorene til artiklene/sidene dine via MailChimp. Når brukere kommenterer noe på nettstedet ditt, blir de umiddelbart lagt til i e-postabonnementslisten din.

Sjekk ut vår 8 premium WordPress-plugins for SEO av en blogg

Du kan konfigurere programtillegget i forhold til brukerne dine for å unngå brudd (spam). MailChimp Comments er en perfekt måte å lage en adresseliste over kommentarene dine.

Last ned | dEMOWebhotell

Anbefalte ressurser

Finn ut om andre anbefalte ressurser for å hjelpe deg med å bygge og administrere nettstedet ditt.

konklusjonen

Her! Det er det for denne guiden som hjelper deg med å tilpasse WPForms-skjemaer uten å skrive CSS-kode. Ikke nøl med å del med vennene dine på dine favoritt sosiale nettverk

Du kan imidlertid også konsultere ressursene våre, hvis du trenger flere elementer for å gjennomføre prosjektene dine med oppretting av nettsteder, ved å konsultere vår guide WordPress blog oppretting.

Hvis du har forslag eller kommentarer, kan du la dem ligge i seksjonen vår commentaires.

...