Jos sinulla on vaikeuksia saada lomake sivustollesi, voit asentaa laajennuksen^{(install a plugin)} perustoimintoja varten, mutta se voi edelleen hidastaa sivustoasi,^{(slow down your site)} jos sinulla on jo useita laajennuksia.

Google Formsin^{(Google Forms)} avulla et vain lisää lomaketta sivustollesi nopeammin, vaan saat myös enemmän ominaisuuksia. Voit esimerkiksi lisätä mediatiedostoja, tuoda kysymyksiä, integroida helposti WordPressiin^(WordPress) ja sähköpostiin, jakaa useammille alustoille ja nauttia lisätallennustilasta Google Drivessa^{(additional storage in Google Drive)} .

Lisäksi Google Formsin^{(Google Forms)} avulla voit tehdä yhteistyötä joukkuetovereidesi kanssa ja seurata kaikkia lomakkeiden tuloksia eri kanavilta, ei vain sivustoltasi.

Näin voit upottaa Google Formsin^{(Google Forms)} nopeasti verkkosivustollesi muutamalla yksinkertaisella vaiheella.

Kuinka upottaa Google Forms sivustollesi^{(How to Embed Google Forms on Your Website)}

Aloitaksesi tarvitset Google-lomakkeen^{(Google Form)} ja sen upotuskoodin, jonka lisäät sivulle tai julkaisuun, johon haluat lomakkeen näkyvän sivustossasi.

Luo Google-lomake^{(Create a Google Form)}

1. Luo Google-lomake^{(Google Form)} varmistamalla, että olet kirjautunut sisään Google - tiliisi, ja valitsemalla sitten Google Forms -kuvakkeen Google Apps -valikosta. Vaihtoehtoisesti voit siirtyä osoitteeseen forms.google.com .

1. Luo lomake tyhjästä valitsemalla työkalupalkista Tyhjä- ruutu tai ^(Blank)valitse malli^{(select a template)} käytettävissä olevista vaihtoehdoista.

1. Lisää lomakkeellesi otsikko ja kuvaus^{(title and description)} .

1. Käytä seuraavaksi oikealla olevaa työkalupalkkia lisätäksesi kysymyksiä, tuodaksesi kysymyksiä toisesta lomakkeesta, ladataksesi videoita ja kuvia tai lisätäksesi osion. 

1. Jos haluat valita vastaustyypin, valitse vastaustyyppi-osion vieressä oleva nuoli.

1. Vaihtoehdoista voit antaa käyttäjien jättää lyhyen vastauksen tai kappaleen, monivalintavaihtoehdon, merkitä valintaruudut tai valita valintoja avattavasta valikosta.

1. Voit mukauttaa tai muuttaa lomakkeen teemaa käyttämällä palettikuvaketta^(palette) näytön oikeassa yläkulmassa.

1. Voit myös esikatsella lopullista mallia silmäkuvakkeen avulla ennen sen tallentamista ja upottamista verkkosivustollesi.

1. Jos haluat kerätä sähköpostiosoitteita, rajoittaa käyttäjiä yhteen vastaukseen tai antaa heidän muokata vastauksiaan lomakkeen lähettämisen jälkeen, valitse Lisäasetukset^{(Advanced Settings)} (rataskuvake).

1. Valitse kolmen pisteen kuvake nähdäksesi^{(three-dot icon)} lisää vaihtoehtoja, kuten yhteiskäyttäjien lisäämistä, toimien kumoamista, asetusten lisäämistä tai lisäosia Google Workspace Marketplacesta^{(Google Workspace Marketplace)} .

Huomautus^(Note) : Valitsemalla Lisää yhteiskäyttäjiä^{(Add Collaborators)} voit kutsua tiimisi jäseniä työskentelemään^{(invite members of your team to work)} lomakkeen parissa. Voit lähettää kutsuja linkinjakovaihtoehdolla tai kirjoittaa heidän sähköpostiosoitteensa, niin he saavat sähköposti-ilmoituksen kutsun mukana.

Upota Google-lomakkeesi verkkosivustollesi^{(Embed Your Google Form on Your Website)}

Nyt kun sinulla on Google-lomake^{(Google Form)} valmiina, seuraava vaihe on lisätä se verkkosivustollesi. Tätä varten sinun on hankittava lomakkeen upotuskoodi, joka on ainutlaatuinen koodinpätkä, jonka lisäät sivulle tai viestiin, jossa haluat lomakkeen näkyvän.

1. Saadaksesi lomakkeen upotuskoodin, valitse Lähetä^(Send) lomakkeen muokkausikkunan oikeasta yläkulmasta.

1. Lähetä^{(Send form)} - lomakkeessa näet erilaisia ​​vaihtoehtoja, joilla voit jakaa lomakkeen esimerkiksi linkin, sähköpostin, sosiaalisen median tai HTML :n kautta . Voit valita, jaatko lomakkeen Facebookissa^(Facebook) tai Twitterissä^(Twitter) vai lähetätkö sen tilaajasi sähköpostilistallesi.

