Slik oppretter du et gratis nettbasert kontaktskjema med Google-skjemaer

Å kjøre et nettsted eller en blogg kan være morsomt, men det er ikke alltid enkelt eller greit å tilby en måte for besøkende å kontakte deg. Heldigvis tilbyr Google en perfekt kontaktskjemaoppløsning for nettstedet: Du kan legge inn et Google-skjema på en side og samle alle kommentarer fra leserne dine i et Google-ark.

Det er greit å sette opp, så hvis du er klar til å opprette et forbedret kontaktskjema for nettstedet ditt, la oss komme i gang!

Opprette kontaktskjemaet ditt i Google Forms

Google tilbyr faktisk en pre-made “Kontaktinformasjon” skjema i maler galleriet når du logger deg først på Google Forms-kontoen din.

Skjemaet ber om standard informasjon som navn, adresse, telefonnummer, e-postadresse og et felt for brukeren å skrive inn sine kommentarer.

Du kan tilpasse dette skjemaet ved å endre hvilken informasjon du ber om.

Du kan også endre om denne informasjonen er nødvendig.

Hvis det er ikke obligatorisk, da kan brukeren la feltet være tomt. Hvis det er nødvendig, da kan brukeren ikke sende skjemaet før de har skrevet noe inn i feltet.

Siden du bruker dette skjemaet som kontaktskjema for ditt nettsted, vil du forsikre deg om at brukeren faktisk har skrevet inn noe i kommentarfeltet. Så sørg for at du har satt det elementet til Må.

Nå som du har tilpasset innholdet i Googles kommentarformatmal for å dekke dine behov, er det på tide å tilpasse hvordan skjemaet oppfører seg når brukerne faktisk bruker det.

Sette opp ditt nettsteds kontaktskjema

Hvis du klikker på innstillinger ikonet, i Generell fanen, kan du kontrollere hvordan dette skjemaet oppfører seg når folk sender det fra nettstedet ditt.

For eksempel kan du få skjemaet til å sende et duplikat av brukerens svar til e-postadressen de oppgav.

Du kan også aktivere eller deaktivere deres evne til å redigere svarene sine etter at de har sendt dem.

Under Presentasjon fanen, kan du tilpasse svaret brukerne vil se etter at de har sendt skjemaet på nettstedet ditt.

Gjør dette noe meningsfylt, siden det vil bli vist for alle besøkende som sender inn dette skjemaet.

For eksempel er det godt å gi dem beskjed om hvor lang tid de må vente på svar (du kan til og med gi et telefonnummer her hvis de trenger en snarere respons).

Alt avhenger av hvordan du bruker skjemaet og hvilken kontakt du vil gi til dine besøkende.

Finne Embed Code

Nå som skjemaet ditt er klart, er det på tide å legge det inn på nettstedet ditt.

Det første trinnet er å få den innebygde lenken til skjemaet ditt. Det er ikke veldig greit, fordi det ikke er noen embed-ikon som vises direkte på skjemaredigeringssiden.

For å få tilgang til embedkoden må du klikke på Sende knappen øverst til høyre i form editoren.

Denne siden viser HTML-embedkoden du må kopiere og lime inn på nettstedet ditt. Det er viktig å angi riktig bredde- og høydeinnstilling her, slik at det innebygde skjemaet passer godt inn på målsiden.

Du må kanskje leke med noen størrelser, men ikke bekymre deg. Du kan alltid komme tilbake hit, endre størrelsen, og deretter kopiere og lime inn den nye innebygningskoden igjen.

Embedding kontaktskjemaet på nettstedet ditt

Hvis du har en nettside eller en blogg, er standardmetoden å lage en Ta kontakt med menyelement i overskriften. Dette gjør det så praktisk som mulig for besøkende å kontakte deg.

Noen nettsteder bruker en alternativ tilnærming, som å plassere denne lenken i footer, eller til og med på Om oss-siden.

På mitt nettsted flytter kontaktmenyelementet visningen ned til et område etter tilbakemeldingene. Det er her jeg vil legge inn mitt kontaktskjema.

Hvis du har tilpasset ditt eget nettsted fra begynnelsen, vil du sette inn embedkoden direkte inn i delen av siden der du vil at den skal vises. Når du tar den manuelle tilnærmingen, må du sørge for at du unngår vanlige feil som folk gjør når du bygger en webside. 9 Feil du ikke bør gjøre når du bygger en webside 9 Feil du ikke bør gjøre når du bygger en webside Disse følgende HTML-kodingsfeilene er Lett å gjøre, men hvis du leder dem tidligere, ikke senere, vil siden din se bedre ut, være lettere å vedlikeholde og fungere som du vil. Les mer .

Med et WordPress-nettsted vil temaet du bruker vanligvis ha et område med et kontaktskjema som du kan tilpasse. For eksempel, med Onetone-temaet er det a “Seksjonsinnhold” feltet på hovedsiden som inneholder den eksisterende kontaktskjemaet.

Du kan markere denne koden og erstatte den med det nye Google-kontaktskjemaet.

Hvorfor bruke et Google-kontaktskjema er bedre

Hvorfor ikke bare bruke det eksisterende kontaktskjemaet som kommer med et tema? Det er faktisk flere grunner ved å bruke Google Forms er bedre:

