Wordpress

WS Form Review: En kraftig og fleksibel skjemaplugin

Ser du etter den beste skjemapluginen for WordPress-nettstedene dine? I min WS Form-anmeldelse vil jeg ta en detaljert titt på en av de nyeste deltakerne.

Mens WordPress-formmarkedet allerede er ganske overfylt, er WS Form ikke bare en kopi-katt...

Den har noen unike ting på gang som hjelper deg med å lage mer komplekse typer skjemaer. Og hvis du er en utvikler/kraftbruker, vil du spesielt nyte funksjoner som en nyttig feilsøkingskonsoll, automatisk rammeverksdeteksjon (f.eks Bootstrap), og mer.

La oss grave inn fordi det er mye å dekke...

ws-skjemagjennomgang

WS Form Review: Funksjonslisten (Kort!)

Jeg vil ikke bruke for lang tid her fordi markedsføringseksemplaret allerede dekker disse funksjonene, og du vil se dem i mye mer detalj etter hvert som du leser videre, men for å sette scenen er noen av kjernefunksjonene:

  • Dra og slipp formbygger
  • Enkel responsiv design
  • Betinget logikk
  • Etter lagrings- eller innsendingshandlinger (eller handlinger utløst av betinget logikk)
  • Se skjemainnsendinger i WordPress-dashbordet
  • Faneskjemaer
  • Klar for tilgjengelighet
  • Innebygd skjemakonverteringssporing
  • GDPR-samsvarsfunksjoner
  • e-handelsfunksjonalitet (f.eks. godta betalinger med skjemaene dine)
  • Integrasjoner med Zapier, e-postmarkedsføringstjenester, Slack og mer.
  • Utviklerfunksjoner, som en fantastisk feilsøkingskonsoll

WS Form Priser

Det er en begrenset gratisversjon av WS Form tilgjengelig på WordPress.org.

Deretter er det to måter du kan legge til mer funksjonalitet på.

For det første er det kjernen WS Form Pro-versjonen, som gir deg tilgang til alle felttyper og andre premiumfunksjoner. Pro-versjonen koster:

  • $40 for en enkelt nettstedslisens uten tillegg
  • $250 for ubegrensede nettsteder og alle tillegg.

Hvis du kjøper enkeltsteds WS Form PRO-alternativet, kan du utvide det ytterligere med individuelle tillegg for $20 hver. Disse tilleggene gir deg tilgang til integrasjoner for e-postmarkedsføringstjenester, betalingsgatewayer og mer.

Hands-on med WS Form: Sette opp plugin

Etter at du har installert og aktivert WS Form-pluginen, gir den deg denne fine lille oppsettsveiviseren som lar deg skreddersy grensesnittet basert på kunnskapsnivået ditt:

oppsett

Avhengig av hvordan du svarer på det første spørsmålet, får du forskjellige alternativer på neste skjermbilde.

For eksempel hvis du velger Gjør det enkelt or Jeg er kjent, får du en fin liten forklaringsvideo som viser deg hvordan du lager skjemaer:

video

På den annen side, hvis du velger Jeg er en utvikler, får du en melding om å velge rammeverket ditt før videoen (f.eks. Bootstrap, Foundation. Eller du kan si at du ikke bruker en):

velge rammeverk

Fordelen her er at WS Form kan skrive ut skjemaene ved å bruke rammeverket ditt for å unngå unødvendig CSS.

Det er en liten ting – men jeg liker oppmerksomheten på detaljer her.

Opprette et skjema med WS-skjema

Når du går for å lage et nytt skjema med WS Form, er det første du ser en liste over tilgjengelige maler.

Dette er en funksjon som jeg liker i skjemaplugins, siden den eliminerer slitet med å legge til de grunnleggende feltene som alle skjemaer trenger.

skjema maler

WS Forms maler er delt inn i tre faner:

Populær:

  • Kontakt oss
  • Nyhetsbrev registrer deg
  • Sitatforespørsel
  • Forespørsel om avtale
  • RSVP
  • Filopplasting

E-handel:

  • Generisk kjøpsskjema
  • Donasjon
  • Bestilling av gavekort

GDPR:

  • Forespørsel om sletting av data
  • Forespørsel om dataeksport

Disse to siste er veldig nyttige for å hjelpe deg med å overholde GDPR.

Selvfølgelig kan du også alltid velge å starte fra en tom mal.

Skjemabyggergrensesnittet