1. Jotta voit upottaa lomakkeen verkkosivustollesi, sinun on käytettävä HTML - vaihtoehtoa. Valitse <> - välilehti.

1. Upota HTML^{(Embed HTML)} -kentässä näet koodinpätkän sekä leveys-^(width) ja korkeusruudut^(height) , joissa voit muuttaa upotetun lomakkeen kokoa.

1. Kopioi upotuskoodi ja siirry verkkosivustosi hallintapaneeliin valitsemalla Kopioi .^(Copy)

Lisää Google-lomakkeesi upotuskoodi verkkosivustollesi^{(Add Your Google Form’s Embed Code to Your Website)}

Nyt kun sinulla on upotuskoodi, kirjaudu sisään sivustosi hallintapaneeliin ja siirry sivulle tai viesti, johon haluat upottaa lomakkeen.

Huomautus^(Note) : Tämän oppaan ohjeet koskevat WordPressiä Gutenberg ^(WordPress)/Block Editorilla .

1. Ensimmäinen vaihe on mukautetun HTML-lohkon^{(custom HTML block)} lisääminen . Voit tehdä tämän avaamalla lohkoeditorin valitsemalla hallintapaneelista Sivut^(Pages) tai Viestit^(Posts) ja etsimällä sivun tai postauksen, jota haluat muokata.

1. Valitse Add block (+) -kuvake lohkoeditorin vasemmasta yläkulmasta WordPress -logon vierestä

1. Siirry Muotoilu^(Formatting) -osioon ja vieritä alas löytääksesi ja valitaksesi Mukautettu HTML^{(Custom HTML)} .

1. Liitä aiemmin kopioimasi HTML-koodinpätkä^{(HTML code snippet)} sille varattuun kenttään.

1. Valitse mukautetun HTML^{(Custom HTML)} - lohkon työkalupalkista Esikatselu^(Preview) - välilehti, niin näet esikatselun siitä, miten lomake näkyy verkkosivustossasi.

1. Google - lomakkeesi^{(Google Form)} näkyy sivullasi tai viestissäsi.

1. Muista^(Make) päivittää viestisi tai sivusi muokkauksen jälkeen, jotta muutokset tallentuvat.

Luo täydellinen muoto sivustollesi^{(Craft the Perfect Form for Your Site)}

Halusitpa sitten lisätä kyselyn sivustollesi, tilauslomakkeen verkkokauppaasi, tapahtumarekisteröinnin tai yhteydenottolomakkeen, Google Forms voi auttaa sinua luomaan täydelliset lomakkeet verkkosivustollesi. 

Tutustu oppaisiimme Google-kalenterin upottamisesta verkkosivustollesi^{( how to embed Google Calendar on your website)} ja oman kuponkiponnahdusikkunan luomiseen WordPressissä^{( how to create your own coupon popup in WordPress)} lisätoimintojen ja paremman käyttökokemuksen saamiseksi.

Pystyitkö^(Were) luomaan ja upottamaan Google Forms -lomakkeet^{(Google Forms)} verkkosivustollesi tämän oppaan avulla? Jaa kanssamme kommenteissa.

How to Embed Google Forms on Your Website

If you’rе struggling 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

• Kuinka upottaa Google-kalenteri verkkosivustollesi

• Google Analyticsin käyttäjätutkimusmenetelmät verkkosivuston liikenteen lisäämiseksi

• Lisää Google Maps -ajo-ohjeet verkkosivustollesi

• Google Sheets -pudotusluetteloiden käyttäminen

• 9 Google Mapsin piilotettua ominaisuutta, jotka kannattaa tarkistaa

• Allekirjoituksen lisääminen Google-dokumentteihin

• Etkö saa Gmail-ilmoituksia? 10 tapaa korjata

• Mitä ovat Googlen altistumisilmoitukset COVID-suojauksessa?

• Kuinka korjata SSL-suojaussertifikaattivirheet Chromessa

• Puuttuuko Google-hakupalkin widget? Kuinka palauttaa se Androidissa

• SUMIFin käyttäminen Google Sheetsissa

• YouTube Premium -tilauksen peruuttaminen tai keskeyttäminen

• Kuinka varmuuskopioida Google Chrome -historia

• Kuinka käyttää Googlen perhekalenteria perheesi pitämiseen ajoissa

• 8 Google-hakuvinkkiä: Löydä aina etsimäsi

• Google SafeSearchin kytkeminen pois päältä

• Kuinka Google Driven sovellusten käynnistysohjelma toimii

• Mikä on tieto ja ulottuvuus Google Analyticsissa?

• 20 parasta Gmailin lisäosaa ja laajennusta sähköpostin tehokäyttäjille

• Yrityksen ilmoittaminen Googlessa