Om du kämpar för att få ett formulär på din webbplats kan du installera ett plugin^{(install a plugin)} för grundläggande funktionalitet, men det kan sakta ner din webbplats^{(slow down your site)} ytterligare om du redan har många plugins.

Med Google Formulär^{(Google Forms)} kan du inte bara lägga till ett formulär på din webbplats snabbare, utan du får också fler funktioner. Du kan till exempel infoga mediefiler, importera frågor, enkelt integrera med WordPress och e-post, dela på fler plattformar och njuta av ytterligare lagringsutrymme i Google Drive^{(additional storage in Google Drive)} .

Dessutom låter Google Forms dig samarbeta med dina lagkamrater och spåra alla resultat från dina formulär från olika kanaler, inte bara din webbplats.

Så här kan du snabbt bädda in Google Formulär^{(Google Forms)} på din webbplats med bara några enkla steg.

Hur man bäddar in Google Forms på din webbplats^{(How to Embed Google Forms on Your Website)}

För att komma igång behöver du ett Google-formulär^{(Google Form)} och dess inbäddningskod, som du lägger till på sidan eller inlägget där du vill att formuläret ska visas på din webbplats.

Skapa ett Google-formulär^{(Create a Google Form)}

1. För att skapa ett Google Formulär^{(Google Form)} , se till att du är inloggad på ditt Google- konto och välj sedan Google Forms- ikonen i Google Apps- menyn. Alternativt kan du gå till forms.google.com .

1. Välj den tomma^(Blank) rutan i verktygsfältet för att skapa ditt formulär från början, eller välj en mall^{(select a template)} från de tillgängliga alternativen.

1. Lägg till en titel och en beskrivning^{(title and description)} till ditt formulär.

1. Använd sedan verktygsfältet till höger för att lägga till frågor, importera frågor från ett annat formulär, ladda upp videor och bilder eller lägga till ett avsnitt. 

1. Om du vill välja svarstyp väljer du pilen bredvid svarstypsavsnittet.

1. Från alternativen kan du välja att låta användare lämna ett kort svar eller stycke, flervalsalternativ, markera kryssrutor eller välja alternativ från en rullgardinsmeny.

1. För att anpassa eller ändra formulärets tema, använd palettikonen^(palette) längst upp till höger på skärmen.

1. Du kan också förhandsgranska den slutliga designen med hjälp av ögonikonen innan du sparar och bäddar in den på din webbplats.

1. Om du vill samla in e-postadresser, begränsa användare till ett svar vardera eller tillåta dem att redigera sina svar efter att ha skickat formuläret, välj Avancerade inställningar^{(Advanced Settings)} (kugghjulsikonen).

1. Välj ikonen med tre punkter^{(three-dot icon)} för fler alternativ som att lägga till medarbetare, ångra åtgärder, lägga till inställningar eller tillägg från Google Workspace Marketplace .

Obs!^(Note) Om du väljer Lägg till medarbetare^{(Add Collaborators)} specifikt kan du bjuda in medlemmar i ditt team att arbeta^{(invite members of your team to work)} med formuläret. Du kan skicka inbjudningar med länkdelningsalternativet eller skriv in deras e-postadresser så får de ett e-postmeddelande med inbjudan.

Bädda in ditt Google-formulär på din webbplats^{(Embed Your Google Form on Your Website)}

Nu när du har ditt Google-formulär^{(Google Form)} klart är nästa steg att lägga till det på din webbplats. För att göra detta behöver du skaffa formulärets inbäddningskod, som är ett unikt kodavsnitt som du lägger till på sidan eller inlägget där du vill att formuläret ska visas.

1. För att få formulärets inbäddningskod, välj Skicka^(Send) längst upp till höger i formulärredigeringsfönstret.

1. I formuläret Skicka^{(Send form)} ser du olika alternativ som du kan använda för att dela formuläret till exempel via en länk, e-post, sociala medier eller HTML . Du kan välja om du vill dela formuläret på Facebook eller Twitter eller skicka det till din e-postlista över prenumeranter.

