{"id":36748,"date":"2024-04-25T09:38:03","date_gmt":"2024-04-25T09:38:03","guid":{"rendered":"https:\/\/10web.io\/blog\/?p=36748"},"modified":"2026-03-31T21:24:22","modified_gmt":"2026-03-31T21:24:22","slug":"how-to-embed-a-google-form-in-wordpress","status":"publish","type":"post","link":"https:\/\/10web.io\/blog\/how-to-embed-a-google-form-in-wordpress\/","title":{"rendered":"How to Embed a Google Form in WordPress"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Need a simple way to collect contact info, survey responses, or event signups, without installing another WordPress plugin? <\/span><a href=\"https:\/\/workspace.google.com\/products\/forms\/\"><span style=\"font-weight: 400;\">Google Forms<\/span><\/a><span style=\"font-weight: 400;\"> is a free tool that lets you create forms in minutes and insert them directly on your <\/span><a href=\"https:\/\/10web.io\/wordpress-glossary\/\"><span style=\"font-weight: 400;\">WordPress<\/span><\/a><span style=\"font-weight: 400;\"> site.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">In this guide, you\u2019ll learn exactly how to embed a Google Form in WordPress using two easy methods, no coding required for either. We\u2019ll also show you how to make your forms look better, troubleshoot common issues, and decide whether Google Forms or a WordPress Google Forms plugin is the better fit for your needs.<\/span><\/p>\n<h2><b>What is Google Forms (and why use it with WordPress)?<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Google Forms is a free tool from Google that makes it easy to create forms, surveys, quizzes, and more with no coding or technical setup needed. It\u2019s part of <\/span><a href=\"https:\/\/workspace.google.com\/\"><span style=\"font-weight: 400;\">Google Workspace<\/span><\/a><span style=\"font-weight: 400;\">, so everything connects smoothly with tools like <\/span><a href=\"https:\/\/workspace.google.com\/products\/sheets\/\"><span style=\"font-weight: 400;\">Google Sheets<\/span><\/a><span style=\"font-weight: 400;\">, where responses are stored and organized in real time.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">For <\/span><a href=\"https:\/\/10web.io\/blog\/wordpress-websites\/\"><span style=\"font-weight: 400;\">WordPress site<\/span><\/a><span style=\"font-weight: 400;\"> owners, Google Forms is a clean, reliable way to collect data without adding extra plugins. You can embed the same form across multiple pages, share it through email or social media, and still manage all the responses in one place.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">If you want something quick and free that won\u2019t slow down your site, Google Forms is a great alternative to traditional WordPress form plugins, especially when your needs are simple and your focus is on getting results fast.<\/span><\/p>\n<h2><b>Google Forms vs WordPress Form<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Before you finalize your choice to embed Google Form in WordPress,\u00a0 consider using a dedicated WordPress form plugin instead. Let\u2019s see how they differ and which option is best suited for each scenario to help you decide.<\/span><\/p>\n<table class=\"tenweb-table-new\">\n<tbody>\n<tr>\n<td><b>Feature<\/b><\/td>\n<td><b>Google Forms<\/b><\/td>\n<td><b>WordPress Plugins (<\/b><a href=\"https:\/\/wpforms.com\/\"><b>WPForms<\/b><\/a><b>, <\/b><a href=\"https:\/\/www.gravityforms.com\/\"><b>Gravity<\/b><\/a><b>, etc.)<\/b><\/td>\n<\/tr>\n<tr>\n<td><b>Cost<\/b><\/td>\n<td><span style=\"font-weight: 400;\">100% Free<\/span><\/td>\n<td><span style=\"font-weight: 400;\">Often requires a paid plan for full features<\/span><\/td>\n<\/tr>\n<tr>\n<td><b>Ease of use<\/b><\/td>\n<td><span style=\"font-weight: 400;\">Beginner-friendly, no setup needed<\/span><\/td>\n<td><span style=\"font-weight: 400;\">Learning curve for advanced options<\/span><\/td>\n<\/tr>\n<tr>\n<td><b>Integration<\/b><\/td>\n<td><span style=\"font-weight: 400;\">Google Sheets, email, Drive<\/span><\/td>\n<td><span style=\"font-weight: 400;\">WordPress-specific (e.g. WooCommerce, Mailchimp)<\/span><\/td>\n<\/tr>\n<tr>\n<td><b>Styling<\/b><\/td>\n<td><span style=\"font-weight: 400;\">Basic customization only<\/span><\/td>\n<td><span style=\"font-weight: 400;\">Full control via theme, CSS, and plugin UI<\/span><\/td>\n<\/tr>\n<tr>\n<td><b>Mobile friendly<\/b><\/td>\n<td><span style=\"font-weight: 400;\">Yes (auto-responsive)<\/span><\/td>\n<td><span style=\"font-weight: 400;\">Yes<\/span><\/td>\n<\/tr>\n<tr>\n<td><b>Multi-use forms<\/b><\/td>\n<td><span style=\"font-weight: 400;\"> Reuse across sites and emails<\/span><\/td>\n<td><span style=\"font-weight: 400;\">Tied to one site unless exported\/imported<\/span><\/td>\n<\/tr>\n<tr>\n<td><b>Data access<\/b><\/td>\n<td><span style=\"font-weight: 400;\">Real-time syncing to Google Sheets<\/span><\/td>\n<td><span style=\"font-weight: 400;\">View inside WP dashboard<\/span><\/td>\n<\/tr>\n<tr>\n<td><b>Plugin-free<\/b><\/td>\n<td><span style=\"font-weight: 400;\">No plugin required<\/span><\/td>\n<td><span style=\"font-weight: 400;\">Adds plugin overhead<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3><b>When should you use Google Forms vs WordPress plugins?<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Use Google Forms if you:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Want to avoid plugin bloat or slow site speed<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Need to share your form outside your website (email campaigns, social media, etc.)<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Prefer syncing responses directly into Google Sheets<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Are looking for a free, quick-to-launch solution<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Use WordPress form plugins if you:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Need more control over the form design and styling<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Want to collect payments, file uploads, or gated content access<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Require advanced features like conditional logic, user registration, or multi-step workflows<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Need to manage submissions and workflows from your WordPress dashboard<\/span><\/li>\n<\/ul>\n<h2><b>How to embed a Google Form in WordPress without plugins (Method 1)<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">You don\u2019t need any special tools to embed a Google Form. Just follow these three simple steps, and it\u2019ll work for any scenario: collecting signups, feedback, or survey responses.<\/span><\/p>\n<h3><b>Step 1: Create your Google Form<\/b><\/h3>\n<ol class=\"black\">\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Go to<\/b> <b>Google Forms<\/b><span style=\"font-weight: 400;\"> and log in with your Google account.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Choose a <\/span><b>blank form<\/b><span style=\"font-weight: 400;\"> or pick from pre-built <\/span><b>templates<\/b><span style=\"font-weight: 400;\">.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2025\/06\/how-to-embed-a-google-form-in-wordpress.-1.png\" width=\"3002\" height=\"1354\" class=\"alignnone\" alt=\"how to embed a Google Form in WordPress\" \/><br \/>\n<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Add a title, description<\/b><span style=\"font-weight: 400;\">, and form questions. Use the toolbar on the right to a<\/span><span style=\"font-weight: 400;\">dd new questions, i<\/span><span style=\"font-weight: 400;\">nsert images or videos, and s<\/span><span style=\"font-weight: 400;\">plit your form into sections.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Customize the design: Click the <strong>Palette<\/strong> icon to adjust colors and fonts and use the <strong>Settings<\/strong> to modify settings like response limits.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2025\/06\/how-to-embed-a-google-form-in-wordpress.-2.png\" width=\"3024\" height=\"1710\" class=\"alignnone\" alt=\"how to embed a Google Form in WordPress\" \/><br \/>\n<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">To collaborate with others, click the <\/span><b>share icon<\/b><span style=\"font-weight: 400;\"> &gt; <\/span><b>add editors<\/b><span style=\"font-weight: 400;\">, and invite via email.<\/span><\/li>\n<\/ol>\n<p>Google automatically saves everything to your Drive, so you&#8217;re ready to embed once the form is done.<\/p>\n<ul><\/ul>\n<h3><b>Step 2: Get the Embed Code<\/b><\/h3>\n<ol class=\"black\">\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">In the top right, click the <\/span><b>three dots button<\/b><span style=\"font-weight: 400;\">.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Click the <\/span><b>&lt; &gt; HTML embed<\/b><span style=\"font-weight: 400;\">.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2025\/06\/how-to-embed-a-google-form-in-wordpress.-3.png\" width=\"2998\" height=\"1396\" class=\"alignnone\" alt=\"how to embed a Google Form in WordPress\" \/><br \/>\n<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Adjust the <\/span><b>width and height<\/b><span style=\"font-weight: 400;\"> if needed.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Click <\/span><b>Copy<\/b><span style=\"font-weight: 400;\"> to grab the embed code.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2025\/06\/how-to-embed-a-google-form-in-wordpress.-4.png\" width=\"1974\" height=\"1048\" class=\"alignnone\" alt=\"how to embed a Google Form in WordPress\" \/><br \/>\n<\/span><\/li>\n<\/ol>\n<h3><b>Step 3: Add the form to your WordPress site<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Depending on the editor you&#8217;re using, the steps vary slightly:<\/span><\/p>\n<h4><b>For the Block Editor (Gutenberg):<\/b><\/h4>\n<ol class=\"black\">\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Open the post or page where you want the form.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Click the <\/span><b>\u201c+\u201d icon<\/b><span style=\"font-weight: 400;\"> and select <\/span><b>Custom HTML block<\/b><span style=\"font-weight: 400;\">.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Paste the embed code<\/b><span style=\"font-weight: 400;\"> inside the block.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2025\/06\/how-to-embed-a-google-form-in-wordpress.-5.png\" width=\"3024\" height=\"1046\" class=\"alignnone\" alt=\"how to embed a Google Form in WordPress\" \/><br \/>\n<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Click <\/span><b>Preview<\/b><span style=\"font-weight: 400;\"> to see how the form looks.<\/span><\/li>\n<\/ol>\n<h4><b>For the Classic Editor:<\/b><\/h4>\n<ol class=\"black\">\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Open the post or page.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Switch to the <\/span><b>Text tab<\/b><span style=\"font-weight: 400;\"> (not Visual).<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Paste the embed code<\/b><span style=\"font-weight: 400;\"> where you want the form to appear.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Switch back to <\/span><b>Visual<\/b><span style=\"font-weight: 400;\"> to preview.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2025\/06\/how-to-embed-a-google-form-in-wordpress.-6.png\" width=\"2042\" height=\"1622\" class=\"alignnone\" alt=\"how to embed a Google Form in WordPress\" \/><br \/>\n<\/span><\/li>\n<\/ol>\n<p><span style=\"font-weight: 400;\">That\u2019s it! Your Google Form is now embedded and ready to collect responses on your WordPress site without plugins or coding.<\/span><\/p>\n<h2><b>Embed Google Form in WordPress with plugins (Method 2)<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Embeding a Google Form in WordPress gets even easier with plugins that offer more flexibility, cleaner styling, and a hands-off setup. Below are two popular WordPress Google Forms plugin options, each suited to different needs.<\/span><\/p>\n<h3><b>1. <\/b><a href=\"https:\/\/embedpress.com\/\"><b>EmbedPress<\/b><\/a><b> (fastest and easiest)<\/b><\/h3>\n<p><b>Best for<\/b><span style=\"font-weight: 400;\">: Beginners who want a no-code solution.<\/span><\/p>\n<p><b>How it works<\/b><span style=\"font-weight: 400;\">:<\/span><\/p>\n<ol class=\"black\">\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Go to <\/span><b>Plugins &gt; Add New<\/b><span style=\"font-weight: 400;\"> in your WordPress dashboard.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Search for <\/span><b>EmbedPress<\/b><span style=\"font-weight: 400;\">, install, and activate it.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Open the page or post where you want the form.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Paste the Google Form URL directly<\/b><span style=\"font-weight: 400;\"> into the editor (no embed code needed).<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">EmbedPress automatically renders the form in your content block.<\/span><\/li>\n<\/ol>\n<p><span style=\"font-weight: 400;\">Here there\u2019s no need to mess with HTML. You get quick publishing.<\/span><\/p>\n<h3><b>2. <\/b><a href=\"https:\/\/formfacade.com\/enhance\/\"><b>Formfacade<\/b><\/a><b> (best for styling and branding)<\/b><\/h3>\n<p><b>Best for<\/b><span style=\"font-weight: 400;\">: Users who want the form to match their website\u2019s design.<\/span><\/p>\n<p><b>How it works<\/b><span style=\"font-weight: 400;\">:<\/span><\/p>\n<ol class=\"black\">\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Install the <\/span><b>Formfacade WordPress plugin<\/b><span style=\"font-weight: 400;\">.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Log in with your Google account during setup.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Choose an existing Google Form or create a new one.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Select where to place the form on your site (existing page or new one).<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Formfacade will embed the form and apply your <\/span><b>site\u2019s theme styling<\/b><span style=\"font-weight: 400;\"> to it automatically.<\/span><\/li>\n<\/ol>\n<p><span style=\"font-weight: 400;\">You can further customize fields, layout, fonts, and even make the form look native to your WordPress theme. Some advanced customization options may require a paid plan.<\/span><\/p>\n<h2><b>Customize and style your embedded form<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Once your Google Form is embedded in WordPress, you might notice it doesn\u2019t quite match your site\u2019s style, or isn\u2019t as responsive as you\u2019d like. Here\u2019s how to fine-tune the look and layout of your form for a better user experience.<\/span><\/p>\n<h3><b>Adjust the embed size (width &amp; height)<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">If the form looks too narrow or tall on your page, you can customize the size directly in the embed code:<\/span><\/p>\n<p><b>Example default embed code:<\/b><\/p>\n<pre><span style=\"font-weight: 400;\">&lt;iframe src=\"https:\/\/docs.google.com\/forms\/d\/e\/FORM_ID\/viewform?embedded=true\" width=\"640\" height=\"800\"&gt;&lt;\/iframe&gt;<\/span><\/pre>\n<p><b>To make it more responsive<\/b><span style=\"font-weight: 400;\">, change it to:<\/span><\/p>\n<pre><span style=\"font-weight: 400;\">&lt;iframe src=\"https:\/\/docs.google.com\/forms\/d\/e\/FORM_ID\/viewform?embedded=true\" width=\"100%\" height=\"800\"&gt;&lt;\/iframe&gt;<\/span><\/pre>\n<p><b>Tip: <\/b><span style=\"font-weight: 400;\">Use <\/span><span style=\"font-weight: 400;\">width=&#8221;100%&#8221;<\/span><span style=\"font-weight: 400;\"> so the form adapts to different screen sizes. You may still need to adjust height depending on the form length.<\/span><\/p>\n<h3><b>Make it look better with a wrapper div<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">For adding some spacing or centering your form, just wrap the iframe in a <\/span><span style=\"font-weight: 400;\">div<\/span><span style=\"font-weight: 400;\"> and apply light CSS.<\/span><\/p>\n<p><b>Example:<\/b><\/p>\n<pre><span style=\"font-weight: 400;\">&lt;div class=\"google-form-wrapper\"&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">\u00a0\u00a0&lt;iframe src=\"https:\/\/...\" width=\"100%\" height=\"800\"&gt;&lt;\/iframe&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">&lt;\/div&gt;<\/span><\/pre>\n<p><span style=\"font-weight: 400;\">Then, in your theme\u2019s <\/span><b>Custom CSS<\/b><span style=\"font-weight: 400;\">, add:<\/span><\/p>\n<pre><span style=\"font-weight: 400;\">.google-form-wrapper {<\/span>\r\n\r\n<span style=\"font-weight: 400;\">\u00a0\u00a0max-width: 700px;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">\u00a0\u00a0margin: 0 auto;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">\u00a0\u00a0padding: 20px;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">}<\/span><\/pre>\n<p><span style=\"font-weight: 400;\">This keeps your form neat and centered, especially helpful on wide screens. You can also do this manually in the <\/span><b>Text<\/b><span style=\"font-weight: 400;\"> (HTML) view of your editor by wrapping the form in a container and applying simple styling.<\/span><\/p>\n<p><b>Example:<\/b><\/p>\n<pre><span style=\"font-weight: 400;\">&lt;div style=\"max-width: 700px; margin: 0 auto; padding: 20px;\"&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">\u00a0\u00a0&lt;iframe src=\"https:\/\/docs.google.com\/forms\/d\/e\/FORM_ID\/viewform?embedded=true\" width=\"100%\" height=\"800\" frameborder=\"0\" marginheight=\"0\" marginwidth=\"0\"&gt;Loading\u2026&lt;\/iframe&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">&lt;\/div&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">This code centers the form on the page, limits its maximum width, and adds some padding for better readability.<\/span><\/pre>\n<h2><b>Quick fixes for common Google Form embedding issues<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">At this point, you know how to embed a Google Form in WordPress and even customize it a little. However, you might run into a couple of recurring issues along the way, so let\u2019s see how you can solve them fast.<\/span><\/p>\n<h3><b>The form isn\u2019t showing<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Make sure you&#8217;re using the <\/span><b>iframe embed code<\/b><span style=\"font-weight: 400;\">, not the regular share link.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\"> If you&#8217;re using the <\/span><b>Block Editor<\/b><span style=\"font-weight: 400;\"> in WordPress, insert the code into a <\/span><b>Custom HTML block<\/b><span style=\"font-weight: 400;\">, not a Paragraph or Shortcode block. <\/span><span style=\"font-weight: 400;\">If you&#8217;re using the <\/span><b>Classic Editor<\/b><span style=\"font-weight: 400;\">, switch to the <\/span><b>Text tab<\/b><span style=\"font-weight: 400;\"> before pasting the code, don\u2019t use the Visual tab.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><\/p>\n<h3>The form looks weird on mobile<\/h3>\n<p><span style=\"font-weight: 400;\">Set the iframe width to <\/span><b>100 percent<\/b><span style=\"font-weight: 400;\">. For example:<\/span><\/p>\n<pre><span style=\"font-weight: 400;\">&lt;iframe src=\"...\" width=\"100%\" height=\"800\"&gt;&lt;\/iframe&gt;<\/span><\/pre>\n<p><span style=\"font-weight: 400;\">For better layout control, wrap it in a <\/span><span style=\"font-weight: 400;\">div<\/span><span style=\"font-weight: 400;\"> like this:<\/span><\/p>\n<pre><span style=\"font-weight: 400;\">&lt;div style=\"max-width: 700px; margin: 0 auto;\"&gt;<\/span><\/pre>\n<p><span style=\"font-weight: 400;\">then add your iframe inside.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><\/p>\n<h3>No confirmation emails are sent<\/h3>\n<p>Google Forms doesn\u2019t send emails by default. You can enable a thank-you message<span style=\"font-weight: 400;\"> under <\/span><b>Settings<\/b><span style=\"font-weight: 400;\">, then go to <\/span><b>Presentation<\/b><span style=\"font-weight: 400;\">. <\/span><span style=\"font-weight: 400;\">If you want actual email confirmations, use a tool like <\/span><b>Formfacade<\/b><span style=\"font-weight: 400;\">, the <\/span><b>Form Notifications Add-on<\/b><span style=\"font-weight: 400;\">, or an automation platform like <\/span><b>Zapier<\/b><span style=\"font-weight: 400;\">.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\"><\/span><span style=\"font-weight: 400;\"><\/span>The form doesn\u2019t match your website theme<\/h3>\n<p>Use the Formfacade plugin to apply your site\u2019s fonts and colors. Or, you can wrap the form in a div and apply custom CSS for padding, alignment, and other style tweaks.<\/p>\n<h2><b>Final thoughts<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Embedding a Google Form in WordPress is one of the easiest ways to add powerful, flexible forms to your site without coding or bloat, and it\u2019s completely free. When you need to collect RSVPs, run surveys, or gather feedback, learning how to embed a Google Form in WordPress gives you a fast, reliable solution that works across devices.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Want more control over appearance or integrations? A WordPress Google Forms plugin can help you style your form to match your site and even add features like email notifications. So, if you\u2019re ready to get started, jump to Step 1, and if you want cleaner styling or faster setup, try a plugin method.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">You\u2019re just a few clicks away from smoother workflows and better engagement, right inside your WordPress site!<\/span><\/p>\n<h2><b>FAQ\u200b\u200b<\/b><\/h2>\n<p><span style=\"font-weight: 400;\"><div class=\"faq-shortcode\">\n    <p class=\"faq_title\">How do I embed a Google Form into a WordPress website?<\/p>\n    <div class=\"faq_content\">Yes, you can easily embed a Google Form into WordPress. To do this, open your form in Google Forms, click the Send button, choose the &lt;&gt; embed tab, copy the HTML code, and paste it into a Custom HTML block on your page or post. That\u2019s the easiest way to learn how to embed a Google Form in WordPress without needing a plugin.<\/div>\n<\/div>\n<div class=\"faq-shortcode\">\n    <p class=\"faq_title\">Can I update my form after embedding?<\/p>\n    <div class=\"faq_content\">Yes! Any changes you make inside Google Forms will automatically update wherever the form is embedded. You don\u2019t need to re-copy or re-embed the code.<\/div>\n<\/div>\n<div class=\"faq-shortcode\">\n    <p class=\"faq_title\">How do I embed a Google Form in WordPress without using iframe?<\/p>\n    <div class=\"faq_content\">If you prefer to avoid iframe code, try a plugin like EmbedPress or Formfacade. These tools let you embed the form by pasting just the URL. This is especially helpful if you\u2019re using a WordPress Google Forms plugin and want better styling or shortcode support.<\/div>\n<\/div>\n<div class=\"faq-shortcode\">\n    <p class=\"faq_title\">Will Google Forms slow down my WordPress site?<\/p>\n    <div class=\"faq_content\">Nope. Google Forms are hosted externally on Google&#8217;s fast servers, so they won\u2019t impact your page load speed. That\u2019s one reason why many users prefer to embed Google Form in WordPress rather than using heavier plugins.<\/div>\n<\/div>\n<div class=\"faq-shortcode\">\n    <p class=\"faq_title\">How do I make a Google Form match my WordPress theme?<\/p>\n    <div class=\"faq_content\">To make your form visually blend in with your site: (1) Use the Formfacade plugin, which applies your site&#8217;s fonts and colors automatically. (2) Or wrap the iframe in a <\/span><span style=\"font-weight: 400;\">div<\/span><span style=\"font-weight: 400;\"> and apply light CSS for spacing and responsiveness.<\/div>\n<\/div>\n<div class=\"faq-shortcode\">\n    <p class=\"faq_title\">Can I track submissions in the WordPress dashboard?<\/p>\n    <div class=\"faq_content\">Not directly. Google Form responses are stored in your Google account, often in Google Sheets. If you want to manage submissions within WordPress itself, consider switching to a native form plugin instead.<\/div>\n<\/div>\n<div class=\"faq-shortcode\">\n    <p class=\"faq_title\">Can you embed a Google Sheet in WordPress?<\/p>\n    <div class=\"faq_content\">Yes! Open the sheet &gt; click File &gt; Share &gt; Publish to the web &gt; choose the Embed tab &gt; paste that code into a Custom HTML block in WordPress. The embedded sheet will display in real time.<\/div>\n<\/div>\n<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Need a simple way to collect contact info, survey responses, or event signups, without installing another WordPress plugin? Google Forms is a free tool that lets you create forms in minutes and insert them directly on your WordPress site. In this guide, you\u2019ll learn exactly how to embed a Google Form in WordPress using two easy methods, no coding required&#8230;<\/p>\n","protected":false},"author":11,"featured_media":34880,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"two_page_speed":[],"footnotes":"","tenweb_blog_toc":"<ul>\r\n\t<li>\r\n\t\t<a href=\"#what-is-google-forms-and-why-use-it-with-wordpress\">What is Google Forms (and why use it with WordPress)?<\/a>\r\n\t<\/li>\r\n\t<li>\r\n\t\t<a href=\"#google-forms-vs-wordpress-form\">Google Forms vs WordPress Form<\/a>\r\n\t\t<ul>\r\n\t\t\t<li>\r\n\t\t\t\t<a href=\"#when-should-you-use-google-forms-vs-wordpress-plugins\">When should you use Google Forms vs WordPress plugins?<\/a>\r\n\t\t\t<\/li>\r\n\t\t<\/ul>\r\n\t<\/li>\r\n\t<li>\r\n\t\t<a href=\"#how-to-embed-a-google-form-in-wordpress-without-plugins-method-1\">How to embed a Google Form in WordPress without plugins (Method 1)<\/a>\r\n\t\t<ul>\r\n\t\t\t<li>\r\n\t\t\t\t<a href=\"#step-1-create-your-google-form\">Step 1: Create your Google Form<\/a>\r\n\t\t\t<\/li>\r\n\t\t\t<li>\r\n\t\t\t\t<a href=\"#step-2-get-the-embed-code\">Step 2: Get the Embed Code<\/a>\r\n\t\t\t<\/li>\r\n\t\t\t<li>\r\n\t\t\t\t<a href=\"#step-3-add-the-form-to-your-wordpress-site\">Step 3: Add the form to your WordPress site<\/a>\r\n\t\t\t<\/li>\r\n\t\t<\/ul>\r\n\t<\/li>\r\n\t<li>\r\n\t\t<a href=\"#embed-google-form-in-wordpress-with-plugins-method-2\">Embed Google Form in WordPress with plugins (Method 2)<\/a>\r\n\t\t<ul>\r\n\t\t\t<li>\r\n\t\t\t\t<a href=\"#1-embedpress-fastest-and-easiest\">1. EmbedPress (fastest and easiest)<\/a>\r\n\t\t\t<\/li>\r\n\t\t\t<li>\r\n\t\t\t\t<a href=\"#2-formfacade-best-for-styling-and-branding\">2. Formfacade (best for styling and branding)<\/a>\r\n\t\t\t<\/li>\r\n\t\t<\/ul>\r\n\t<\/li>\r\n\t<li>\r\n\t\t<a href=\"#customize-and-style-your-embedded-form\">Customize and style your embedded form<\/a>\r\n\t\t<ul>\r\n\t\t\t<li>\r\n\t\t\t\t<a href=\"#adjust-the-embed-size-width-height\">Adjust the embed size (width & height)<\/a>\r\n\t\t\t<\/li>\r\n\t\t\t<li>\r\n\t\t\t\t<a href=\"#make-it-look-better-with-a-wrapper-div\">Make it look better with a wrapper div<\/a>\r\n\t\t\t<\/li>\r\n\t\t<\/ul>\r\n\t<\/li>\r\n\t<li>\r\n\t\t<a href=\"#quick-fixes-for-common-google-form-embedding-issues\">Quick fixes for common Google Form embedding issues<\/a>\r\n\t\t<ul>\r\n\t\t\t<li>\r\n\t\t\t\t<a href=\"#the-form-isnt-showing\">The form isn\u2019t showing<\/a>\r\n\t\t\t<\/li>\r\n\t\t\t<li>\r\n\t\t\t\t<a href=\"#the-form-looks-weird-on-mobile\">The form looks weird on mobile<\/a>\r\n\t\t\t<\/li>\r\n\t\t\t<li>\r\n\t\t\t\t<a href=\"#no-confirmation-emails-are-sent\">No confirmation emails are sent<\/a>\r\n\t\t\t<\/li>\r\n\t\t\t<li>\r\n\t\t\t\t<a href=\"#the-form-doesnt-match-your-website-theme\">The form doesn\u2019t match your website theme<\/a>\r\n\t\t\t<\/li>\r\n\t\t<\/ul>\r\n\t<\/li>\r\n\t<li>\r\n\t\t<a href=\"#final-thoughts\">Final thoughts<\/a>\r\n\t<\/li>\r\n\t<li>\r\n\t\t<a href=\"#faq\">FAQ\u200b\u200b<\/a>\r\n\t<\/li>\r\n<\/ul>\r\n","tenweb_blog_competitor_type":"","tenweb_blog_competitor_names":"","tenweb_blog_twb_version":0,"tenweb_blog_type":""},"categories":[463],"tags":[],"class_list":["post-36748","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-guides"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v23.0 (Yoast SEO v23.0) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Embed a Google Form in WordPress - 10Web<\/title>\n<meta name=\"description\" content=\"Learn how to embed a Google Form in WordPress in 2 easy ways for enhanced user interaction. Boost your site&#039;s functionality now!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/10web.io\/blog\/how-to-embed-a-google-form-in-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Embed a Google Form in WordPress\" \/>\n<meta property=\"og:description\" content=\"Learn how to embed a Google Form in WordPress in 2 easy ways for enhanced user interaction. Boost your site&#039;s functionality now!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/10web.io\/blog\/how-to-embed-a-google-form-in-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"10Web - Build &amp; Host Your WordPress Website\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/10Web.io\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-04-25T09:38:03+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-31T21:24:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/04\/embed_a_google_form_in_wordpress.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1569\" \/>\n\t<meta property=\"og:image:height\" content=\"880\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Tigran Nazaryan\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@10Web_io\" \/>\n<meta name=\"twitter:site\" content=\"@10Web_io\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Tigran Nazaryan\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Embed a Google Form in WordPress - 10Web","description":"Learn how to embed a Google Form in WordPress in 2 easy ways for enhanced user interaction. Boost your site's functionality now!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/10web.io\/blog\/how-to-embed-a-google-form-in-wordpress\/","og_locale":"en_US","og_type":"article","og_title":"How to Embed a Google Form in WordPress","og_description":"Learn how to embed a Google Form in WordPress in 2 easy ways for enhanced user interaction. Boost your site's functionality now!","og_url":"https:\/\/10web.io\/blog\/how-to-embed-a-google-form-in-wordpress\/","og_site_name":"10Web - Build &amp; Host Your WordPress Website","article_publisher":"https:\/\/www.facebook.com\/10Web.io\/","article_published_time":"2024-04-25T09:38:03+00:00","article_modified_time":"2026-03-31T21:24:22+00:00","og_image":[{"width":1569,"height":880,"url":"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/04\/embed_a_google_form_in_wordpress.jpg","type":"image\/jpeg"}],"author":"Tigran Nazaryan","twitter_card":"summary_large_image","twitter_creator":"@10Web_io","twitter_site":"@10Web_io","twitter_misc":{"Written by":"Tigran Nazaryan","Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/10web.io\/blog\/how-to-embed-a-google-form-in-wordpress\/#article","isPartOf":{"@id":"https:\/\/10web.io\/blog\/how-to-embed-a-google-form-in-wordpress\/"},"author":{"name":"Tigran Nazaryan","@id":"https:\/\/10web.io\/blog\/#\/schema\/person\/9466e64f67fc213397b384bbe3af3bd0"},"headline":"How to Embed a Google Form in WordPress","datePublished":"2024-04-25T09:38:03+00:00","dateModified":"2026-03-31T21:24:22+00:00","mainEntityOfPage":{"@id":"https:\/\/10web.io\/blog\/how-to-embed-a-google-form-in-wordpress\/"},"wordCount":1908,"commentCount":0,"publisher":{"@id":"https:\/\/10web.io\/blog\/#organization"},"image":{"@id":"https:\/\/10web.io\/blog\/how-to-embed-a-google-form-in-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/04\/embed_a_google_form_in_wordpress.jpg","articleSection":["Guides"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/10web.io\/blog\/how-to-embed-a-google-form-in-wordpress\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/10web.io\/blog\/how-to-embed-a-google-form-in-wordpress\/","url":"https:\/\/10web.io\/blog\/how-to-embed-a-google-form-in-wordpress\/","name":"How to Embed a Google Form in WordPress - 10Web","isPartOf":{"@id":"https:\/\/10web.io\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/10web.io\/blog\/how-to-embed-a-google-form-in-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/10web.io\/blog\/how-to-embed-a-google-form-in-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/04\/embed_a_google_form_in_wordpress.jpg","datePublished":"2024-04-25T09:38:03+00:00","dateModified":"2026-03-31T21:24:22+00:00","description":"Learn how to embed a Google Form in WordPress in 2 easy ways for enhanced user interaction. Boost your site's functionality now!","breadcrumb":{"@id":"https:\/\/10web.io\/blog\/how-to-embed-a-google-form-in-wordpress\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/10web.io\/blog\/how-to-embed-a-google-form-in-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/10web.io\/blog\/how-to-embed-a-google-form-in-wordpress\/#primaryimage","url":"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/04\/embed_a_google_form_in_wordpress.jpg","contentUrl":"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/04\/embed_a_google_form_in_wordpress.jpg","width":1569,"height":880,"caption":"How to Embed a Google Form in WordPress"},{"@type":"BreadcrumbList","@id":"https:\/\/10web.io\/blog\/how-to-embed-a-google-form-in-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/10web.io\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Embed a Google Form in WordPress"}]},{"@type":"WebSite","@id":"https:\/\/10web.io\/blog\/#website","url":"https:\/\/10web.io\/blog\/","name":"10Web Blog - Build & Host Your WordPress Website","description":"10Web is an All-in-One Website Building Platform, offering Managed WordPress Hosting on Google Cloud, Beautiful Templates, Premium Plugins and Services.","publisher":{"@id":"https:\/\/10web.io\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/10web.io\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/10web.io\/blog\/#organization","name":"10Web","url":"https:\/\/10web.io\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/10web.io\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2025\/04\/Logo-768x686-1.png","contentUrl":"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2025\/04\/Logo-768x686-1.png","width":768,"height":686,"caption":"10Web"},"image":{"@id":"https:\/\/10web.io\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/10Web.io\/","https:\/\/x.com\/10Web_io","https:\/\/www.instagram.com\/10web.io\/","https:\/\/www.linkedin.com\/company\/10web\/mycompany\/","https:\/\/www.youtube.com\/c\/10Web"]},{"@type":"Person","@id":"https:\/\/10web.io\/blog\/#\/schema\/person\/9466e64f67fc213397b384bbe3af3bd0","name":"Tigran Nazaryan","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/10web.io\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/ce2393558e7591a237212f11acac58fb?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ce2393558e7591a237212f11acac58fb?s=96&d=mm&r=g","caption":"Tigran Nazaryan"},"description":"Tigran Nazaryan is an experienced science and technology professional. After seeing great potential in the automation of web development, he co-founded and became CInO of 10Web. Tigran is passionate about creating solutions to bring AI automation into web development and turning great ideas into powerful technological achievements.","sameAs":["https:\/\/www.linkedin.com\/in\/tnazaryan\/"],"url":"https:\/\/10web.io\/blog\/author\/tigran\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/10web.io\/blog\/wp-json\/wp\/v2\/posts\/36748","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/10web.io\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/10web.io\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/10web.io\/blog\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/10web.io\/blog\/wp-json\/wp\/v2\/comments?post=36748"}],"version-history":[{"count":1,"href":"https:\/\/10web.io\/blog\/wp-json\/wp\/v2\/posts\/36748\/revisions"}],"predecessor-version":[{"id":78173,"href":"https:\/\/10web.io\/blog\/wp-json\/wp\/v2\/posts\/36748\/revisions\/78173"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/10web.io\/blog\/wp-json\/wp\/v2\/media\/34880"}],"wp:attachment":[{"href":"https:\/\/10web.io\/blog\/wp-json\/wp\/v2\/media?parent=36748"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/10web.io\/blog\/wp-json\/wp\/v2\/categories?post=36748"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/10web.io\/blog\/wp-json\/wp\/v2\/tags?post=36748"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}