Ako se trudite dobiti obrazac na svojoj web-lokaciji, možete instalirati dodatak^{(install a plugin)} za osnovnu funkcionalnost, ali to može dodatno usporiti vašu web-lokaciju^{(slow down your site)} ako već imate mnogo dodataka.

Uz Google Forms ne samo da možete brže dodati obrazac na svoju web lokaciju, već dobivate i više značajki. Na primjer, možete umetati medijske datoteke, uvoziti pitanja, jednostavno se integrirati s WordPressom^(WordPress) i e-poštom, dijeliti na više platformi i uživati ​​u dodatnoj pohrani na Google disku^{(additional storage in Google Drive)} .

Osim toga, Google obrasci^{(Google Forms)} vam omogućuju suradnju sa svojim suigračima i praćenje svih rezultata iz vaših obrazaca s različitih kanala, a ne samo s vaše web stranice.

Evo kako možete brzo ugraditi Google obrasce^{(Google Forms)} na svoju web stranicu u samo nekoliko jednostavnih koraka.

Kako ugraditi Google obrasce na svoju web stranicu^{(How to Embed Google Forms on Your Website)}

Da biste započeli, trebat će vam Google obrazac^{(Google Form)} i njegov kod za ugradnju, koji ćete dodati na stranicu ili objaviti na kojoj želite da se obrazac pojavljuje na vašoj web-lokaciji.

Izradite Google obrazac^{(Create a Google Form)}

1. Da biste izradili Google obrazac^{(Google Form)} , provjerite jeste li prijavljeni na svoj Google račun, a zatim odaberite ikonu Google Forms u izborniku Google Apps . Alternativno, idite na forms.google.com .

1. Odaberite praznu^(Blank) pločicu na alatnoj traci da biste izradili obrazac od nule ili odaberite predložak^{(select a template)} među dostupnim opcijama.

1. Dodajte naslov i opis^{(title and description)} svom obrascu.

1. Zatim upotrijebite alatnu traku s desne strane za dodavanje pitanja, uvoz pitanja iz drugog obrasca, prijenos videozapisa i slika ili dodavanje odjeljka. 

1. Ako želite odabrati vrstu odgovora, odaberite strelicu pored odjeljka vrste odgovora.

1. Među opcijama možete dopustiti korisnicima da ostave kratak odgovor ili odlomak, višestruki izbor, označe potvrdne okvire ili odaberu izbore s padajućeg izbornika.

1. Da biste prilagodili ili promijenili temu obrasca, upotrijebite ikonu palete^(palette) u gornjem desnom kutu zaslona.

1. Također možete pregledati konačni dizajn pomoću ikone oka prije nego što ga spremite i ugradite na svoju web stranicu.

1. Ako želite prikupiti adrese e-pošte, ograničiti korisnike na po jedan odgovor ili im dopustiti da uređuju svoje odgovore nakon slanja obrasca, odaberite Napredne postavke^{(Advanced Settings)} (ikona zupčanika).

1. Odaberite ikonu s tri točke^{(three-dot icon)} za više opcija kao što su dodavanje suradnika, poništavanje radnji, dodavanje postavki ili dodataka s Google Workspace Marketplacea^{(Google Workspace Marketplace)} .

Napomena^(Note) : odabirom Dodaj suradnike^{(Add Collaborators)} izričito vam omogućuje da pozovete članove svog tima da rade^{(invite members of your team to work)} na obrascu. Možete slati pozivnice pomoću opcije dijeljenja poveznica ili upisati njihove adrese e-pošte i oni će primiti obavijest e-poštom s pozivnicom.

Ugradite svoj Google obrazac na svoju web stranicu^{(Embed Your Google Form on Your Website)}

Sada kada ste pripremili svoj Google obrazac^{(Google Form)} , sljedeći korak je da ga dodate na svoju web stranicu. Da biste to učinili, morate dobiti kôd za ugradnju obrasca, koji je jedinstveni isječak koda koji ćete dodati na stranicu ili post na kojem želite da se obrazac pojavi.

1. Da biste dobili kôd za ugradnju obrasca, odaberite Pošalji^(Send) u gornjem desnom dijelu prozora uređivača obrasca.

1. U obrascu Pošalji^{(Send form)} vidjet ćete različite opcije koje možete koristiti za dijeljenje obrasca, na primjer putem veze, e-pošte, društvenih medija ili HTML -a . Možete odabrati želite li podijeliti obrazac na Facebooku^(Facebook) ili Twitteru^(Twitter) ili ga poslati na svoju e-mail listu pretplatnika.