• PHP-skjema bruker vanligvis POST eller SMTP til å sende e-post, og i begge tilfeller må du vite hvordan du konfigurerer e-postserveren slik at den fungerer.
• I stedet for å sende kommentarer til e-post, samler Google-kontaktskjema alle meldinger til et Google-ark. Dette forhindrer innboksens rot.
• Du kan endre skjemaet når som helst ved å bruke Google Form GUI, i stedet for å redigere noen kode.

Når det er lagt inn på nettsiden, vil kontaktskjemaet ditt se ut som dette.

Som du kan se dette første forsøket er ikke perfekt. Det nåværende fargetemaet for Google-skjemaet passer ikke godt sammen med nettsidens tema.

Tid til å finjustere Google Form-designen litt mer.

Oppdaterer og tilpasser kontaktskjemaet

Skjønnheten i denne tilnærmingen er at når den er innebygd på nettstedet ditt, kan du omforme skjemaet slik du vil uten å måtte røre websiden din igjen.

For eksempel, for å endre fargeskjemaet for den eksisterende skjemaet, gå bare inn i Google Form Editor og klikk på fargepalettikon i øvre høyre hjørne.

Siden nettstedet mitt har et mørkere svartbasert tema, bør et grått kontaktskjema tema blandes pent.

Når du lagrer den nye Google-skjemaet i redigeringsprogrammet, oppdateres skjemaet på nettstedet, slik du kan se her.

Nå som design og embed er fullført, er det på tide å teste om kontaktskjemaet egentlig virker som ønsket!

Testing av ditt Google-kontaktskjema

Du bør alltid gå gjennom en prøvekjøring av noe nytt skjema du plasserer på nettstedet ditt.

I så fall svarer Google-kontaktskjemaet med den tilpassede svarteksten du definerte når du utformet skjemaet.

Du kan få tilgang til alle kommentarene fra dine besøkende på samme side der du utformet skjemaet.

Bare klikk på svar lenke øverst på designskjemaet.

Her kan du se individuelle kommentarer og kontaktinformasjon fra brukere. Du har også muligheten til å klikke på Google Sheets-ikonet øverst til høyre i vinduet. Dette vil opprette et nytt Google-ark for å lagre alle innkommende kommentarer fra brukere.

Å velge hvordan du ser innkommende brukerkommentarer, avhenger virkelig av hvordan du planlegger å behandle dem. Hvis du håper å skape en Google Script-automatisering når det er en ny innkommende e-post, er Google-arkene veien å gå. Vi har dekket mange måter du kan bruke Google Script til å automatisere Google Sheets 4 Google-skript som gjør Google-arkene mye mer kraftfulle 4 Google-skript som gjør Google-arkene mye mer kraftige Google-ark er bra ut av boksen, men det kan bli enda mer kraftig hvis du bruker Google Scripts for å forbedre sine evner. Les mer .

Men hvis du bare planlegger å reagere manuelt på hver ny innkommende kommentar, så er du sannsynligvis grei bare ved å bruke skjermbildet på Google Forms-editorens side.

Hvis du noen gang vil lagre kommentarer i et regnearkformat, finnes det flere alternativer. Bare klikk på trepunktsikonet øverst til høyre i svar-visningen for å se dem.

Du kan laste ned alle svarene i CSV-format, eller til og med sende dem ut til skriveren eller til et PDF-dokument. Dette er også der du kan konfigurere varsler når en ny kommentar kommer inn fra nettstedet ditt.

Ta Google-skjemaene dine til neste nivå

Bruke Google Forms å behandle kommentarer gir deg mye mer fleksibilitet og funksjonalitet enn å bruke et standard webskjema.

Uten koding fra din side, blir kommentarer logget inn på et passende ark. Du kan aktivere eller deaktivere ting som e-postvarsler eller om kommentarer kan redigeres etter innsending.

En ulempe med denne tilnærmingen er at embedet bruker en iframe, som setter inn en rullefelt i vinduet.

Men hvis du gir skjemaet et design som blander det godt med temaet ditt, ser ikke rullefeltet så ille ut. Det er også en fair tradeoff gitt de mange funksjonene du får i retur.

Hvis du nettopp har begynt med Google Forms, vil du se vår omfattende guide til Google Forms. Den beste veiledningen til Google Forms. Du vil alltid finne den beste veiledningen til Google Forms. Du vil alltid finne Google Forms. av de beste gratis webverktøyene som er tilgjengelige for å samle data. Denne guiden for Google Forms gir deg alt du trenger for å mestre viktige formbyggingsevner. Les mer . Det finnes også mange gode Google Forms-tillegg Google-formularer kan gjøre noe med disse fantastiske tilleggene Google-skjemaer kan gjøre noe med disse fantastiske tilleggene Google Forms er et underutnyttet verktøy. La oss spare tid, redusere feil, og gjøre skjemaene dine mer dynamiske med disse fantastiske Google Forms-tilleggene. Les mer som lar deg forlenge hva du kan gjøre med det. Du kan til og med legge inn de forbedrede skjemaene på nettstedet ditt!

Les mer om: Google Forms, Google Sheets.