Ak sa vám nedarí dostať formulár na svoju stránku, môžete si nainštalovať doplnok^{(install a plugin)} pre základné funkcie, ktorý však môže ešte viac spomaliť vašu stránku^{(slow down your site)} , ak už máte veľa doplnkov.

S Formulármi Google^{(Google Forms)} nielenže rýchlejšie pridáte formulár na svoju stránku, ale získate aj viac funkcií. Môžete napríklad vkladať mediálne súbory, importovať otázky, jednoducho sa integrovať s WordPress a e-mailom, zdieľať na viacerých platformách a využívať ďalšie úložisko na Disku Google^{(additional storage in Google Drive)} .

Okrem toho vám Formuláre Google^{(Google Forms)} umožňujú spolupracovať so svojimi spoluhráčmi a sledovať všetky výsledky z vašich formulárov z rôznych kanálov, nielen z vašej lokality.

Takto môžete rýchlo vložiť Formuláre Google^{(Google Forms)} na svoj web v niekoľkých jednoduchých krokoch.

Ako vložiť formuláre Google na svoj web^{(How to Embed Google Forms on Your Website)}

Ak chcete začať, budete potrebovať formulár Google^{(Google Form)} a jeho kód na vloženie, ktorý pridáte na stránku alebo uverejníte tam, kde chcete, aby sa formulár na vašej lokalite zobrazoval.

Vytvorte formulár Google^{(Create a Google Form)}

1. Ak chcete vytvoriť formulár Google^{(Google Form)} , uistite sa, že ste prihlásení do svojho účtu Google , a potom vyberte ikonu Formuláre Google v ponuke ^{(Google Forms)}Aplikácií Google^{(Google Apps)} . Prípadne prejdite na stránku Forms.google.com^{(forms.google.com)} .

1. Ak chcete vytvoriť formulár od začiatku, vyberte dlaždicu Prázdna z panela s nástrojmi alebo ^(Blank)vyberte šablónu^{(select a template)} z dostupných možností.

1. Pridajte do formulára názov a popis .^{(title and description)}

1. Potom pomocou panela s nástrojmi vpravo pridajte otázky, importujte otázky z iného formulára, odovzdajte videá a obrázky alebo pridajte sekciu. 

1. Ak chcete vybrať typ odpovede, vyberte šípku vedľa časti typu odpovede.

1. Z možností môžete používateľom umožniť zanechať krátku odpoveď alebo odsek, viacnásobný výber, označiť začiarkavacie políčka alebo vybrať možnosti z rozbaľovacej ponuky.

1. Ak chcete prispôsobiť alebo zmeniť motív formulára, použite ikonu palety^(palette) v pravej hornej časti obrazovky.

1. Pred uložením a vložením na vašu webovú stránku si môžete tiež zobraziť náhľad konečného návrhu pomocou ikony oka.

1. Ak chcete zhromažďovať e-mailové adresy, obmedziť používateľov na jednu odpoveď pre každého alebo im umožniť upraviť svoje odpovede po odoslaní formulára, vyberte Rozšírené nastavenia^{(Advanced Settings)} (ikona ozubeného kolieska).

1. Výberom ikony s tromi bodkami^{(three-dot icon)} získate ďalšie možnosti, ako je pridávanie spolupracovníkov, zrušenie akcií, pridávanie predvolieb alebo doplnkov zo služby Google Workspace Marketplace^{(Google Workspace Marketplace)} .

Poznámka^(Note) : Výber Pridať spolupracovníkov^{(Add Collaborators)} vám konkrétne umožňuje pozvať členov vášho tímu, aby pracovali^{(invite members of your team to work)} na formulári. Môžete poslať pozvánky pomocou možnosti zdieľania odkazom alebo zadať ich e-mailové adresy a dostanú e-mailové upozornenie s pozvánkou.

Vložte svoj formulár Google na svoj web^{(Embed Your Google Form on Your Website)}

Teraz, keď máte pripravený formulár Google^{(Google Form)} , ďalším krokom je jeho pridanie na váš web. Ak to chcete urobiť, musíte získať kód na vloženie formulára, čo je jedinečný útržok kódu, ktorý pridáte na stránku alebo uverejníte tam, kde chcete, aby sa formulár zobrazoval.

1. Ak chcete získať kód na vloženie formulára, vyberte položku Odoslať^(Send) v pravej hornej časti okna editora formulára.

1. Vo formulári Odoslať^{(Send form)} uvidíte rôzne možnosti, ktoré môžete použiť na zdieľanie formulára, napríklad prostredníctvom odkazu, e-mailu, sociálnych médií alebo HTML . Môžete si vybrať, či chcete formulár zdieľať na Facebooku^(Facebook) alebo Twitteri^(Twitter) alebo ho odoslať na váš e-mailový zoznam odberateľov.

