Ha nehezen talál egy űrlapot a webhelyére, telepíthet egy beépülő modult^{(install a plugin)} az alapvető funkciókhoz, de ez tovább lassíthatja webhelyét^{(slow down your site)} , ha már sok beépülő modulja van.

A Google Űrlapok^{(Google Forms)} segítségével nem csak gyorsabban adhat hozzá űrlapot webhelyéhez, hanem több funkcióhoz is hozzájuthat. Például beszúrhat médiafájlokat, importálhat kérdéseket, egyszerűen integrálhatja a WordPress -szel és az e-mailekkel, megoszthat több platformon, és további tárhelyet élvezhet a Google Drive-ban^{(additional storage in Google Drive)} .

Ezenkívül a Google Űrlapok^{(Google Forms)} segítségével együttműködhet csapattársaival, és nyomon követheti a különböző csatornákból származó űrlapok összes eredményét, nem csak a webhelyéről.

Így ágyazhatja be gyorsan a Google Űrlapokat^{(Google Forms)} webhelyébe néhány egyszerű lépéssel.

Google-űrlapok beágyazása webhelyére^{(How to Embed Google Forms on Your Website)}

A kezdéshez szüksége lesz egy Google^{(Google Form)} -űrlapra és annak beágyazási kódjára, amelyet el kell helyeznie ahhoz az oldalhoz vagy bejegyzéshez, ahol meg szeretné jeleníteni az űrlapot a webhelyén.

Hozzon létre egy Google-űrlapot^{(Create a Google Form)}

1. Google-űrlap^{(Google Form)} létrehozásához győződjön meg arról, hogy be van jelentkezve Google - fiókjába, majd válassza ki a Google Űrlapok^{(Google Forms)} ikont a Google Apps menüben. Alternatív megoldásként keresse fel a forms.google.com webhelyet^{(forms.google.com)} .

1. Válassza az Üres^(Blank) csempét az eszköztáron az űrlap létrehozásához a semmiből, vagy válasszon sablont^{(select a template)} a rendelkezésre álló lehetőségek közül.

1. Adjon hozzá címet és leírást^{(title and description)} az űrlaphoz.

1. Ezután használja a jobb oldali eszköztárat kérdések hozzáadásához, kérdések importálásához egy másik űrlapról, videók és képek feltöltéséhez, vagy szakasz hozzáadásához. 

1. Ha ki szeretné választani a válasz típusát, válassza a választípus szakasz melletti nyilat.

1. A lehetőségek közül választhat, hogy a felhasználók rövid választ vagy bekezdést hagyjanak, feleletválasztót, jelölje be a jelölőnégyzeteket, vagy válasszon lehetőségeket egy legördülő menüből.

1. Az űrlap témájának testreszabásához vagy módosításához használja a paletta^(palette) ikont a képernyő jobb felső sarkában.

1. A végleges terv előnézetét is megtekintheti a szem ikon segítségével, mielőtt elmentené és beágyazná a webhelyére.

1. Ha e-mail címeket szeretne gyűjteni, egy-egy válaszra korlátozni szeretné a felhasználókat, vagy engedélyezni szeretné a válaszok szerkesztését az űrlap elküldése után, válassza a Speciális beállításokat^{(Advanced Settings)} (fogaskerék ikon).

1. Válassza a hárompontos ikont^{(three-dot icon)} további lehetőségekért, például együttműködők hozzáadásához, műveletek visszavonásához, beállítások hozzáadásához vagy bővítményekhez a Google Workspace Marketplace szolgáltatásból^{(Google Workspace Marketplace)} .

Megjegyzés^(Note) : Az Együttműködők hozzáadása^{(Add Collaborators)} lehetőséget választva kifejezetten meghívhatja csapata tagjait, hogy dolgozzanak^{(invite members of your team to work)} az űrlapon. Meghívókat küldhet a linkmegosztási lehetőség használatával, vagy beírhatja az e-mail címüket, és e-mailben értesítést kapnak a meghívóval együtt.

Illessze be Google-űrlapját webhelyére^{(Embed Your Google Form on Your Website)}

Most, hogy készen van a Google Űrlapja^{(Google Form)} , a következő lépés az, hogy hozzáadja a webhelyéhez. Ehhez be kell szereznie az űrlap beágyazási kódját, amely egy egyedi kódrészlet, amelyet hozzá kell adni ahhoz az oldalhoz vagy bejegyzéshez, ahol meg szeretné jeleníteni az űrlapot.

1. Az űrlap beágyazási kódjának lekéréséhez válassza a Küldés^(Send) lehetőséget az űrlapszerkesztő ablakának jobb felső sarkában.

