How to Add Google Forms to Your Blog

In this article, we are going to guide you on how to add Google Forms to your blog.

Google Forms is a user-friendly, web-based tool by Google for creating surveys and forms. It features an intuitive interface, various question types, and seamless integration with Google Sheets. Users can easily collaborate in real-time, share forms, and collect responses, which are automatically organized for analysis. The platform is versatile, making it suitable for individuals, businesses, and educators looking for a quick and efficient way to gather information. Let’s see how to add Google Forms to your blog.

When it comes to blogging, basically we come up with needs to collect data. Therefore, the easiest and most cost-effective solution is adding a form; Google Forms. Here are the steps to add Google Forms to your blog.

Step 1: Creating a Form

Step 1.1: SignUp/Login to Google Forms

1.1.1. Go to Google and log in to your Google account or sign up if you don’t have one.

Signing in to Google -How to Add Google Forms to Your Blog
Login to Google

1.1.2. Then click on the “Google Apps” icon and choose “Google Forms” as shown below.

Choose Google Forms - How to Add Google Forms to Your Blog
Choose Google Forms

1.1.3. Then, you will see Google Forms Home. Start from a blank form or try using a template.

Start from a blank form or try using a template - How to Add Google Forms to Your Blog
Create a new form

For demonstration purposes, one of the given templates is used here.

You can create your own form using different input methods available in Google Forms.

Now it’s time to publish your Google Form on your blog.

Step 2: Adding Google Form to Your Blog

Step 2.1: Publish Google Form

2.1.1. Click the “Send“ button in the upper right corner.

Publish Google Form - How to Add Google Forms to Your Blog
Publish Google Form

2.1.2. Then you can see a menu as shown below. Click on the code block button as shown below.

Click on the code block button as shown below - How to Add Google Forms to Your Blog
Publish Google Form

2.1.3. Then copy the HTML code given.

Copy the HTML code - How to Add Google Forms to Your Blog
Copy the HTML code

You can set the width and height as you prefer the form to appear on your blog. Make sure to set those values if you want before copying the HTML code.

Step2.2: Publishing the Form on the Blog - Blog Post

2.2.1. Go to your blog console.

2.2.2. If you want to add the form to a specific blog post, then open the blog post in the post editor. To do that, go to “Posts” and choose the post you want to add to the form. If you want to add this form to a page like the About Us, Contact Us, or Write for Us page, then go to “Pages“ and choose the page on which you want to add the form.

 If you want to add the form on a specific blog post, then open the blog post in post editor. To do that, go to “Posts” and choose the post you want to add the form. If you want to add this form to a page like about us, contact us, write for us page, then go to “Pages“ and choose the page that you want to add the form - How to Add Google Forms to Your Blog
Choose either Posts or Pages according to your preference

2.2.3. Choose the place you want to add the form and place the cursor on that place. Type / and choose “Custom HTML/Twig”.

  Choose the place you want to add the form and place the cursor on that place. Type / and choose “Custom HTML/Twig” - How to Add Google Forms to Your Blog
Choose the place you want to add the form and place the cursor on that place. Type / and choose “Custom HTML/Twig”.

2.2.4. Paste the code in the given place and “Save”.

Paste the code in the given place and “Save” - How to Add Google Forms to Your Blog
Paste the code in the given place

Viola!

Form is added successfully
The form has been added successfully!

Step 2.3: Publishing the Form on the Blog - Blog Page (Ex: Footer)

If you want to add this Google Form to one of your blog pages other than blog posts like home page, footer, etc; follow the following steps.

For this demonstration, the form is added to the footer of the blog’s home page.

2.3.1. Go to your blog console.

Blog console

2.3.2. Go to Theme -> Templates.

2.3.3. Click on _footer.twig.

Go to Theme -> Templates -> _footer.twig

2.3.4. Find the </footer> tag. Paste the copied HTML code of your Google Form anywhere you like above the </footer> tag. Click “Save”. For this demonstration, I’m pasting the copied HTML code just above the </footer> tag.

Find the </footer> tag. Paste the copied HTML code of your Google Form anywhere you like above the </footer> tag. Click “Save”
Paste the code

and Viola!

All done!
All done!

You can easily add Google Forms to any page of your blog. You can also add other Forms using tools like Microsoft Forms, Typeform, Wufoo Forms etc.

Feel free to comment or contact us with any questions or suggestions. Happy Blogging!

Comments

Published with Hyvor Blogs