WS Form gir deg dra-og-slipp-grensesnitt for å hjelpe deg med å bygge skjemaet ditt. Du vil se en forhåndsvisning av skjemaet til venstre og en liste over tilgjengelige felttyper til høyre:

ws formbygger

For å legge til nye felttyper, drar du dem bare over. Og du kan også bruke dra-og-slipp for å omorganisere eksisterende felttyper.

Hvis du ønsker å tilpasse et individuelt felt, kan du klikke på Gear ikonet for det feltet og det åpner en liste over innstillinger i sidefeltet til høyre:

Alt dette er ganske standardpris for et WordPress-skjemaplugin så langt.

Men WS Form gjør faktisk noen småting her som er veldig pene.

En av favorittfunksjonene mine er den responsive designen og rutenettskolonnekontrollen.

Først kan du bruke glidebryteren nederst for å målrette mot bestemte enhetsbruddpunkter for utformingen av skjemaet ditt:

adaptiv design

Deretter, for å justere oppsettet for hele skjemaet eller et spesifikt skjemafelt, kan du bruke dra-og-slipp for å velge hvor mange kolonner et felt tar opp (som et rutenett). Som standard får du 12 kolonner, men du kan justere det i WS Forms innstillinger:

Dette er en veldig fin funksjon - av skjemapluginene som jeg har brukt, tror jeg dette er det beste layoutsystemet jeg har møtt.

La oss grave inn i noen mindre funksjoner nå...

Skjemafeltinnstillinger

Når du redigerer et enkelt felt, får du tre faner:

  • grunn~~POS=TRUNC
  • Avansert
  • Dataliste

De grunn~~POS=TRUNC fanen er nettopp det – grunnleggende innstillinger som om et felt er påkrevd, standardverdier/plassholdere osv.

En fin funksjon her er en innebygd tilgjengelighetsfunksjon som lar deg legge til en ARIA-etikett:

tilgjengelighet

De Avansert fanen hjelper deg med validering, inndatabegrensninger og noen andre avanserte funksjoner.

Telefonnummer-feltet lar deg for eksempel legge til en inndatamaske for å håndtere postnummeret.

En fin funksjon her er at du kan klikke på hamburgermenyen for å få tilgang til noen praktiske forhåndsinnstillinger:

Endelig Dataliste tab er en veldig fin funksjon. I hovedsak lar den deg definere autosuggest-alternativer som vises når en besøkende begynner å skrive i feltet:

I eksemplet ovenfor kan du se at jeg har lagt til to alternativer i datalisten. Så, her er hvordan disse alternativene vises på front-end:

Denne funksjonen er super fleksibel – mitt enkle eksempel er bare å skrape på overflaten. Finn ut mer i denne hjelpeartikkelen.

Flersideskjemaer med faner

For å hjelpe deg med å lage skjemaer med flere sider, bruker WS Form faner i stedet for vanlig paginering.

Du kan opprette disse fanene i skjemabyggergrensesnittet og legge til forskjellige felt i hver fane:

Deretter kan du legge til dedikerte knapper for Forrige fane or Neste fane:

Og så kan folk enten klikke på faner for å flytte frem og tilbake eller bruke de dedikerte knappene:

skjemaer med faner

Detaljert betinget logikk

Hvis du vil legge til betinget logikk i skjemaet ditt, bruker du en dedikert Betinget logikk sidefelt, i stedet for å sette den opp i de individuelle feltinnstillingene som noen skjemaplugins har du gjort.

For å legge til betinget logikk, bruker du en enkel HVIS, SÅ, ANNET struktur (Jeg har gjort sidefeltet i full skjerm slik at det er lettere å se):

Du kan for eksempel lage noe som:

  • HVIS "Er du en ny klient?" er lik "Nei"
  • SÅ skjuler du et bestemt skjemafelt
  • ANNET noe annet

betinget logikk

Dette området er superdetaljert fordi du også kan:

  • Legg til flere regler/handlinger til hver IF-, THEN- eller ELSE-setning
  • Legg til flere betingelser

WS Form vil prøve å automatisk fylle ut ELSE-betingelsen for å forenkle ting for deg.

handlinger

Handlinger er en annen kraftig funksjon som lar deg bli mer avansert med skjemaene dine.

Handlinger lar deg gjøre ting som:

  • Utløs en konvertering i Google Analytics eller Facebook
  • Send en e-post
  • Vis en melding
  • Omdiriger brukere
  • Kjør en WordPress-hook
  • Kjør JavaScript
  • Push til et tilpasset endepunkt