1. För att bädda in formuläret på din webbplats måste du använda HTML- alternativet. Välj fliken <>

1. I fältet Bädda in HTML^{(Embed HTML)} ser du ett kodavsnitt, samt rutorna för bredd^(width) och höjd^(height) där du kan ändra storleksmåtten för din inbäddade form.

1. Välj Kopiera^(Copy) för att kopiera inbäddningskoden och gå till din webbplats instrumentpanel.

Lägg till ditt Google-formulärs inbäddningskod på din webbplats^{(Add Your Google Form’s Embed Code to Your Website)}

Nu när du har din inbäddningskod loggar du in på din webbplatss administratörspanel och går till sidan eller inlägget där du vill bädda in formuläret.

Obs!^(Note) Instruktionerna i den här guiden gäller WordPress med hjälp av Gutenberg/Block Editor .

1. Det första steget är att lägga till ett anpassat HTML-block^{(custom HTML block)} . För att göra detta, öppna blockredigeraren genom att välja Sidor^(Pages) eller Inlägg^(Posts) i adminpanelen och hitta sidan eller inlägget du vill redigera.

1. Välj Add block (+) ikonen längst upp till vänster i blockredigeraren bredvid WordPress -logotypen.z

1. Gå till avsnittet Formatering^(Formatting) och scrolla ner för att hitta och välja Anpassad HTML^{(Custom HTML)} .

1. Klistra in HTML-kodavsnittet som^{(HTML code snippet)} du kopierade tidigare i fältet.

1. I det anpassade HTML^{(Custom HTML)} -blockets verktygsfält väljer du fliken Förhandsgranska^(Preview) för att se en förhandsvisning av hur ditt formulär kommer att se ut på din webbplats.

1. Ditt Google-formulär^{(Google Form)} kommer att visas på din sida eller ditt inlägg.

1. Se^(Make) till att du uppdaterar ditt inlägg eller din sida efter redigering för att ändringarna ska sparas.

Skapa det perfekta formuläret för din webbplats^{(Craft the Perfect Form for Your Site)}

Oavsett om du vill lägga till en undersökning på din webbplats, ett beställningsformulär till din onlinebutik, registrering av evenemang eller kontaktformulär, kan Google Forms hjälpa dig att skapa de perfekta formulären för din webbplats. 

Kolla in våra guider om hur du bäddar in Google Kalender på din webbplats^{( how to embed Google Calendar on your website)} och hur du skapar din egen kupongpopup i WordPress^{( how to create your own coupon popup in WordPress)} för extra funktionalitet och bättre användarupplevelse.

Kunde^(Were) du skapa och bädda in Google Formulär^{(Google Forms)} på din webbplats med hjälp av den här guiden? Dela med oss ​​i kommentarerna.

How to Embed Google Forms on Your Website

If yоu’re strugglіng to get a form on your site, you could install a plugin for basic functionality, but that may further slow down your site if you already have many plugins.

With Google Forms, you not only get to add a form to your site faster, but you also get more features. For instance, you can insert media files, import questions, integrate easily with WordPress and email, share on more platforms, and enjoy additional storage in Google Drive.

Additionally, Google Forms allows you to collaborate with your teammates, and track all results from your forms from different channels, not just your site.

Here’s how you can quickly embed Google Forms on your website in just a few simple steps.

How to Embed Google Forms on Your Website

To get started, you’ll need a Google Form and its embed code, which you’ll add to the page or post where you want the form to appear on your site.

Create a Google Form

1. To create a Google Form, make sure you’re signed in to your Google account and then select the Google Forms icon in the Google Apps menu. Alternatively, go to forms.google.com.

1. Select the Blank tile from the toolbar to create your form from scratch, or select a template from the available options.

1. Add a title and description to your form.

1. Next, use the toolbar on the right to add questions, import questions from a different form, upload videos and images, or add a section. 

