Hvordan lage et kontaktskjema i Elementor

Vil du vite hvordan du lager en Kontaktskjema i Elementor?

Kontaktsiden er en av de avgjørende sidene på et nettsted. Det brukes ofte som en parameter om et nettsted er godkjent eller ikke. Elementor leveres med en innfødt widget - Form-widgeten - slik at du kan legge til et skjema på en side. Denne artikkelen vil vise deg hvordan.

Skjema-widgeten i seg selv er bare tilgjengelig på Elementor Pro. Noe som betyr at du må oppgradere til pro-versjonen hvis du fortsatt bruker gratisversjonen. Ikke bare kan du bruke Skjema-widgeten til å lage en Kontaktskjema, men du kan også bruke den til å lage andre typer skjemaer, inkludert e-postregistreringsskjema, brukerregistreringsskjema, filopplastingsskjemaet, etc ...

Hvordan lage et kontaktskjema i Elementor

Når du oppretter en Kontaktskjema Ved å bruke Elementors Form-widget kan du angi hvor skjemadataene skal sendes. Enten i e-postkontoen din eller i Elementors standard innsendingsbehandling for skjemaer.

I denne artikkelen vil vi hoppe rett til å legge til skjema-widgeten i Elementors redigeringsboks. Bare legg til skjema-widgeten fra widget-panelet i redigeringsboksen som følger:

Som du ser, oppretter skjemawidgeten automatisk et skjema som består av tre felt.

Les også: Hvordan legge til et prisnett i Elementor

For å redigere et eksisterende felt, kan du bare åpne det. Du kan endre felttype, overstyre standardetiketten og plassholderen, og angi det som et obligatorisk felt hvis du vil.

For å slette et eksisterende felt, kan du bare klikke på X av feltet du vil slette.

For å legge til et nytt felt, kan du bare klikke på knappen LEGG TIL ET ELEMENT. Skjema-widgeten støtter tjue typer felt.

Definere skjemahandlingen

Som vi nevnte tidligere, kan du sende skjemadata (innleveringer) til e-postkontoen din eller til Elementors innebygde skjemainnsending. For å angi destinasjonen kan du åpne blokken Etter Send handlinger under fanen Innhold fra innstillingspanelet.

Se også: Hvordan lage et avrundet bilde i Elementor

Velg en handling du vil definere i det tilgjengelige feltet (du kan legge til flere handlinger). I dette eksemplet velger vi E-post.

Hvis du også angir skjemahandlingen på e-post, du kan åpne blokken E-post for å definere e-postadressen for mottak av skjemadataene. Som du kan se, kan du også angi emnet hvis du vil.

Som standard inkluderer Elementor innholdet i alle feltene i skjemaet. Hvis du bare vil inkludere innhold fra bestemte felt, kan du lime inn kortkodene til dine foretrukne felt i feltet. Budskap.

For eksempel vil innstillingen nedenfor bare sende innholdet i meldingsfeltet.

For å få kortnummeret til et felt, kan du klikke på fanen AVANSERT i det tilhørende feltet av blokken Skjemafelt.

Definisjon av meldinger

Når skjemadataene er sendt inn, vil de besøkende se en vellykket melding under skjemaet. På samme måte vil de også se en feilmelding når skjemadataene ikke sendes inn.

Se også: Hvordan lage en seksjon for teammedlemmer med Elementor

Du kan overstyre disse standardmeldingene, så vel som to andre meldinger, fra blokken Ekstra alternativer under fanen Innhold fra innstillingspanelet. Aktiver Egendefinerte meldinger for å overstyre standardmeldingene.

Tilpasse skjemaet

Når du er ferdig med å gjøre de grunnleggende innstillingene under kategorien Innhold fra innstillingspanelet, kan du bytte til Stil for å tilpasse skjemaet. Det er fem blokker du kan åpne her.

• Form

Du kan åpne denne blokken for å definere mellomrommet mellom kolonnene og linjene i skjemaet, etikettavstand, typografi (skriftfamilie, skriftstørrelse, skriftstil osv.) På skjemaetiketten og fargen på sistnevntes tekst.

• Felt

Du kan åpne denne blokken for å definere typografien til tekst i feltet, så vel som fargen, bakgrunnsfargen på skjemafeltene, størrelsen, kantfargen og kantradiusen til skjemafeltene.

• knapper

Du kan åpne denne blokken for å tilpasse sendeknappen. Du kan angi ting som knappetypetypografi, i tillegg til farge, bakgrunnsfarge, kantradius, kantstørrelse, kantfarge og tekstfylling. For å stille inn størrelsen på knappen, kan du gjøre det fra blokken knapper sous kategorien Innhold.

• meldinger

Du kan åpne denne blokken for å definere typografien, så vel som fargen på meldingsteksten.

• Steps

Du kan bare åpne denne blokken hvis du vil opprette et flertrinnsskjema.

Når du er ferdig med å tilpasse skjemaet, så vel som siden, kan du publisere siden din.

Potensiell feil

En av de vanligste feilene når du setter skjemahandlingen til E-post er at skjemaet ikke sendes. I stedet vil du se følgende melding.

Elementor og de fleste kontaktskjema plugins - inkludert Contact Form 7 - bruker WordPress 'standard e-postleveringsfunksjon kalt wp_mail. Denne funksjonen avhenger av funksjonen send_mail som avhenger av PHP for å fungere.

Les også: Hvordan legge til en attester-glidebryter i Elementor

Dessverre, alle tilbydereWebhotell ikke aktiver funksjonen send_mail av PHP. I så fall vil ikke skjemaet ditt bli sendt. I stedet får du en feilmelding som den ovenfor.

For å løse problemet kan du installere og konfigurere en tilpasset e-postleveringstjeneste på WordPress. Alternativt, hvis mulig, kan du be vertsleverandøren din om å aktivere funksjonen send_mail av PHP.

Til slutt

Elementor er en av de mest omfattende plugins for sidebygger. Den leveres med en rekke designelementer (kalt widgets) slik at du enkelt kan legge til elementer på siden, inkludert et kontaktskjema.

Selv om du kan bruke Skjema-widgeten til å lage et kontaktskjema fra bunnen av med ditt eget design, tilbyr Elementor også skjemamaler du kan bruke. Du kan til og med opprette en kontaktside (komplett med kontaktskjemaet, selvfølgelig) fra en mal.

Få Elementor Pro nå!

konklusjonen

Her! Det er det for denne artikkelen som viser deg hvordan du oppretter et kontaktskjema i Elementor. Hvis du er bekymret for hvordan du kommer dit fgi oss beskjed i commentaires.

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 om WordPress blog oppretting eller den på Divi: tidenes beste WordPress-tema.

Men i mellomtiden, del denne artikkelen på de forskjellige sosiale nettverkene dine.

...