Så här skapar du en gratis webbformulär med Google formulär

Att köra en webbplats eller en blogg kan vara kul, men det är inte alltid enkelt eller enkelt att erbjuda besökare att kontakta dig. Tack och lov erbjuder Google en perfekt webbformulär för kontaktformulär: du kan bädda in en Google-blankett på en sida och samla alla kommentarer från dina läsare i ett Google-ark.

Det är enkelt att konfigurera, så om du är redo att skapa en förbättrad kontaktformulär för din webbplats, låt oss börja!

Skapa din kontaktformulär i Google Forms

Google erbjuder faktiskt en förframgjord “Kontakt information” formuläret i mallar galleriet när du loggar in på ditt Google Forms-konto.

Formuläret begär standardinformation som namn, adress, telefonnummer, e-postadress och ett fält för användaren att skriva in sina kommentarer.

Du kan anpassa det här formuläret genom att ändra vilken information du begär.

Du kan också ändra om den informationen är nödvändig eller inte.

Om det är krävs inte, då kan användaren lämna fältet tomt. Om det krävs, då kan användaren inte skicka formuläret tills de har skrivit in något i det fältet.

Eftersom du använder denna blankett som ditt kontaktformulär för webbsidor vill du vara säker på att användaren faktiskt har skrivit in något i kommentarfältet. Så se till att du har ställt in det här objektet till Nödvändig.

Nu när du har anpassat innehållet i Googles formulär för kommentarformulär för att passa dina behov, är det dags att anpassa hur formuläret beter sig när användarna faktiskt använder det.

Konfigurera din webbplatss kontaktformulär

Om du klickar på inställningar ikon, i Allmän fliken kan du styra hur denna form beter sig när människor skickar in den från din webbplats.

Till exempel kan du få formuläret skicka en kopia av användarens svar till den e-postadress de angav.

Du kan också aktivera eller inaktivera deras förmåga att redigera deras svar efter att de har skickat dem.

Under Presentation fliken kan du anpassa det svar dina användare kommer att se efter att de skickat formuläret på din webbplats.

Gör detta något meningsfullt eftersom det kommer att visas för varje besökare som skickar in denna blankett.

Det är till exempel bra att låta dem veta ungefär hur länge de måste vänta på ett svar (du kan till och med ge ett telefonnummer här om de behöver ett mer brådskande svar).

Det beror helt på hur du använder formuläret och vilken typ av kontakt du vill ge till dina besökare.

Hitta inbäddningskoden

Nu när din blankett är klar är det dags att bädda in den på din webbplats.

Det första steget är att få inbäddslänken för din blankett. Det är inte så enkelt, eftersom det inte finns någon inbäddad ikon som visas direkt på formulärredigeringssidan.

För att komma åt inbäddningskoden måste du klicka på Skicka knappen längst upp till höger i formulärredigeraren.

Den här sidan visar HTML-inbäddningskoden som du behöver kopiera och klistra in på din webbplats. Det är viktigt att ställa in rätt bredd och höjdinställningar här så att den inbäddade formen passar bra in i målsidan.

Du kan behöva leka med några storlekar, men oroa dig inte. Du kan alltid komma tillbaka hit, ändra storlek och sedan kopiera och klistra in den nya inbäddningskoden igen.

Bädda in kontaktformuläret på din webbplats

Om du har en webbplats eller en blogg är standardinriktningen att skapa en Kontakta menyalternativ i din rubrik. Detta gör det så bekvämt som möjligt för besökare att kontakta dig.

Vissa webbplatser använder ett alternativt tillvägagångssätt, som att placera den här länken i sidfoten, eller till och med på sidan Om oss.

På min webbplats flyttar menyalternativet Kontakt menyn till ett område efter Testimonials. Det här är där jag vill bädda in min kontaktformulär.

Om du har anpassat din egen webbplats från början, så vill du infoga inbäddningskoden direkt i den del av sidan där du vill att den ska visas. När du tar det manuella tillvägagångssättet, se till att du undviker vanliga misstag som människor gör när du bygger en webbsida. 9 Misstag du inte ska göra när du bygger en webbsida 9 Fel du borde inte göra när du bygger en webbsida Följande HTML-kodningsfel är lätt att göra, men om du leder dem bort tidigare än senare kommer din sida att se bättre ut, vara lättare att underhålla och fungera hur du vill ha den. Läs mer .

Med en WordPress-webbplats brukar temat du brukar ha ett område med en kontaktformulär som du kan anpassa. Till exempel, med Onetone-temat finns en “Sektionens innehåll” fält på huvudsidan som innehåller den befintliga kontaktformulärskoden.

Du kan markera den här koden och ersätta den med din nya Google-kontaktformulär.

Varför använda en kontaktformulär i Google är bättre

Varför inte bara använda det existerande kontaktformuläret som kommer med ett tema? Det finns faktiskt flera anledningar att använda Google Forms är bättre:

• PHP-formulär brukar använda POST eller SMTP för att skicka e-post, och i båda fallen behöver du veta hur du konfigurerar e-postservern så att den fungerar.
• Istället för att skicka kommentarer till e-post samlar Google-kontaktformuläret alla meddelanden till ett Google-ark. Detta förhindrar inkorgen rubbning.
• Du kan när som helst ändra formuläret med hjälp av GUI i Google-formuläret istället för att behöva redigera någon kod.

En gång inbäddad i webbsidan kommer ditt kontaktformulär att se ut så här.

Som du kan se är detta första försök inte perfekt. Det nuvarande färgämnet för Google-formuläret blandar inte riktigt bra med webbsidan.

Det är dags att anpassa Google Form-designen lite mer.

Uppdatering och anpassning av kontaktformuläret

Skönheten i detta tillvägagångssätt är att när den är inbäddad på din webbplats kan du omforma formuläret men du vill utan att behöva röra din webbsida igen.

Om du t.ex. vill byta färgschema i befintlig form, gå till Google Form Editor och klicka på färgpalettikonen i övre högra hörnet.

Eftersom min webbplats har ett mörkare svartbaserat tema, bör ett grått kontaktformulär tema blandas snyggt.

När du sparar den nya Google-formulären i redigeraren uppdaterar den formuläret på webbplatsen, som du kan se här.

Nu när designen och inbäddat är färdigt är det dags att testa om kontaktformuläret verkligen fungerar som önskat!

Testa din Google-kontaktformulär

Du bör alltid gå igenom en testkörning av någon ny form som du placerar på din webbplats.

I så fall svarar Googles kontaktformulär med den anpassade svartexten du definierade när du utformade formuläret.

Du kan komma åt alla kommentarer från dina besökare på samma sida där du utformade formuläret.

Klicka bara på Svar länk längst upp i designformen.

Här kan du se enskilda kommentarer och kontaktinformation från användare. Du har också möjlighet att klicka på Google Sheets-ikonen längst upp till höger i fönstret. Detta skapar ett nytt Google-ark för att lagra alla inkommande kommentarer från användare.

Att välja hur du ser inkommande användarkommentarer beror verkligen på hur du planerar att bearbeta dem. Om du hoppas kunna skapa en Google Script-automatisering när det finns ett nytt inkommande e-postmeddelande, är Google Sheets vägen att gå. Vi har täckt många sätt du kan använda Google Script för att automatisera Google Sheets 4 Google-skript som gör Google-ark mycket mer kraftfulla 4 Google-skript som gör Google Sheets mycket mer kraftfulla Google Sheets är bra ur lådan, men det kan vara ännu mer kraftfull om du använder Google Scripts för att förbättra dess kapacitet. Läs mer .

Men om du bara planerar att manuellt svara på varje ny inkommande kommentar, är du noga med att bara använda visningen på sidan Google Forms-redaktörssidan.

Om du någonsin vill spara kommentarer i ett kalkylbladsformat, finns det flera alternativ. Klicka bara på ikonen med tre prickor längst upp till höger i svarvyn för att se dem.

Du kan ladda ner alla svar i CSV-format, eller till och med skriva ut dem till din skrivare eller till ett PDF-dokument. Det här är också där du kan konfigurera meddelanden när en ny kommentar kommer in från din webbplats.

Ta dina Googles formulär till nästa nivå

Använda Google Forms att behandla kommentarer ger dig mycket mer flexibilitet och funktionalitet än att använda en vanlig webbformulär.

Utan någon kodning från din sida loggas inloggning på ett bekvämt ark. Du kan aktivera eller inaktivera saker som e-postmeddelanden eller om kommentarer kan redigeras efter inlämning.

En nackdel med detta tillvägagångssätt är att inbädden använder en iframe, som sätter in en rullningsfält i fönstret.

Men om du ger din form en design som blandar den väl med ditt tema ser inte rullfältet så illa ut. Det är också en rättvis avvägning med tanke på de många funktionerna du får i gengäld.

Om du precis börjat med Google Forms vill du kolla in vår omfattande guide till Google Forms Den bästa guiden till Google Forms Du hittar någonsin den bästa guiden till Google Forms Du hittar någonsin Google Forms är en av de bästa gratis webbverktygen som är tillgängliga för att samla data. Den här guiden för Google Forms ger dig allt du behöver för att behärska viktiga formbyggnadsfärdigheter. Läs mer . Det finns också många bra Google Forms-tillägg Google-formulär kan göra något med dessa fantastiska tillägg Google-formulär kan göra något med dessa fantastiska tillägg Google Forms är ett underutnyttjat verktyg. Låt oss spara tid, minska fel och göra dina formulär mer dynamiska med dessa fantastiska Google Forms-tillägg. Läs mer som låter dig utöka vad du kan göra med det. Du kan även bädda in de förbättrade formulären på din webbplats!

Utforska mer om: Google Forms, Google Sheets.