Du kan utløse handlinger på to forskjellige måter:

  • Etter en skjemainnsending eller når noen lagrer et skjema. Du kan for eksempel sende en e-postvarsling etter at en bruker har sendt inn et skjema.
  • Med betinget logikk. Så du kan bruke de samme IF/THEN-setningene for å utløse en handling i stedet for å vente på at personen skal sende inn skjemaet.

Fra handlinger grensesnitt, kan du legge til så mange handlinger du trenger:

Hvis du for eksempel har handlingen send en e-post, kan du velge hvem som skal motta e-posten og hvilket innhold den inneholder:

Eller hvis du velger konverteringssporingshandlingen, kan du sende hendelsessporingsinformasjon til Google Analytics:

Grunnleggende skjemainnstillinger

Utover de detaljerte innstillingene jeg viste deg ovenfor, får du også et eget innstillingsområde for skjemaet som helhet. Her kan du stille inn ting som:

  • Spambeskyttelse
  • Innleveringsgrenser
  • Innsendingsbegrensning (f.eks. legg til en start-/sluttdato eller kreve at en bruker er pålogget)

En fin funksjon her er Sporing innstillinger. Disse lar deg spore viss informasjon om innsenderen av skjemaet.

Du kan for eksempel prøve å spore deres:

  • Sted
  • UTM-kilde

Jeg tror dette er en annen nyttig funksjon for å analysere skjemaene dine.

Enkel Angre/Gjør om

Dette er en liten en, men WS Form inkluderer en detaljert angre/redo-funksjon som lar deg hoppe tilbake med både individuelle handlinger og en hel redigeringshistorikk:

angre gjør på nytt

Enkel skjemafeilsøking

Til slutt, en annen praktisk funksjon for å bygge skjemaene dine er WS Forms feilsøkingsmodus.

Med denne modusen aktivert får du en feilsøkingskonsoll som lar deg raskt:

  • Fyll ut skjemaet
  • Send inn skjemaet
  • Gjør begge disse tingene samtidig
  • Last inn/tilbakestill skjemaet på nytt

Dette er en veldig nyttig funksjon, spesielt når du begynner å komme inn i mer avanserte skjemaer:

feilsøkingsverktøy

Flere alternativer for å bygge inn skjemaer

Når du har fullført skjemaet ditt, kan du legge det inn ved å bruke enten en kortkode eller en dedikert blokk for den nye WordPress-blokkredigereren:

gutenberg blokk

Se skjemainnsendinger og analyser fra WordPress-dashbordet

Når du har publisert noen skjemaer, kan du se alle skjemainnsendingene i WordPress-dashbordet (i tillegg til å få e-postvarsler per skjemahandlingene dine):

innleveringer

Utover det er det denne funksjonen som lar deg se konverteringsfrekvensen for skjemaene dine, noe jeg synes er flott:

konverteringssporing

Siste tanker om WS Form

Da jeg først så på WS Form, var jeg litt skeptisk. Det finnes allerede massevis av WordPress-skjemaplugins, hvorav mange gjør de samme tingene på et grunnleggende nivå.

Etter å ha spilt rundt med WS Form ble jeg imidlertid positivt overrasket fordi jeg tror den har inkludert noen flotte funksjoner som de fleste andre skjemaplugins ikke har.

For eksempel liker jeg veldig godt hvordan de har nærmet seg responsiv design med glidebryteren nederst, og rutenettsystemet gjør det enkelt å kontrollere utformingen av skjemaet ditt på forskjellige enheter.

Jeg liker også måten WS Form nærmer seg betinget logikk og handlinger. Selv om det kanskje ikke er den mest brukervennlige måten å gjøre ting for tilfeldig brukere, tror jeg superbrukere vil sette pris på hvor mye fleksibilitet du har til å sette opp betinget logikk og handlinger.

I tillegg er feilsøkingsverktøyet super nyttig for å teste skjemaene dine - jeg skulle ønske at alle skjemaplugins inkluderte noe sånt som dette.

Lang historie kort – WS Form er ikke en annen form plugin copycat – den prøver definitivt å forbedre hvordan andre form plugins nærmer seg ting.

Hvis du leter etter en løsning for å lage skjemaer på WordPress, spesielt former av den mer kompliserte varianten, gi WS Form en titt.

Få WS-skjema

Relaterte artikler

0 kommentarer
Inline tilbakemeldinger
Se alle kommentarer
Tilbake til toppen-knappen