How to Add Microsoft Forms to Your Blog

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

Microsoft Forms is a user-friendly survey and form creation tool developed by Microsoft. It provides a simple and efficient way for users to design surveys, quizzes, and polls for various purposes, such as collecting feedback, conducting assessments, or gathering information. The platform offers a range of customizable form elements, including multiple-choice questions, text fields, and rating scales.

Microsoft Forms also features real-time analytics, enabling users to track and visualize responses as they are submitted. The platform is suitable for both personal and professional use, providing a versatile solution for creating and managing surveys with the familiar Microsoft interface. Overall, Microsoft Forms offers a user-friendly and collaborative approach to form creation and data collection within the Microsoft 365 ecosystem.

Here are the steps to add Microsoft Forms to your blog.

Step 1: Creating a Form

Step 1.1: SignUp/Login to Microsoft

1.1.1. Go to Microsoft Forms and log in to your Microsoft account or sign up if you don’t have one. Login is essential to use Microsoft Forms.

Sign Up/ Log in to Microsoft Forms - How to Add Microsoft Forms to Your Blog
Sign Up/ Log in to Microsoft Forms

Then you will be redirected to the Microsoft Forms overview.

Step 1.2: Create a New Form

Start from a blank form or try using a template. To create a new form from scratch, click on “New From“ (Tip: Use different input methods). Or, you can choose any of the templates given by default and customize it.

Creating a new from - Add Microsoft Forms
Creating a new form

Step 2: Adding Microsoft Form to Your Blog

Step 2.1: Publish Microsoft Form

2.1.1. Click the “Collect Responses“ button in the upper right corner.

Click on "Collect Responses" - How to Add Microsoft Forms to Your Blog
Click on "Collect Responses"

2.1.2. Click on “</>button.

Click on “</>” button - How to Add Microsoft Forms to Your Blog
Click on “</>button

2.1.3. Copy the code given with <iframe> tags.

Copy the code given with <iframe> tags - How to Add Microsoft Forms to Your Blog
Copy the code given with <iframe> Tags

You can change the “width” and “height” attributes of the HTML code before copying or after copying. These attributes change the width and height of your form once it is added to your blog.

Step 2.2: Adding Microsoft Form to Your Blog

2.2.1. Go to the Hyvor Blogs 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 that 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 Microsoft Forms
Choose either Posts or Pages based on your requirement

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”
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 Microsoft Forms
Paste the code in the given place and “Save

Et voila!

Form added successfully
The form has been added successfully!

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

If you want to add this Microsoft 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.2.1. Go to your blog console.

Blog console - How to add Microsoft Froms
Go to your blog console

2.2.2. Go to Theme -> Templates.

Go to Theme -> Templates - How to add Microsoft Froms
Go to Theme -> Templates

2.2.3. Click on _footer.twig. Find the </footer> tag. Paste the copied HTML code of your Microsoft 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.

Pasting the code - How to add Microsoft Froms
Pasting the code and Save

and Viola!

The form has been added - How to add Microsoft Froms
The form has been added!

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

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

Comments