Du har laget en "Kontakt oss"-side i WordPress, men det eneste som står der er en e-postadresse. Besøkende må åpne e-postprogrammet sitt, skrive inn adressen manuelt og formulere en melding fra bunnen av. Mange gir opp underveis. Et kontaktskjema rett på siden fjerner all denne friksjonen. Besøkende fyller ut feltene, klikker send, og meldingen havner i innboksen din. WPForms er den mest populære utvidelsen for kontaktskjema i WordPress, med over seks millioner aktive installasjoner og fem stjerner fra rundt 14 000 anmeldelser.
Installer WPForms
Gå til Utvidelser i sidemenyen og klikk Legg til ny. Søk etter "WPForms" i søkefeltet. Du ser raskt at utvidelsen har imponerende tall for installasjoner og anmeldelser. Klikk Installer nå og deretter Aktiver. Etter aktivering dukker det opp et nytt menypunkt i sidemenyen kalt WPForms.
Opprett ditt første kontaktskjema i WordPress
Klikk på WPForms i sidemenyen og velg Add New. Du får en liste med ferdige maler. Velg Simple Contact Form. Denne malen gir deg de tre feltene de fleste kontaktskjemaer trenger: navn, e-postadresse og melding.
Du lander i WPForms sin skjemabygger, som viser en forhåndsvisning av skjemaet til høyre og innstillinger til venstre. Skjemaet er funksjonelt allerede nå, men det er på engelsk. Det fikser du i neste steg.
Oversett feltene til norsk
Et kontaktskjema med engelske felt på en norsk nettside ser uprofesjonelt ut. Heldigvis er det enkelt å endre.
Klikk på det første feltet, Name, i forhåndsvisningen. Til venstre dukker innstillingene for feltet opp. Endre Label fra "Name" til "Navn". Gjør det samme for de andre feltene: endre "Email" til "E-post" og "Comment or Message" til "Beskjed" eller "Melding".
Klikk deretter på Send-knappen nederst i skjemaet. Endre knappeteksten fra "Submit" til "Send". Nå er hele skjemaet på norsk og klart til bruk.
Legg skjemaet inn på en side
Skjemaet du har laget må plasseres på en side for at besøkende skal se det. Gå til Sider i sidemenyen og åpne siden du vil ha kontaktskjemaet på, for eksempel "Kontakt oss".
I blokkredigereren klikker du på plusstegnet for å legge til en ny blokk. Søk etter "WPForms" og velg WPForms-blokken. En nedtrekksliste viser alle skjemaene du har laget. Velg kontaktskjemaet ditt. Skjemaet vises umiddelbart i redigeringsverktøyet slik at du kan se hvordan det passer inn på siden.
Klikk Oppdater eller Publiser for å lagre endringene. Nå kan du besøke siden og se skjemaet live. Prøv å fylle det ut og sende en testmelding for å bekrefte at alt fungerer.
Kontaktskjema WordPress: hvor havner meldingene?
Som standard sendes alle meldinger fra kontaktskjemaet til administratorens e-postadresse i WordPress. Det er den e-posten du oppga da du installerte WordPress. Hvis du vil endre mottakeradressen, eller sende til flere personer, gjør du det i skjemaets innstillinger.
Gå til WPForms i sidemenyen, åpne skjemaet og klikk på Settings i venstremenyen. Under Notifications finner du feltet Send To Email Address. Endre denne til riktig e-postadresse. Du kan legge til flere mottakere ved å separere adressene med komma.
Du kan også tilpasse emnelinjen og avsendernavnet på e-posten som sendes, slik at meldingene er enkle å gjenkjenne i innboksen. Endre Email Subject Line til noe beskrivende som "Ny melding fra kontaktskjemaet" for å skille dem fra annen e-post.
Tilpass skjemaet videre
Gratisversjonen av WPForms lar deg gjøre mye mer enn bare et enkelt kontaktskjema. I skjemabyggeren kan du dra inn nye felter fra panelet til venstre. Du kan legge til nedtrekkslister for å la besøkende velge en kategori, avkrysningsbokser for spesifikke alternativer, eller tallfelt for telefonnummer.
Noen tips for et godt kontaktskjema:
- Hold det kort. Jo flere felt, jo færre fyller det ut. Navn, e-post og melding er nok for de fleste.
- Gjør bare de nødvendige feltene obligatoriske. En besøkende som bare vil stille et raskt spørsmål bør ikke tvinges til å fylle ut ti felt.
- Legg til en bekreftelsesmelding som vises etter innsending. Standardmeldingen er på engelsk, så endre den til noe som "Takk for meldingen! Vi svarer så snart vi kan."
Bekreftelsesmeldingen finner du under Settings og Confirmations i skjemabyggeren. Endre teksten til norsk og tilpass den til din nettside.
Spambeskyttelse
Kontaktskjemaer tiltrekker seg spam. Roboter finner skjemaet ditt og sender søppelmeldinger i hundretall. WPForms har innebygd spambeskyttelse som filtrerer bort de enkleste forsøkene. For ekstra beskyttelse kan du aktivere en CAPTCHA eller koble til Google reCAPTCHA under skjemainnstillingene. Du finner dette under Settings og Spam Protection and Security.
God spambeskyttelse er spesielt relevant hvis nettsiden din har høy trafikk. For en nyopprettet nettside med lite besøk holder den innebygde beskyttelsen som regel.
Neste steg
Nå har du et fungerende kontaktskjema på WordPress-nettsiden din. For å sørge for at folk faktisk finner nettsiden og kontaktskjemaet ditt, bør du sette opp Yoast SEO for å optimalisere innholdet for søkemotorer. Og er nettsiden din live, sørg for at den er sikret med Wordfence slik at kontaktskjemaet og resten av innholdet er beskyttet.
Denne videoen er hentet fra kurset WordPress - komplett guide på Utdannet.no. I det fulle kurset lærer du å lage kontaktskjema i WordPress med WPForms, tilpasse felter og varslinger, og integrere skjemaer med resten av nettsiden din.
