Hvordan lage et kontaktskjema i WordPress [Step-by-Step]


Ønsker du å legge til et kontaktskjema på WordPress-siden din? Å ha et kontaktskjema gir publikum en direkte måte å komme i kontakt med deg på.

Kanskje de har et generelt spørsmål, eller kanskje de ønsker å stille spørsmål om produktene eller tjenestene dine. Uansett, et kontaktskjema lar dem gjøre det.

I denne artikkelen viser vi deg hvordan du lager et enkelt kontaktskjema i WordPress. Og ikke bekymre deg, det er ingen koding involvert siden vi skal bruke WPForms-plugin.

La oss begynne!

Tilbake til toppen

Godt spørsmål. Hvorfor ikke la folk sende deg direkte e-post? Her er 3 gode grunner til å bruke et kontaktskjema.

1. Beskytter deg mot spam

Ved å bruke et kontaktskjema hindrer du deg i å motta masse spam. Hvis du oppgir e-postadressen din på nettstedet ditt, vil den sannsynligvis bli plukket opp og kopiert av spambotene som regelmessig tråler nettsteder. Så hold e-postadressen din trygg og bruk et kontaktskjema i stedet.

2. Du sparer tid

Ved å bruke et kontaktskjema kan du kontrollere og organisere informasjonen du trenger å samle inn. Noe som igjen kutter ned på å sende e-poster frem og tilbake. Og fra et brukerperspektiv har de et klart til bruk sted å skrive inn meldingen og trykke send umiddelbart.

3. Organiserer informasjon

Med et kontaktskjema vil du motta konsistent og organisert informasjon fra brukerne dine. Du kan opprette spesifikke felt for å veilede dem gjennom meldingsprosessen, slik at du bare mottar det som er relevant.

Tilbake til toppen

Når du starter en ny blogg, vil du legge merke til at WordPress ikke kommer med et kontaktskjema, noe som betyr at du må bruke en kontakt fra plugin.

I denne opplæringen lærer du hvordan du lager et enkelt kontaktskjema ved å bruke WPForms:

WPForms Dra-og-slipp WordPress Form Builder

WPForms er den mest nybegynnervennlige kontaktskjemapluginen tilgjengelig for WordPress. Du kan bruke dra-og-slipp-byggeren til å lage et kontaktskjema med bare noen få klikk.

For denne opplæringen vil vi bruke WPForms Lite, som er 100 % gratis. Du kan oppgradere til WPForms Pro når som helst når du ønsker å lage mer avanserte skjemaer, for eksempel en bloggundersøkelse.

Å lese:  Hvordan kan jeg forbedre kundeservice og CRO for nettbutikken min?

La oss komme i gang!

Trinn 1: Installer WPForms

Først må du installere WPForms-plugin.

Gå til WordPress-dashbordet ditt Plugins > Legg til ny:

legge til nye plugins

Skriv inn i søkefeltet WPForms:

installer WPForms

Når du finner den, klikk på Installere nå knapp. Når du er installert, sørg for at du aktivere plugin-en.

Merk: Hvis du trenger hjelp, følg vår trinnvise veiledning på hvordan installere en plugin i WordPress.

Trinn 2: Lag et enkelt kontaktskjema

Når du har aktivert plugin-en, er du klar til å opprette kontaktskjemaet ditt.

Klikk på Legg til ny knappen i WPForms menyen for å starte dra-og-slipp-skjemabyggeren:

legge til et nytt skjema

Skriv inn et navn for skjemaet ditt:

Skriv inn kontaktskjemanavnet ditt

Og velg deretter Enkelt kontaktskjema mal:

Velg Enkelt kontaktskjema

Nå vil du se kontaktskjemaet ditt med noen eksempelfelt:

Rediger enkelt kontaktskjema

Du starter med navn, e-post og meldingsfelt. Men du kan legge til flere felt i kontaktskjemaet ditt ved å dra dem fra venstre panel til høyre panel:

Og du kan også omorganisere rekkefølgen på feltene på skjemaet ditt ved å dra dem til en ny posisjon:

dra og slipp for å omorganisere felt

Hvis du klikker på et skjemafelt, vil du se alternativene for å redigere, omorganisere eller slette det:

Rediger, omorganiser eller slett felt i WPForms