1. Aby ste mohli vložiť formulár na vašu webovú stránku, musíte použiť možnosť HTML . Vyberte kartu <>

1. V poli Vložiť HTML^{(Embed HTML)} uvidíte útržok kódu, ako aj polia šírky^(width) a výšky^(height) , v ktorých môžete zmeniť rozmery vloženého formulára.

1. Ak chcete skopírovať kód na vloženie, vyberte možnosť Kopírovať^(Copy) a prejdite na informačný panel svojej webovej lokality.

Pridajte kód na vloženie formulára Google na svoj web^{(Add Your Google Form’s Embed Code to Your Website)}

Teraz, keď máte kód na vloženie, prihláste sa do hlavného panela správcu svojej lokality a prejdite na stránku alebo príspevok, kam chcete formulár vložiť.

Poznámka^(Note) : Pokyny v tejto príručke sa vzťahujú na WordPress pomocou editora Gutenberg/Block .

1. Prvým krokom je pridanie vlastného bloku HTML^{(custom HTML block)} . Ak to chcete urobiť, otvorte editor blokov výberom položky Stránky^(Pages) alebo Príspevky^(Posts) na paneli správcu a nájdite stránku alebo príspevok, ktorý chcete upraviť.

1. Vyberte ikonu Add block (+) v ľavej hornej časti editora blokov vedľa loga WordPress.z^(WordPress)

1. Prejdite do sekcie Formátovanie^(Formatting) a posuňte sa nadol, kde nájdete a vyberte Vlastné HTML^{(Custom HTML)} .

1. Prilepte útržok kódu HTML^{(HTML code snippet)} , ktorý ste skopírovali predtým, do poskytnutého poľa.

1. Na paneli nástrojov vlastného bloku HTML vyberte kartu ^{(Custom HTML)}Ukážka^(Preview) , aby ste videli ukážku toho, ako bude váš formulár vyzerať na vašej webovej lokalite.

1. Váš formulár Google^{(Google Form)} sa zobrazí na vašej stránke alebo príspevku.

1. Uistite^(Make) sa, že po úprave aktualizujete svoj príspevok alebo stránku, aby sa zmeny uložili.

Vytvorte dokonalý formulár pre svoju stránku^{(Craft the Perfect Form for Your Site)}

Či už chcete na svoju stránku pridať prieskum, objednávkový formulár do online obchodu, registráciu na podujatie alebo kontaktný formulár, Formuláre Google^{(Google Forms)} vám môžu pomôcť vytvoriť dokonalé formuláre pre váš web. 

Pozrite si naše príručky o tom, ako vložiť Kalendár Google na svoj web^{( how to embed Google Calendar on your website)} a ako vytvoriť vlastné vyskakovacie okno s kupónom vo WordPress^{( how to create your own coupon popup in WordPress)} , aby ste získali ďalšie funkcie a lepšiu používateľskú skúsenosť.

Podarilo^(Were) sa vám pomocou tohto sprievodcu vytvoriť a vložiť Formuláre Google na váš web? ^{(Google Forms)}Podeľte sa s nami v komentároch.

How to Embed Google Forms on Your Website

If you’re 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

• Ako vložiť Kalendár Google na svoj web

• Metódy používateľského prieskumu Google Analytics na zvýšenie návštevnosti webových stránok

• Pridajte trasu jazdy v Mapách Google na svoj web

• Ako používať rozbaľovacie zoznamy Tabuliek Google

• 9 skrytých funkcií v Mapách Google, ktoré by ste si mali vyskúšať

• Čo je to metrika a dimenzia v službe Google Analytics?

• Ako vytvoriť vizitku na Disku Google

• Ako exportovať a importovať záložky Chrome

• Ako sledovať zmeny v Dokumentoch Google

• Čo sú upozornenia Googlu na kontakt na ochranu proti COVID?

• Ako opraviť Gmail, keď neprijíma e-maily

• Ako opraviť chyby bezpečnostného certifikátu SSL v prehliadači Chrome

• Ako používať Kalendár Google: 10 profesionálnych tipov

• 3 spôsoby, ako vytvoriť hranice v Dokumentoch Google

• Ako funguje spúšťač aplikácií pre Disk Google

• Moja aktivita na Googli: Prečo by vás to malo zaujímať

• Ako vytvoriť čiarový graf v Tabuľkách Google

• Nedostávate upozornenia služby Gmail? 10 spôsobov, ako opraviť

• Ako sa dostať do Inbox Zero v Gmaile

• Ako vložiť podpis do Dokumentov Google