Vil du lage et flertrinnsskjema eller vil du lage et flersideskjema i WordPress? Dette WordPress opplæring forklarer alt for deg ?
Hvis du vil lage skjemaer på nettstedet ditt som gjør det bra, er flersideskjemaer veien å gå. Spredt over flere sider bekjemper de tretthet og øker brukerengasjementet.
I denne artikkelen skal vi vise deg hvordan du lager et flersideskjema i WordPress slik at du kan få flere konverteringer.
Men før, hvis du aldri har installert WordPress Discover Hvordan installere en WordPress blogg 7 trinn et Hvordan finne, installere og aktivere en WordPress tema på bloggen din
Så tilbake til hvorfor vi er her.
Men hvorfor bruke flersideskjemaer i WordPress?
Hvorfor legge til et flersideskjema i WordPress?
Som vi nevnte ovenfor, er skjemaer med flere sider delt over flere sider. Å legge til flere trinn i et skjema kan virke kontraintuitivt, men det kan faktisk øke skjemakonverteringsfrekvensene.
Flersideskjemaer reduserer friksjonen for brukere som må ta for mange valg på en gang. Enkle alternativer gjør hvert trinn i skjemaet mindre overveldende, og fremdriftsindikatorer oppfordrer brukere til å fortsette og fullføre skjemaet.
Siden du har utformet skjemaet ditt for å forbedre fullføringsgraden, vil du være mindre sannsynlig å oppleve at skjemaet blir forlatt. Og med bruk av betinget logikk kan du servere forskjellige sider til brukerne basert på deres svar, noe som vil gjøre det lettere å samle informasjonen du trenger.
Nå som du vet hvorfor det er ideelt å bruke flersidesskjemaer Brukererfaring, La oss gå videre til å lage et skjema i WordPress.
Hvordan lage et flersideskjema i WordPress
I denne opplæringen skal vi bruke WPForms å lage flersideskjemaer i WordPress. WPForms er den beste dra og slipp WordPress skjemabygger-plugin. Og med over 3 millioner aktive installasjoner er det det mest nybegynnervennlige verktøyet som er tilgjengelig.
Det beste av alt er at den har både en gratis og betalt versjon, men i dag skal vi bruke Pro-versjonen av WPForms for å lage et flersidet skjema i WordPress.
Les også vår guide på Slik tilpasser du WPForms-skjemaer med Elementor
Så la oss starte med det første trinnet, som er å lage et nytt skjema.
Trinn 1: Lag et nytt skjema i WordPress
Det første du må gjøre er å installere og aktivere plugin WPForms. Hvis du ikke vet hvordan, kan du følge denne trinnvise veiledningen for å installere WordPress-plugins for nybegynnere.
Med WPForms kan du dele alle typer skjema i flere deler, så la oss gå videre og lage en Kontaktskjema enkel.
Gå til menyen WPForms -> Legg til for å lage et nytt skjema og vise de tilgjengelige malene.
Deretter, på denne siden, navngi skjemaet ditt, skriv flere sider Kontakt skjema i søkefeltet i venstre sidefelt. Hold deretter musepekeren over resultatet av søket og klikk på knappen Bruk malen.
WPForms åpner skjemamalen i dra og slipp-skjemabyggeren slik at du kan redigere den.
Som du kan se er skjemaet tomt, så vi begynner å dra felt inn i det. Vi kommer til å slette følgende felt:
- navn
- Epost
- Kommentar eller melding
Du kan legge til felt i skjemaet ved å dra dem fra venstre kolonne til høyre kolonne. Bare klikk på et hvilket som helst skjemafelt for å redigere innholdet og dra det for å omorganisere posisjonen.
Hvis du vil legge til mer enn én Kontaktskjema til WordPress-nettstedet ditt, kan du også lage følgende typer skjemaer med WPForms:
- Spørreskjema
- Online bestillingsskjema
- skriv skjema stil skjema
- Skjema for filopplasting
De fleste av disse typene skjemaer er lengre enn standard kontaktskjemaer, så å dele dem opp i flere trinn kan forbedre konverteringene.
Nå som du vet hvordan du kommer i gang, la oss lære hvordan du deler opp skjemaet vårt i deler.
Trinn 2: Del skjemaet i deler
Når du har tilpasset skjemaet og lagt til feltene du trenger, legger du til feltet Sideskift å dele opp skjemaet på forskjellige sider.
For å gjøre det, se under Sophisticated Fields-overskriften og dra skjemafeltet Sideskift i høyre panel.
Slipp feltet på skjemaet der du vil at det skal deles.
Gjenta dette for hver del der du vil dele opp skjemaet til en annen side. Derfra kan du fortsette å tilpasse skjemaet ditt ved å legge til feltene du trenger for å fylle det ut.
Selv om WPForms lar deg legge til så mange skjemaer du vil, er det avgjørende å unngå å overvelde brukere med for mye informasjon. Dette kan få dem til å forlate skjemaet ditt, som er det motsatte av det du ønsker å oppnå.
Trinn 3: Tilpass skjemaets fremdriftslinje
For å øke flyten i skjemaet ditt kan du legge til en fremdriftslinje. En fremdriftslinje viser folk de forskjellige delene av skjemaet ditt og er en flott visuell indikator på hvor mye arbeid som gjenstår.
WPForms kommer med 3 forskjellige fremdriftsindikatorlinjer for flersidesskjemaer som er som følger:
- Kontakter – Koblingslinjer og sidetitler for hvert trinn i skjemaet.
- Cercles – Nummererte sirkler og sidetitler for hvert trinn i skjemaet.
- Fremdriftslinje – Brukerfremdriftsindikator når de fullfører skjematrinnene.
Klikk på feltet for å endre fremdriftslinjen og sidetittelen på den første siden i skjemaet med flere sider Første sideskift.
Du vil da se et nytt panel der du kan velge fremdriftstype for skjemaet ditt. I dette området kan du også endre fargen som brukes for å markere fremdriftsindikatoren hvis ønskelig.
Hvis du velger alternativene sirkler ou kontakter, kan du også redigere sidetittelen. Dette hjelper brukerne å vite hvilken del av skjemaet de er på, slik at de ikke går seg vill. Men hvis du foretrekker å ikke gjøre det, vil en standard fremdriftslinje vises til brukerne for å veilede dem gjennom å fylle ut skjemaet.
Deretter kan du redigere knappen Side suivante og tekst, som tar brukerne til neste side i skjemaet.
For å gjøre det, klikk på knappen følgende på siden din, kan du endre etiketten på knappen i venstre kolonne.
I tillegg kan du legge til en knapp forrige ved å aktivere bryteren Se forrige. På denne måten vil brukerne kunne gå tilbake hvis de har glemt å legge til informasjon.
Når du er ferdig med å tilpasse fremdriftslinjen, klikker du Enregistrer og gå til neste trinn.
Trinn 4: Rediger skjemainnstillingene
La oss nå gå videre til å endre skjemainnstillingene. For å gjøre det, gå til Innstillinger -> Generelt.
I denne delen kan du angi følgende alternativer:
- Skjemanavn – Gi skjemaet ditt et nytt navn hvis du ønsker det.
- Beskrivelse av skjemaet – Legg til en beskrivelse i skjemaet for referanse.
- Send inn knapptekst – Rediger teksten på send-knappen.
- Aktiver spambeskyttelse – Aktiver anti-spam-alternativet for å forhindre at spammere sender uønskede innsendinger.
Når innstillingene er konfigurert, klikk Enregistrer.
Trinn 5: Angi skjemavarslene dine
Varslingsinnstillinger i WPForms, sender en e-post når et skjema sendes inn på WordPress-nettstedet ditt.
Du finner varslingsinnstillinger ved å klikke Innstillinger -> Varsler.
Hvis du ikke slår av skjemavarsler, vil du motta en e-post for hvert skjema som sendes inn på nettstedet ditt.
På den annen side kan du bruke smartmerker til å sende en e-post til folk som fyller ut skjemaet ditt. Smartetiketter er en fin måte å fortelle dem at skjemaet deres er riktig utfylt og at du har mottatt det.
Det er enda bedre å bruke denne funksjonen på lange skjemaer med flere trinn, siden de kan ta lengre tid å fylle ut. I tillegg sparer det brukere fra å vandre rundt hvis alt gikk bra. For mer hjelp kan du se dokumentasjonen for å sette opp skjemavarslinger ici.
Når du er ferdig med å konfigurere varslene, går du videre til å konfigurere skjemabekreftelsesmeldingen.
Trinn 6: Angi skjemabekreftelsesmeldingen
Skjemabekreftelsesmeldinger er korte meldinger som vises til brukere når de har sendt inn et skjema på nettstedet ditt. Det er en fin måte å fortelle folk at skjemaet deres blir behandlet og hvilke skritt som må tas.
Det er 3 typer bekreftelsesmeldinger i WPForms som er:
- Melding – Enkel melding som informerer brukerne om at skjemaet deres er sendt inn.
- Vis side – Send brukere til en annen side, for eksempel en takkeside etter at de har sendt inn skjemaet.
- Gå til URL (viderekobling) – Send besøkende til et annet nettsted etter innsending av skjema.
For å konfigurere bekreftelsesmeldingen, klikk Innstillinger -> Bekreftelse.
Velg deretter typen melding du vil vise til de besøkende etter å ha fylt ut skjemaet. For denne opplæringen vil vi velge Melding.
Tilpass nå teksten i meldingen etter dine behov og klikk videre Enregistrer når du er fornøyd.
Du er nå klar til å legge til skjemaet ditt i WordPress.
Trinn 7: Legg til skjemaet ditt i WordPress
Når du har laget skjemaet med flere sider, er det på tide å legge det til på WordPress-nettstedet ditt. Med WPForms kan du legge til skjemaet på mange områder på nettstedet ditt. Disse kan være sider, innlegg, sidefelter og andre widget-klare områder.
La oss se hvordan du legger til flersideskjemaet ditt på en WordPress-side.
For å komme i gang, naviger til WordPress-administrasjonsområdet og klikk Sider -> Legg til.
Klikk deretter på plussikonet i WordPress-redigeringsprogrammet for å legge til en ny innholdsblokk. I søkeboksen skriver du inn WPForms for å enkelt finne den.
Klikk nå på WPForms-blokken for å legge den til siden din.
Når WPForms vises i blokken din, klikker du på rullegardinpilen for å velge skjemaet med flere sider fra listen og sette det inn på siden din.
Så snart flersideskjemaet er valgt, vil det vises på siden din.
Og det er alt ! Du har lært hvordan du lager et flersidet skjema.
Andre anbefalte ressurser
Vi inviterer deg også til å konsultere ressursene nedenfor for å komme videre i grepet og kontrollen av nettstedet og bloggen din.
- Ved hjelp av forskjellige bakgrunner WordPress
- Slik administrerer du URL-ene til bildene i WordPress-bloggen din
- Hvordan du konfigurerer CloudFlare CDN for din WordPress blog
- PayPal-svindel: Hvordan gjenkjenne dem?
konklusjonen
Der ! Det var alt for denne opplæringen. Vi håper denne artikkelen hjalp deg med å lære hvordan du oppretter et skjema med flere trinn eller flere sider.
Du vil imidlertid også kunne konsultere våre ressources, hvis du trenger flere elementer for å gjennomføre prosjektene dine med oppretting av nettsteder, ved å konsultere vår guide om WordPress blog oppretting.
Men i mellomtiden, ikke glem å gi oss din commentaires og forslag i den dedikerte delen.
...