Når du er ferdig med å tilpasse skjemaet, klikker du på Lagre knapp.

Trinn 3: Konfigurer kontaktskjemaets generelle innstillinger

Deretter skal du konfigurere kontaktskjemainnstillingene dine, så gå til Innstillinger > Generelt:

WPForms generelle innstillinger

På dette panelet kan du konfigurere følgende:

  • Skjemanavn – Gi nytt navn til skjemaet hvis du vil.
  • Skjemabeskrivelse – Gi skjemanavnet en beskrivelse.
  • Send inn knapptekst – Endre teksten på send-knappen.
  • Aktiver anti-spam honeypot – Hindre spambotter fra å sende inn skjemaer. (Denne funksjonen aktiveres automatisk på alle WordPress-skjemaer. Hvis du bestemmer deg for å bruke en annen form for spam-forebygging, fjern merket for dette alternativet.)
  • Aktiver Google Invisible v2 reCAPTCHA – Legger til reCAPTCHA for å forhindre spamboter.
Å lese:  Hva gjør en Pitch Deck Designer?

Det finnes også alternativer for å legge til forskjellige tilpassede CSS-klassenavn, men disse er ikke påkrevd når du oppretter et enkelt kontaktskjema.

Når du har konfigurert de generelle innstillingene, klikker du Lagre.

Trinn 4: Konfigurer kontaktskjemavarslene dine

De Varsler innstillinger gir deg beskjed via e-post når noen sender inn et kontaktskjema på nettstedet ditt:

WPForms-varsler

Alle felt er forhåndsutfylt når du oppretter skjemaet, og med mindre du trenger å endre dem, vil de fungere fint.

  • Send til e-postadresse – Standardvarsler går til Admin-e-postadressen som er konfigurert på nettstedet ditt. (Du kan endre standarden eller legge til flere e-postadresser hvis du ønsker det.)
  • E-post Emne – Forhåndsutfylt med skjemanavnet ditt.
  • Fra navn – Forhåndsutfylt med brukernavnet ditt.
  • Fra e-post – Forhåndsutfylt med brukerens e-postadresse.
  • Svare på – Forhåndsutfylt med brukerens e-postadresse.
  • Beskjed – Inneholder brukerens melding fra skjemaet.

Hvis du bruker smarte taggerkan du også sende et varsel til brukeren når de sender inn et kontaktskjema for å fortelle dem at du har mottatt det og vil ta kontakt om kort tid.

Når du har fullført varslingsinnstillingene, klikker du Lagre.

Trinn 5: Konfigurer kontaktskjemabekreftelsene

De Bekreftelse innstillingen lar deg vise en melding til brukere når de fyller ut skjemaet:

WPForms bekreftelsesinnstilling

Du kan velge mellom 3 typer bekreftelse når en bruker sender inn et kontaktskjema:

  • Beskjed – Viser en enkel bekreftelsesmelding.
  • Vis side – Tar besøkende til en takkeside på nettstedet ditt.
  • Gå til URL (viderekobling) – Sender besøkende til en side på et annet nettsted.

Klikk på når du har fullført bekreftelsesinnstillingene Lagre.

Tilbake til toppen

Nå du er ferdig med å opprette kontaktskjemaet ditt, er du klar til å legge det til på nettstedet ditt.

Å lese:  Hvordan smarte wearables endrer verden rundt oss

La oss ta en titt på 3 steder hvor du kan legge til kontaktskjemaet ditt.

1. Legg til kontaktskjemaet på kontaktsiden

Det første stedet å legge til kontaktskjemaet ditt er Kontaktside. Du kan enten redigere din eksisterende kontaktside eller opprette en ny.

Slik legger du den til på kontaktsiden din ved å bruke Gutenberg Block Editor.

Gå til blokken der du vil legge til kontaktskjemaet og klikk på «+» ikon. Søk etter WPForms og klikk på WPForms-ikon for å legge den til i blokken på siden din:

legg til WPForms-blokk

Velg nå kontaktskjemaet ditt fra rullegardinmenyen WPForms:

velg kontaktskjema

Lagre utkastet og forhåndsvis siden:

Merk: I dette eksemplet kan du se reCaptcha-alternativet aktivert i nedre høyre hjørne.

2. Legg til kontaktskjemaet på en side eller et innlegg