1. Kako biste ugradili obrazac na svoju web stranicu, trebate koristiti HTML opciju. Odaberite karticu <> .

1. U polju Embed HTML vidjet ćete isječak koda, kao i okvire širine^(width) i visine^(height) u kojima možete promijeniti dimenzije veličine za svoj ugrađeni obrazac.

1. Odaberite Kopiraj^(Copy) za kopiranje koda za ugradnju i idite na nadzornu ploču svoje web stranice.

Dodajte kôd za ugradnju svog Google obrasca na svoju web stranicu^{(Add Your Google Form’s Embed Code to Your Website)}

Sada kada imate kod za ugradnju, prijavite se na administrativnu nadzornu ploču svoje web-lokacije i idite na stranicu ili objavu na koju želite ugraditi obrazac.

Napomena^(Note) : Upute u ovom vodiču odnose se na WordPress koristeći Gutenberg/Block Editor .

1. Prvi korak je dodavanje prilagođenog HTML bloka^{(custom HTML block)} . Da biste to učinili, otvorite uređivač blokova odabirom Stranice^(Pages) ili Postovi^(Posts) na administrativnoj ploči i pronađite stranicu ili objavu koju želite urediti.

1. Odaberite ikonu Add block (+) u gornjem lijevom kutu uređivača blokova pored logotipa WordPress.z^(WordPress)

1. Idite na odjeljak Oblikovanje^(Formatting) i pomaknite se prema dolje kako biste pronašli i odabrali Prilagođeni HTML^{(Custom HTML)} .

1. Zalijepite isječak HTML koda^{(HTML code snippet)} koji ste ranije kopirali u navedeno polje.

1. Na alatnoj traci prilagođenog HTML^{(Custom HTML)} bloka odaberite karticu Pregled^(Preview) da biste vidjeli pregled kako će se vaš obrazac pojaviti na vašoj web stranici.

1. Vaš Google obrazac^{(Google Form)} pojavit će se na vašoj stranici ili objavi.

1. Obavezno^(Make) ažurirajte svoj post ili stranicu nakon uređivanja kako bi se promjene spremile.

Izradite savršeni obrazac za svoju web-lokaciju^{(Craft the Perfect Form for Your Site)}

Bilo da želite dodati anketu na svoju web-lokaciju, obrazac za narudžbu u svoju internetsku trgovinu, registraciju za događaj ili obrazac za kontakt, Google obrasci^{(Google Forms)} mogu vam pomoći da stvorite savršene obrasce za vašu web-lokaciju. 

Pogledajte naše vodiče o tome kako ugraditi Google kalendar na svoju web stranicu^{( how to embed Google Calendar on your website)} i kako stvoriti vlastiti skočni prozor s kuponom u WordPressu^{( how to create your own coupon popup in WordPress)} za dodatnu funkcionalnost i bolje korisničko iskustvo.

Jeste^(Were) li mogli izraditi i ugraditi Google obrasce^{(Google Forms)} na svoju web stranicu pomoću ovog vodiča? Podijelite s nama u komentarima.

How to Embed Google Forms on Your Website

Іf yоu’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

• Kako ugraditi Google kalendar na svoju web stranicu

• Metode istraživanja korisnika usluge Google Analytics za povećanje prometa na web-mjestu

• Dodajte upute za vožnju Google Maps na svoju web stranicu

• Kako koristiti padajuće popise Google tablica

• 9 skrivenih značajki u Google kartama koje biste trebali provjeriti

• Kako zatražiti tvrtku na Googleu

• Kako koristiti SUMIF u Google tablicama

• Kako radi Pokretač aplikacija za Google disk

• Kako slati privatne poruke e-pošte na Gmailu

• Kako napraviti linijski grafikon u Google tablicama

• 8 Google savjeta za pretraživanje: uvijek pronađite ono što tražite

• Kako napraviti posjetnicu na Google disku

• Ne primate Gmail obavijesti? 10 načina za popravak

• Zašto Chrome ima toliko pokrenutih procesa?

• Kako napraviti sigurnosnu kopiju povijesti Google Chromea

• 7 najboljih dodataka za Gmail

• Kako pregledati povijest pretraživanja na Google kartama

• Kako doći do Inbox Zero u Gmailu

• Kako koristiti Google kalendar: 10 profesionalnih savjeta

• Kako otkazati ili pauzirati pretplatu na YouTube Premium