Sådan integreres Google-formularer på et websted

Hvordan

VedRyan Dube

Sidst opdateret den2. december 2020

Det er ikke altid let at offentliggøre udfyldelige formularer på dit websted. Der er WordPress-plugins tilgængelige for at udgive formularer, men de er ikke altid gratis. De kræver normalt også lidt konfiguration og lidt indlæringskurve.

Det smukke ved Google Forms er, at du hurtigt kan opret en simpel form som du derefter kan integrere på dit websted. Du kan også tilpasse formularen med farver og en stil, der matcher dit overordnede tema.

I denne artikel lærer du, hvordan du tilpasser en Google-formular, så den passer til dit tema, og hvordan du integrerer den på en hvilken som helst side på dit websted.

Tilpasning af din Google-formular

I dette eksempel starter vi med et eksempel på et websted og en standard tom Google-formular.

For at komme i gang skal du oprette en ny side på dit websted og se nærmere på layout og tema. Bemærk især de primære og sekundære farver.

I dette eksempel er temaet en hvid baggrund med sorte bannere. Overskriftstekst er mørk sort og fed, og selve webstedets skrifttype er almindelig sort. På denne særlige side er planen at integrere en formular, der giver besøgende mulighed for at stemme på deres yndlingsfilm ud af fem muligheder og give deres egne kommentarer.

Derefter skal du tilpasse din Google-formular, så den matcher dette sidelayout.

Når du opretter en tom Google-formular, bemærker du, at layoutet som standard er en lilla baggrund med fed sort tekst og almindelig tekst på formularen. Bannerkanten øverst er mørk lilla.

Dette fungerer naturligvis ikke på den side, hvor vi gerne vil integrere formularen. For at tilpasse formularen skal du vælge ikonet for farvepalette i øverste højre hjørne af formulareditorvinduet. Dette giver dig mulighed for at tilpasse temaet, inklusive farveskemaet.

Dette viser en tilpasningsrulle. Hvis du ikke kan se et farveskema, der fungerer i sektionen Temafarver, kan du vælge + ikon for at finjustere den farve, du vil basere din formular på.

Brug farvepaletten til at vælge den nøjagtige farve, du vil have til dit tema. I dette tilfælde ændres valg af sort automatisk baggrundsfarven til en komplementær farve, der skal fungere med sort. Du kan ændre denne farve under Baggrundsfarve afsnit.

Andre muligheder på denne side inkluderer tilføjelse af et headerbillede og også ændring af formens skrifttypestil. Når du er færdig med at tilpasse formularen, er der et par andre muligheder at konfigurere, før du er klar til at integrere Google-formularen på dit websted.

Tilpasning af Google-formularindstillinger

Inden du integrerer din Google-formular på dit websted, skal du oprette et par ting til at rumme webbaserede formularposter. For at gøre dette skal du vælge Gear-ikonet i øverste højre hjørne af formularen. Dette åbner et vindue med indstillinger med forskellige konfigurationsindstillinger.

Medmindre du vil holde resultaterne anonyme, skal du aktivere det Saml e-mail-adresserog give Svarkvitteringer.

Svarkvitteringer sørger automatisk for at sende en e-mail med en bekræftelsesmeddelelse, når brugeren har indsendt deres post. På denne måde behøver du ikke bekymre dig om at programmere dette fra selve dit websted.

Du kan lade alle de andre muligheder være markerede, medmindre du vil begrænse svarene til en pr. Bruger. I så fald vil du aktivere Begræns til 1 svar.

Vælg Præsentation fanen for at se flere muligheder.

Medmindre din formular er meget lang, behøver du sandsynligvis ikke aktivere Vis statuslinje. Det Bland spørgsmål ordreindstilling er god til undersøgelser, hvor du vil give en anden rækkefølge af spørgsmål til hver besøgende. Normalt aktiverer du ikke Vis link for at sende et andet svar da du ved de fleste undersøgelser kun vil have et svar pr. bruger. Dette håndhæves ved hjælp af deres e-mail-adresse.

Indtast en bekræftelsesmeddelelse, som brugeren skal se i Bekræftelsesmeddelelse Mark. Vælg Gemme nederst på tilmeldingsformularen, når du er færdig.

Når du har oprettet din formular, og du er klar til at integrere den på dit websted, skal du vælge Sende at gå videre til næste trin.

Sådan integreres en Google-formular på dit websted

Når du har valgt Send, åbner det et vindue med forskellige muligheder for at dele din formular med alle brugere. Hvis du vil integrere på et websted, skal du vælge indlejringsikonet (to karat tegn).

I INDLEJR HTML felt, kan du se iframe-koden, som du kan bruge til at integrere formularen.

Sørg for at justere Bredde og Højde i formularen, så den passer korrekt på din webside. Når du har rettet disse indstillinger, skal du vælge og kopiere hele iframe-koden fra feltet Integrer HTML.

Hvis du bruger WordPress, skal du skifte til Code editor-tilstand, når du redigerer den side, du vil integrere formularen i. For at gøre dette skal du redigere siden og derefter vælge de tre lodrette prikker i øverste højre hjørne af WordPress-editorvinduet. Vælg Kode editor i Redaktør afsnit.

Indsæt iframe-indlejringskoden i kodeeditorvinduet i indholdsfeltet.

Til sidst skal du vælge Gem kladde og vælg derefter Eksempel for at se, hvordan formularen ser ud på din side.

Hvis formularen ikke ser helt ud, skal du bare gå tilbage til Google Forms-kontoen og justere designet lidt mere. Gentag derefter ovenstående proces for at genindføre den nye integreringskode. Når formulareksemplet ser rigtigt ud, er du klar til at offentliggøre siden og begynde at samle formularresultater!

Indsamling af formularresultater fra et websted

Alle formularposter, du modtager fra besøgende på webstedet, går til et Google Sheets-regneark. Du kan se disse resultater ved at gå tilbage til den formular, du oprettede i Google Forms og vælge Svar øverst på siden med formulardesign.

Det pæne ved at indsamle e-mail-adresser med en formular som denne er, at du også opbygger en e-mail-liste over dine besøgende. Du kan bruge dette til send masse-e-mails med nyheder om dit websted eller andre opdateringer, som dine læsere måske er interesserede i.

Uanset hvad er Google Forms et kraftfuldt værktøj til at integrere formularer på dit websted uden nogen form for viden om programmering.

tilbud

Matchende pris i butikken: Sådan får du onlinepriser med mursten og mørtel

At købe i butikken betyder ikke, at du skal betale højere priser. Takket være prismatchgarantier kan du få onlinerabatter med mursten og mørtel ...

Hvordan

Sådan giver du et Disney Plus-abonnement med et digitalt gavekort

Hvis du har haft glæde af Disney Plus og vil dele det med andre, kan du her købe et Disney + gaveabonnement til ...

Hvordan

Din guide til deling af dokumenter i Google Docs, Sheets og Slides

Du kan nemt samarbejde med Googles webbaserede apps. Her er din guide til deling i Google Docs, Sheets og Slides med tilladelserne ...