Det neste stedet du kanskje vil legge til kontaktskjemaet ditt er en annen side eller et innlegg. For eksempel, hvis du hadde en Tjenester siden som beskrev tjenestene dine og ba potensielle kunder kontakte deg.

I stedet for å koble fra Tjenester-siden til Kontakt-siden, kan du legge inn kontaktskjemaet direkte på Tjenester-siden.

Slik legger du til kontaktskjemaet på tjenestesiden din ved å bruke Gutenberg Block Editor.

Finn stedet på siden din der du vil sette inn kontaktskjemaet. For eksempel vil det være fornuftig å bygge inn kontaktskjemaet etter du har bedt folk ta kontakt:

legg til et kontaktskjema på tjenestesiden din

Når du har rett plass, følg de samme trinnene som ovenfor for å velge og legge til WPForms-blokken.

For eksempel, slik kan kontaktskjemaet se ut på Tjenester-siden din etter at du har bedt folk om å kontakte deg for mer informasjon:

forhåndsvise kontaktskjemaet på tjenestesiden din

3. Legg til kontaktskjemaet i sidefeltet (eller widgetområdet)

WPForms inkluderer en widget som lar deg legge til skjemaene dine i en sidefelt eller et annet widgetområde i temaet ditt, for eksempel Footer-widgetområdet.

Slik legger du til kontaktskjemaet i sidepanel-widgeten.

Gå til WordPress-admin-dashbordet Utseende > Widgets. Du vil se en WPForms-widget som du kan legge til i hvilken som helst Widget-område av temaet ditt.

Å lese:  Er AliDropship lønnsomt? [Everything You Need To Know]

Velg for eksempel din hovedsidepanelet fra listen over alternativer, og klikk på Legg til widget knapp:

Legg til WPForms-widget i sidefeltet

Deretter legger du til tittelen for widgeten din og velger skjemaet du vil vise:

Velg kontaktskjema

Lagre innstillingene, og besøk nettstedet ditt for å sjekke hvordan det ser ut i sidefeltet:

Forhåndsvis kontaktskjema i sidefelt-widgetområdet

Husk at du kan bruke de samme trinnene for å legge til kontaktskjemaet ditt til et hvilket som helst widget-området på nettstedet ditt. Disse varierer fra tema til temamen mest sannsynlig vil du ha widgetområder i sidefeltet og bunntekstområdet.

Tilbake til toppen

Nå som du har lagt til et kontaktskjema på nettstedet ditt, vil du gjerne vite hvordan det fungerer.

Og den enkleste måten å spore ytelsen til kontaktskjemaet er med MonsterInsightsden beste Google Analytics-pluginen for WordPress.

MonsterInsights WordPress Analytics-plugin

MonsterInsights inkluderer en Skjematillegg som automatisk sporer skjemavisninger og konverteringer.

Hvis du ikke har installert MonsterInsights ennå, følg vår trinnvise veiledning.

Etter at du har installert MonsterInsights, gå til Innsikt > Tilleggfinn Skjemaer addon, og klikk på Installere knapp:

Installer MonsterInsights Forms Addon

Når den er installert, vil du se statusendringen til Aktiv:

Aktiver MonsterInsights Forms Addon

Og det er alt du trenger å gjøre!

MonsterInsights vil nå begynne å spore skjemaene dine automatisk. Du kan sjekke ytelsen deres i Innsiktsrapporter:

MonsterInsights-skjemarapport

For hvert skjema kan du se hvilken som får flest visninger og konverteringer, og sammenligne konverteringsfrekvensen.

Sørg også for å sjekke ut vår guide for hvordan du installerer Google Analytics på WordPress.

Tilbake til toppen

Innpakning

Nå vet du hvordan du lager et enkelt kontaktskjema i WordPress ved hjelp av WPForms og legg den til på siden din! I tillegg vet du hvordan du sporer suksessen til kontaktskjemaene dine ved å bruke MonsterInsights.

Trenger du litt inspirasjon før du lager din egen? Se vår oppsummering av de beste kontakt oss-sidene på nettet for flere ideer.

Gi oss beskjed hvis du har spørsmål om å opprette og installere kontaktskjemaet ditt. Og sørg for å fortelle oss hvordan kontaktskjemaet ditt fungerer i kommentarene nedenfor.

Nye publikasjoner:

Anbefaling