1. If you want to choose the answer type, select the arrow next to the answer type section.

1. From the options, you can choose to let users leave a short answer or paragraph, multiple choice, mark checkboxes, or select choices from a dropdown menu.

1. To customize or change the form’s theme, use the palette icon at the top right side of the screen.

1. You can also preview the final design using the eye icon before saving and embedding it on your website.

1. If you want to collect email addresses, limit users to one response each, or allow them to edit their responses after submitting the form, select the Advanced Settings (gear icon).

1. Select the three-dot icon for more options such as adding collaborators, undoing actions, adding preferences, or add-ons from Google Workspace Marketplace.

Note: Selecting Add Collaborators specifically allows you to invite members of your team to work on the form. You can send invites using the link-sharing option or type in their email addresses and they’ll receive an email notification with the invite.

Embed Your Google Form on Your Website

Now that you have your Google Form ready, the next step is to add it to your website. To do this, you need to get the form’s embed code, which is a unique code snippet that you’ll add to the page or post where you want the form to appear.

1. To get the form’s embed code, select Send at the top right side of the form editor window.

1. In the Send form, you’ll see various options you can use to share the form for example via a link, email, social media, or HTML. You can choose whether to share the form on Facebook or Twitter, or send it to your email list of subscribers.

1. In order to embed the form on your website, you need to use the HTML option. Select the <> tab.

1. In the Embed HTML field, you’ll see a code snippet, as well as the width and height boxes where you can change the size dimensions for your embedded form.

1. Select Copy to copy the embed code and go to your website’s dashboard.

Add Your Google Form’s Embed Code to Your Website

Now that you have your embed code, sign in to your site’s admin dashboard and go to the page or post where you want to embed the form.

Note: Instructions in this guide apply to WordPress using the Gutenberg/Block Editor.

1. The first step is to add a custom HTML block. To do this, open the block editor by selecting Pages or Posts in the admin panel and find the page or post you want to edit.

1. Select Add block (+) icon at the top left side of the block editor next to the WordPress logo.z

1. Go to the Formatting section and scroll down to find and select Custom HTML.

1. Paste the HTML code snippet you copied earlier into the field provided.

1. In the Custom HTML block’s toolbar, select the Preview tab to see a preview of how your form will appear on your website.

1. Your Google Form will appear on your page or post.

1. Make sure you update your post or page after editing for the changes to be saved.

Craft the Perfect Form for Your Site

Whether you want to add a survey to your site, an order form to your online store, event registration, or contact form, Google Forms can help you create the perfect forms for your website. 

Check out our guides on how to embed Google Calendar on your website and how to create your own coupon popup in WordPress for added functionality and better user experience.

Were you able to create and embed Google Forms on your website using this guide? Share with us in the comments.

Related posts

• Hur man bäddar in Google Kalender på din webbplats

• Användarforskningsmetoder i Google Analytics för att öka webbplatstrafiken

• Lägg till Google Maps vägbeskrivningar till din webbplats

• Hur man använder Google Sheets rullgardinslistor

• 9 dolda funktioner i Google Maps du bör kolla in

• Får du inte Gmail-aviseringar? 10 sätt att fixa

• Hur man använder Google Kalender: 10 proffstips

• Hur man filtrerar i Google Sheets

• Vad är Software Reporter Tool i Chrome och hur man inaktiverar det

• Hur man tar bort YouTube-historik och sökaktivitet

• Hur man lägger till former i Google Dokument

• Saknas Googles sökfältswidget? Hur man återställer det på Android

• Hur man fixar Gmail när det inte tar emot e-postmeddelanden

• Vad är Google-appen och hur man använder den

• Hur man använder flera stopp i Google Maps

• Så här spårar du ändringar i Google Dokument

• 3 sätt att skapa gränser i Google Dokument

• Hur man åtgärdar SSL-säkerhetscertifikatfel i Chrome

• Hur man gör ett visitkort i Google Drive

• Hur man säkerhetskopierar Google Chrome-historik