1. A Küldés űrlapon^{(Send form)} különféle lehetőségeket láthat, amelyek segítségével megoszthatja az űrlapot, például linken, e-mailen, közösségi médián vagy HTML -kódon keresztül . Kiválaszthatja, hogy megosztja-e az űrlapot a Facebookon^(Facebook) vagy a Twitteren^(Twitter) , vagy elküldi az előfizetői e-mail-listájára.

1. Ahhoz, hogy az űrlapot beágyazza a webhelyére, a HTML opciót kell használnia. Válassza a <> lapot.

1. A HTML beágyazása^{(Embed HTML)} mezőben megjelenik egy kódrészlet, valamint a szélesség^(width) és magasság^(height) mezők, amelyekben módosíthatja a beágyazott űrlap méretét.

1. Válassza a Másolás^(Copy) lehetőséget a beágyazási kód másolásához, és lépjen a webhely irányítópultjára.

Adja hozzá Google-űrlapjának beágyazási kódját webhelyéhez^{(Add Your Google Form’s Embed Code to Your Website)}

Most, hogy megvan a beágyazási kód, jelentkezzen be webhelye adminisztrátori irányítópultjára, és lépjen arra az oldalra vagy bejegyzésre, ahová be szeretné ágyazni az űrlapot.

Megjegyzés^(Note) : Az ebben az útmutatóban található utasítások a Gutenberg/Block Editort használó WordPressre^(WordPress) vonatkoznak .

1. Az első lépés egy egyéni HTML blokk^{(custom HTML block)} hozzáadása . Ehhez nyissa meg a blokkszerkesztőt az Oldalak^(Pages) vagy a Bejegyzések^(Posts) elem kiválasztásával az adminisztrációs panelen, és keresse meg a szerkeszteni kívánt oldalt vagy bejegyzést.

1. Válassza a Add block (+) ikont a blokkszerkesztő bal felső részén, a WordPress logo mellett

1. Lépjen a Formázás^(Formatting) szakaszba, és görgessen lefelé az Egyéni HTML^{(Custom HTML)} kiválasztásához .

1. Illessze be a korábban másolt HTML-kódrészletet^{(HTML code snippet)} a megadott mezőbe.

1. Az Egyéni HTML^{(Custom HTML)} blokk eszköztárában válassza az Előnézet^(Preview) lapot, hogy megtekinthesse, hogyan fog megjelenni az űrlap a webhelyén.

1. Google Űrlapja^{(Google Form)} megjelenik az oldalon vagy a bejegyzésében.

1. A^(Make) módosítások mentéséhez feltétlenül frissítse a bejegyzést vagy az oldalt a szerkesztés után.

Alakítsa ki a tökéletes űrlapot webhelyéhez^{(Craft the Perfect Form for Your Site)}

Akár kérdőívet szeretne hozzáadni webhelyéhez, megrendelőlapot az online áruházhoz, eseményregisztrációt vagy kapcsolatfelvételi űrlapot szeretne hozzáadni, a Google Űrlapok^{(Google Forms)} segítségével tökéletes űrlapokat készíthet webhelyéhez. 

Tekintse meg útmutatónkat arról, hogyan ágyazhatja be a Google Naptárat a webhelyébe^{( how to embed Google Calendar on your website)} , és hogyan hozhat létre saját kuponokat a WordPressben^{( how to create your own coupon popup in WordPress)} a további funkciók és a jobb felhasználói élmény érdekében.

^(Were)Sikerült létrehoznia és beágyaznia a Google Űrlapokat ^{(Google Forms)}webhelyére ennek az útmutatónak a segítségével? Oszd meg velünk a megjegyzésekben.

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

• Google-naptár beágyazása webhelyére

• A Google Analytics felhasználói kutatási módszerei a webhely forgalmának növelésére

• Adja hozzá webhelyéhez a Google Térkép vezetési útvonalait

• A Google Táblázatok legördülő listáinak használata

• 9 rejtett funkció a Google Térképen, amelyeket érdemes megnézni

• Az SSL biztonsági tanúsítvány hibáinak javítása a Chrome-ban

• Egyszerre törölheti az összes e-mailt a Gmailből?

• Google Saját tevékenység: Miért érdekelne

• Aláírás beszúrása a Google Dokumentumokban

• 8 Google keresési tipp: mindig megtalálja, amit keres

• A változások nyomon követése a Google Dokumentumokban

• Hogyan készítsünk vonaldiagramot a Google Táblázatokban

• Alakzatok hozzáadása a Google Dokumentumokban

• A Google Biztonságos Keresés kikapcsolása

• A Google Családi Naptár használata családja időben történő tartásához

• Több megálló használata a Google Térképen

• Hogyan készítsünk névjegykártyát a Google Drive-ban

• Mi az a Google „szokatlan forgalom” hibája, és hogyan javítható?

• Hogyan juthat el az Inbox Zerohoz a Gmailben

• Hiányzik a Google keresősáv modulja? Hogyan lehet visszaállítani Androidon