Mastering Form Embedding in WordPress: The Ultimate Beginner’s Guide

Over the years, CanadaCreate has assisted thousands of WordPress users, and one common question arises: ‘What is the simplest way to add forms to WordPress?’

The good news is that adding forms to WordPress has become significantly easier than in the past.

Today, there are numerous user-friendly solutions that are ready to use right away.

That’s why we’ve created this comprehensive beginner’s guide to help you embed forms in WordPress effortlessly. We will guide you through the most effective methods we’ve identified through years of testing various solutions, allowing you to skip the trial and error and get your forms operational in just minutes.

What Is a WordPress Form, and Why Is It Essential?

A WordPress form is a powerful tool for gathering important information and insights from your website visitors. It enables users to submit their details, such as name, email address, and feedback.

Forms can serve a variety of purposes.

For instance, you can create a contact form to allow users to reach out to you, build an email list, conduct surveys to gather opinions, or set up registration forms for events.

Additionally, forms can be utilized for booking appointments or collecting donations. Many businesses also use forms to manage customer support inquiries.

Integrating forms into your WordPress website is essential for engaging with your visitors effectively. It’s a strategic choice for every website owner.

Step-by-Step Guide to Embedding Forms in WordPress

In the upcoming sections, we will guide you through the process of adding forms to your WordPress site. If you’re looking for a specific type of form, feel free to click the link to jump directly to that section:

Are you ready? Let’s dive in.

1. Embedding WPForms in Your WordPress Site

WPForms is the leading multipurpose form builder available, boasting over 6 million active users, including our team!

At CanadaCreate, we utilize WPForms for creating contact forms, conducting annual reader surveys, and handling site migration requests. It has been our reliable solution for years, and you can explore its features in our comprehensive WPForms review.

This tool offers over 2000 customizable templates, allowing you to design any form you need effortlessly.

You can also leverage AI to create your forms. Just specify the type of form you want, and WPForms AI will generate it for you.

Besides contact forms, WPForms enables you to easily create a range of forms, including:

• Survey forms
• Online order forms
• Payment forms
• File upload forms
• Conversational forms
• Multi-page forms

To embed WPForms, you can use either a WPForms block or a shortcode.

Let’s go ahead and install and activate WPForms so we can try this together. If you need assistance, refer to our guide on how to install a WordPress plugin.

After that, follow our detailed instructions on how to create a contact form in WordPress.

Embedding WPForms Forms Using the WPForms Block

Once your form is ready to be published, simply click the ‘Embed’ button within the form builder to add the form to your webpage using a WPForms block.

This will launch a popup window where you can select an existing page or create a new one for your form.

Clicking the ‘Select Existing Page’ button will display a dropdown menu featuring all the pages available on your website. If you choose ‘Create New Page,’ a field will appear for you to enter a name for your new page.

After selecting a page or naming your new one, click the ‘Let’s Go!’ button.

You will be redirected to the block editor of the selected page.

Here, click the ‘+’ button and search for the WPForms block.

Next, open the dropdown menu in the WPForms block and select the form you wish to embed.

Once you choose a form, WPForms will load it into the block editor.

At this point, you may want to explore the ‘Form Settings’ located in the right-hand panel.

By default, WPForms does not display your form title. You may want to enable the ‘Form Title’ option to include the title and provide visitors with additional context. If you add a form description, you can also activate that option.

Additionally, you can customize the appearance of your form with a theme to ensure it aligns with your site’s overall design.

Once you are satisfied with the form’s appearance, click ‘Save’ to finalize your changes.

This is how you can easily embed WPForms using a WPForms block.

Using a Shortcode to Embed WPForms

Another method to embed WPForms is by utilizing a shortcode.

To get started, navigate to WPForms » All Formsto locate the ‘Shortcode’ column associated with each form.

From there, simply copy the shortcode of the form you wish to embed. For instance, we will copy the shortcode for our ‘Customer Review’ form.

Next, open the page or post where you want to embed the form. To do this, go to ‘Pages’ or ‘Posts,’ hover over one of them, and click ‘Edit’ when the option appears.

This action will take you to the editor for the selected page or post.

To embed the form, click the ‘+’ button and search for the ‘Shortcode’ block.

Once the block is added, paste your WPForms form’s shortcode into the designated text field.

Here’s an example of what it might look like:

The block editor will not display the form in the live editing area.

So, make sure to save your changes first, then click the ‘View Page’ button when it appears in the bottom left corner.

2. Steps to Embed Donation Forms in WordPress

Integrating a donation form into your website simplifies the process for supporters to contribute to your cause. A straightforward and accessible donation option increases the likelihood of visitor contributions.

The most straightforward method to embed donation forms in WordPress is by utilizing the Charitable plugin.

✋ This widely-used tool allows you to design and personalize multiple fundraising campaigns, featuring over 100 pre-designed templates. Interested in learning more? Check out our comprehensive review of Charitable.

To begin, install and activate the Charitable plugin to set up your donation form. If you require assistance, refer to our guide on installing a WordPress plugin.

After activation, navigate to Charitable » Settings to activate your Pro license. Simply enter your license key and click ‘Verify Key’ to proceed.

Once that’s complete, you’re ready to create your donation form. For step-by-step guidance, refer to our tutorial on creating a recurring donation form in WordPress.

When you’re satisfied with the form’s appearance, you can easily embed it within a WordPress post or page.

In the campaign builder, start by clicking the ‘Draft’ dropdown to reveal its options. Then, click ‘Publish,’ and Charitable will automatically generate a new page for your campaign.

Congratulations! You have successfully created and published your first Charitable campaign.

Visit your website to see your donation form in action.

You may notice the ‘Embed Wizard’ link in the pop-up window or the ‘Embed’ button in the Charitable editor.

These options allow you to add your donation form to other posts or pages as well.

To proceed, click the ‘Embed Wizard’ link or the ‘Embed’ button to open the embed prompt.

In the pop-up that appears, you can choose to select an existing page or create a new one.

Since we already have a dedicated donation form page, it’s best to select ‘Select existing page.’ Click the button to continue.

You will see a dropdown menu listing all the pages on your WordPress site.

Expand the dropdown menu, select a page, and click the ‘Let’s Go’ button.

This will take you to the block editor for that page.

Here, click the ‘+’ button and search for the ‘Charitable Campaign’ block. Click on the search result to add it to the content editor.

You can then select a donation form to embed from the dropdown in the ‘Charitable Campaign’ block.

Expand the dropdown menu and select the campaign you wish to add.

If the preview doesn’t appear in the content editor, don’t worry; the block functions correctly.

Now, click the ‘Save,’ ‘Update,’ or ‘Publish’ button to make your changes live.

That’s it! You can now visit the page to see the donation form in action.

3. How to Embed HubSpot Forms in WordPress

HubSpot is an excellent platform for business growth, offering tools like a customer relationship management (CRM) system to manage customer information, a website builder, and more.

✋ Interested in the platform? Check out our comprehensive HubSpot review to discover its full capabilities.

The good news is that HubSpot provides a form builder that integrates seamlessly with WordPress. When someone submits a form, their information is automatically sent to HubSpot CRM, allowing you to easily follow up with emails and messages.

You can also connect HubSpot with other form tools, such as WPForms. This makes the platform incredibly versatile, as it works well with many tools you may already be using.

In this tutorial, we will guide you on how to embed HubSpot forms using the HubSpot Form Builder plugin and the WPForms HubSpot Addon.

Embedding HubSpot Forms with the HubSpot Plugin

To embed HubSpot Forms in WordPress, start by installing the HubSpot plugin. If you need assistance, check out our guide on how to install a WordPress plugin.

After activating the plugin, click on the ‘HubSpot’ menu in your WordPress dashboard. This section provides various options to connect your website with HubSpot.

• If you already have a HubSpot account, simply click ‘Sign In.’
• If you don’t have an account, you can sign in using your Google, Microsoft, or Apple account.
• You can also use the same email address that you registered with your website.

Once you’ve signed in or created a HubSpot account, you’ll need to link it to your WordPress site.

Just click the ‘Connect website’ button, and HubSpot will initiate the connection process.

After the connection is established, you’re ready to create your HubSpot form using the plugin.

Next, navigate to HubSpot » Forms. Click the ‘Create form’ button to get started.

Here, you can select a form type and template. You will then be redirected to a new tab where you can customize your HubSpot form using the form builder.

For comprehensive instructions, refer to the first method in our guide on creating a HubSpot form in WordPress.

Once you’re satisfied with the appearance of your form, the next step is to integrate it into your website. To do this, simply use the ‘Embed’ button located in the form builder.

However, this method can be somewhat confusing.

It only allows you to share the form link and use an HTML snippet on your WordPress post or page.

Alternatively, you can click the ‘Back to WordPress’ button to embed your forms directly from the HubSpot dashboard in your admin area.

Click the button located in the top left corner.

Next, hover over the form you wish to embed.

When the ‘Embed’ button appears, simply click on it.

A pop-up window will appear, displaying multiple options for embedding your form.

Here, you can choose to add your HubSpot form to a post or page using the HubSpot block. If you switch to the other tab, you’ll find the shortcode for the form.

For this tutorial, we’ll select the ‘WordPress Post’ button.

This action will open the ‘Posts’ page in a new tab. To embed the form, hover over a post and click ‘Edit’ when it appears.

You will then be able to insert the HubSpot Form block into the page using the content editor.

To get started, click the ‘+’ button and use the search bar to find the HubSpot Form block. Once you locate it, click to select it.

This action will insert the HubSpot Form block into your content area.

Next, click the dropdown menu to view the available options, and select the HubSpot form you wish to embed.

That’s all there is to it! Now, simply click the ‘Save’ button to apply your changes.

Here’s a preview of how it appears on our demo site:

Embedding HubSpot Forms with the WPForms HubSpot Addon

Creating a HubSpot form with WPForms is a simpler and more effective method to manage forms and contacts, eliminating the need for multiple plugins.

WPForms streamlines both form creation and HubSpot integration in one platform. This makes the process easier by providing access to WPForms’ intuitive drag-and-drop builder and templates, while automatically syncing your form data with HubSpot.

Begin by installing and activating the WPForms plugin. For detailed instructions, refer to our comprehensive guide on how to install a WordPress plugin.

After activation, you will need to verify your license key in theWPForms » Settings.

Your license key can be found in your WPForms account. Click the clipboard icon to copy it, then return to your WordPress tab and paste it into the ‘License Key’ field.

Click the ‘Verify Key’ button to activate your subscription.

Next, navigate toWPForms » Addonsin the admin dashboard to install the HubSpot Addon.

Scroll down to find the HubSpot add-on, then click the ‘Install Addon’ button.

Once the addon is activated, go to the WPForms ‘Settings’ panel from the WordPress dashboard and switch to the ‘Integration’ tab.

Here, you can link your HubSpot CRM account to WPForms. Click ‘+ Add New Account’ and enter your account information.

Now, you can create and embed a HubSpot form using WPForms.

Start by creating your form by going toWPForms » Add New. On the following screen, you will name your form and choose a template.

Next, you can personalize the template using the form builder.

If everything appears to be in order, you can proceed to the ‘Marketing’ panel. Here, select the ‘HubSpot’ option to link the form with your HubSpot account.

Enter your HubSpot account information and follow the on-screen setup instructions.

After completing the setup, you can publish the form using the WPForms block or by utilizing the form’s shortcode. For more information, refer to our guide on creating a HubSpot form in WordPress.

4. How to Embed Google Forms in WordPress

WPForms and other WordPress form builders are user-friendly. They operate directly on your WordPress site, allowing you to create forms that accept payments, build login forms, design custom user registration forms, and more.

However, there may be times when you need to share a form across various websites or platforms.

In such instances, Google Forms can be extremely useful. They are easy to share, function well on mobile devices, and consolidate all responses in one location. Additionally, you can invite collaborators to assist with managing the responses, all stored in Google Drive.

To embed a Google Form in WordPress, begin by creating a form on the Google Forms website. Simply click the ‘Go To Forms’ button.

On the next screen, you’ll find a variety of form templates. Click on one to begin creating your form.

Alternatively, you can start fresh by selecting ‘Blank form.’

After selecting a template, you can begin personalizing your form. Here are some steps you may want to follow:

• Set a title for your form.
• Add a description for your form.
• Modify the fields to align with your objectives.

You can also utilize AI tools to select the most appropriate fields for your questions.

When you’re satisfied with the form’s appearance, click the ‘Send’ button. This will open a pop-up where you can obtain the embed code for your form.

After copying the embed code, navigate to the WordPress page or post where you wish to display the form.

In the content editor of the page or post, click the ‘+’ button and search for the ‘Custom HTML’ block.

Click on it to add it to your page.

Next, simply paste the embed code from Google Forms into the Custom HTML block.

Once you’ve done that, remember to click the ‘Update’ or ‘Publish’ button.

Now, when you visit your website, you should see the Google form displayed and ready for use:

For comprehensive step-by-step guidance, please check our detailed tutorial on embedding a Google Form in WordPress.

5. How to Integrate Zoho Forms into Your WordPress Site

Zoho Forms is an excellent tool for effortlessly creating various types of forms. Whether you require a contact form, survey, registration form, or order form, Zoho Forms has everything you need.

Additionally, embedding a Zoho Form into your WordPress site is straightforward. Before we proceed with that, let’s start by creating the form.

To begin, you’ll need to sign up for an account on the Zoho Forms website. Just click ‘Sign Up for Free.’

After creating your account, you can start designing your form.

First, click the ‘New Form’ button in the form builder interface.

You will then notice that Zoho Forms provides three options for creating forms:

• Build forms from scratch using either the standard or card form type.
• Utilize pre-designed form templates.
• Create CRM forms, a feature available only with the Pro plan upgrade.

For this tutorial, we will select the ‘Website Feedback’ template.

Now, let’s click the ‘Use this template’ button.

Once that’s completed, you will be directed to the Zoho Forms form builder.

The left panel features all the customization options, while the form preview is displayed on the right. You can easily add elements to your form by dragging and dropping them.

With Zoho Forms, you can customize the form’s theme to align with your website’s design.

To change the theme, navigate to the ‘Themes’ tab, hover over your desired theme, and click ‘Apply.’

If everything appears satisfactory, you can proceed to the ‘Share’ tab.

In the ‘Share’ tab, you will find various options for embedding forms with Zoho Forms.

Since we are embedding it into a WordPress site, let’s navigate to Embed » Website Builders. Next, click the ‘Go to WordPress’ button.

You will be redirected to the Zoho Forms page within the WordPress plugin directory.

Simply install the plugin. If you need assistance, refer to our guide on installing a WordPress plugin.

After activation, open the post or page where you wish to embed Zoho Forms. Click the ‘+’ button and select the Zoho Forms block.

Once the block is added, click the ‘Access Zoho Forms’ button.

While there is an ‘Embed with permalink’ option, we advise against using it as it may not be user-friendly for beginners.

Next, you will be asked to select the domain associated with your Zoho account.

For this example, we will select ‘zoho.com‘ from the dropdown list and then click ‘Connect.’

After that, you can select the form you wish to embed.

Simply click the dropdown menu and choose one from the available forms. Then, scroll down and click the ‘Embed’ button.

Your content editor will now display your Zoho form.

If you are satisfied with the preview, click the ‘Save’ button.

Now, when you visit the page, you will see your Zoho form live.

Here’s an example of how it might appear:

From the image above, you can see that the Zoho Forms theme helps seamlessly integrate the form with your website’s design.

6. How to Embed Email Signup Forms in WordPress

OptinMonster is not a conventional form builder, but it is an excellent tool for creating user sign-up forms and growing your email list.

At CanadaCreate, we’ve achieved remarkable results with this lead-generation tool. For instance, using OptinMonster, we boosted our email subscribers by 600%.

✋ Looking for a detailed review of the software? Check out our comprehensive OptinMonster review!

When creating email sign-up forms, you can choose from different campaign types, including slide-ins and lightbox pop-ups. Before we dive into embedding the OptinMonster email sign-up form, let’s ensure that your form is properly set up.

To get started, you’ll need to create an account on the OptinMonster website by clicking the ‘Get OptinMonster Now’ button.

This will take you to the pricing page.

We recommend opting for the Pro plan as it is highly popular and includes the ‘Exit Intent’ feature. Plus, you can use our exclusive CanadaCreate OptinMonster coupon code for an additional 10% discount.

To complete your purchase, simply enter your payment information and proceed with the transaction.

Once that’s done, let’s install and activate the OptinMonster WordPress plugin. If you need assistance, please refer to our step-by-step guide on installing a WordPress plugin.

This plugin will link your WordPress site to OptinMonster. Just go toOptinMonster » Settingsin your WordPress admin panel. Then, click on ‘Connect Your Existing Account.’

After establishing the connection, you can start creating your OptinMonster email sign-up form. For comprehensive guidance, refer to our tutorial on building your email list in WordPress using OptinMonster.

OptinMonster offers advanced display rules that enable you to present the right campaign to the right audience at the right moment, significantly enhancing conversion rates. You can access these settings by navigating to Display Rules within the campaign builder.

In this section, you can manage when and where your campaigns are displayed based on user behavior.

Additionally, you can tailor campaigns for various audiences, such as providing different layouts for mobile and desktop visitors.

OptinMonster allows you to establish rules based on specific days or locations, enabling you to launch targeted campaigns like Black Friday promotions or holiday-themed popups for different regions.

Moreover, OptinMonster’s exit-intent technology helps retain visitors who are about to leave your site. This feature monitors user activity and activates a targeted message just before they exit, helping you capture more email subscribers and boost conversions.

Once you are satisfied with your setup, it’s time to integrate the lead generation form into your website.

Simply click the ‘Save’ button in the builder to begin the embedding process.

Once you have saved your changes, you can proceed to the ‘Publish’ tab.

From this tab, change the status from ‘Draft’ to ‘Publish.’

You will notice that the ‘Publish’ tab now displays ‘Published,’ and the pause icon has been replaced with a check mark.

You can now exit the campaign editor and go to OptinMonster » Campaigns.

Next, change the status from ‘Pending’ to ‘Publish’ for your email sign-up pop-up.

Simply click on the ‘Pending’ link to open the dropdown menu and select the ‘Publish’ option.

That’s it!

Now, when you visit your website, you will see the email sign-up popup in action.

7. How to Embed Payment Forms in WordPress

If you only need to sell a single product or prefer not to set up a full shopping cart, using extensive eCommerce plugins like Easy Digital Downloads or WooCommerce may be excessive.

Creating a straightforward payment form is often a more efficient solution for accepting custom amounts or selling a few items. WP Simple Pay is an excellent option for this.

It is the ideal choice for accepting Stripe payments without the need for a complete eCommerce plugin.

WP Simple Pay allows you to accept various payment methods, including credit cards, Apple Pay, Google Pay, and more. It’s perfect for non-profits, small businesses, and volunteers seeking an easy way to collect payments.

✋ Discover more about the platform by reading our comprehensive WP Simple Pay review.

To embed a payment form, start by installing the WP Simple Pay plugin. If you need assistance, check out our step-by-step guide on installing a WordPress plugin.

After activation, simply follow the setup wizard to connect your account to Stripe.

Once connected, you can start creating your payment form using WP Simple Pay.

For in-depth instructions, refer to the first method in our guide on creating a WordPress form with payment options.

When you’re happy with your payment form, click the ‘Publish’ button. You can then copy the form’s shortcode to embed it into your post or page.

In the WordPress content editor, click the ‘+’ button and select the ‘Shortcode’ block.

Next, paste the form’s shortcode into the text area.

Please note that WP Simple Pay initially creates your payment form in test mode, meaning you cannot accept payments from visitors yet.

To resolve this issue, let’s go toWP Simple Pay » Payment Formsin the WordPress dashboard. Hover over the form you created and click ‘Edit’ when the option appears.

In this section, navigate to the ‘Payments’ tab.

Finally, select the ‘Live Mode’ option and click ‘Update.’

That’s how you embed a WP Simple Pay form and begin accepting payments from your audience.

Here’s a preview of how it appears on our demo site:

8. How to Embed Formidable Forms in WordPress

Formidable Forms is an excellent tool for creating complex forms, including mortgage, car payment, or life insurance calculators. It provides over 300 form templates for your WordPress site.

✋ For a comprehensive guide on creating a form with Formidable Forms, check out our detailed review.

Formidable Forms simplifies the process of adding your forms to any post or page.

Once you finish creating your form, click the ‘Embed’ button in the form builder.

A pop-up window will appear, allowing you to choose where to place the form. You have three options: ‘Select existing page,’ ‘Create new page,’ and ‘Insert manually.’

Choosing the ‘Insert manually’ option requires some coding, which can be daunting for beginners. Therefore, we advise against this method.

In this tutorial, we will opt for the ‘Select existing page’ option.

Next, a prompt will appear on your screen.

You will need to open the dropdown menu and select a page. For instance, we decided to embed the form on the ‘Home’ page of our demo site.

After selecting the page, click the ‘Insert form’ button.

This action will launch the page’s block editor, where you will see that the form has been successfully embedded.

You are now ready to update the page.

Simply click the ‘Save’ button.

Here’s how it appears on our demo site:

9. How to Embed Gravity Forms in WordPress

Gravity Forms is a robust form builder plugin for WordPress, but it is only available as a premium option.

This form builder offers a variety of features and customization options, enabling you to create different types of forms, including surveys, quizzes, registrations, and order forms.

✋ We tested all its features, which you can review in our detailed Gravity Forms review.

To create a form with Gravity Forms, you need to purchase the plugin from the Gravity Forms website.

After that, install and activate the plugin on your WordPress site. For assistance, refer to our guide on installing a WordPress plugin.

Once activated, navigate to Gravity Forms » New Form in your WordPress dashboard and click on ‘Add New.’

On the following screen, you will select a form template.

Take your time – you can browse through this pop-up window to find the template that suits your needs. When you find it, simply hover over the template and click the ‘Use Template’ button.

Next, you will be asked to name your form and provide a brief description.

You can refer to the following image for an example:

Click ‘Use Template’ again to start building your form.

This will open the Gravity Forms drag-and-drop builder, allowing you to customize your form using the fields available on the right.

Once your form is complete, click the ‘Save Form’ button to ensure all changes are saved.

Next, click ‘Embed.’

This will present you with three options to embed your Gravity Forms form – into an existing page, a new page, or using a shortcode for those utilizing the classic editor.

In this tutorial, we will guide you on how to seamlessly embed Gravity Forms into your existing web page.

Next, select the ‘Post’ radio button. Then, open the dropdown menu to choose a published post from your WordPress site.

Now, click the ‘Insert Form’ button to proceed.

You will be taken to the page’s content editor, where you will need to add the ‘Form’ block. Simply click on it.

Gravity Forms will automatically insert the form you just created into the post.

You may also notice that the ‘Form Title’ and ‘Form Description’ are included by default.

If everything looks good, it’s time to click the ‘Save’ button.

And that’s it – you have successfully created and embedded a Gravity Forms form on your website.

10. How to Embed Microsoft Forms in WordPress

Many users prefer Microsoft Forms for creating forms since it’s a familiar tool linked to their Office 365 account. It also integrates effortlessly with other Microsoft products like Excel, simplifying data collection and management.

Microsoft Forms provides integrated features for creating surveys, quizzes, and polls. You can effortlessly embed Microsoft 365 forms into your WordPress site by copying the embed code and pasting it into your WordPress page.

Begin by creating your form using Microsoft Forms within your Office 365 account.

To start, click on ‘Sign In’ from the Office 365 homepage.

After logging in, click the menu icon located at the top left corner of the screen.

Next, find and click on ‘Forms’ in the menu.

This action will open the template gallery in a new tab, allowing you to select the forms you wish to create.

Microsoft Forms offers four types of forms: survey, quiz, invitation, and registration. For this guide, we will select the ‘Invitation’ option. Click on it to proceed.

The Microsoft Forms editor will launch in a new tab. The first step is to choose a template for your form.

Explore the template options available in the left-hand panel. Since we are creating an invitation form, there are seven pre-designed templates suitable for different occasions.

For this tutorial, we will utilize the wedding invitation template. Here’s a preview of the default template as it appears in the editor:

Scroll down the right-hand panel to view the default fields provided by this template.

This template includes four predefined fields for users to enter their names, the number of guests, food allergies, and email addresses.

If you wish to add additional questions, simply click the ‘+ Insert new question’ button and select the type of question you want, such as ‘Date,’ ‘Rating,’ ‘Text,’ or others.

To modify the existing questions, just click on one, and the customization options will be displayed.

To adjust the appearance, click on the palette icon.

From this section, you can modify the form layout and background image.

Next, switch to the settings tab by clicking the gear icon.

Microsoft Forms has some basic settings already configured.

However, you may want to enable the ‘End Date’ option to help you strategically plan your wedding day based on responses, and ‘Get email notification of each response’ to ensure you have backup data and prevent any responses from being lost.

You can also customize the default confirmation message if desired.

Once your form is finalized, it’s time to publish it.

In the form builder, click the ‘Collect responses’ button.

In the popup that appears, click on the ‘>’ or embed icon.

You will now see the shortcode to add to your site. Click ‘Copy’ to save it.

You can now insert this code into a post or page by using the ‘Custom HTML’ block.

In the WordPress content editor, click the ‘+’ button to add a new block. Use the search bar to find the ‘Custom HTML’ block.

Click on it to add the block to your content editor.

Next, paste the shortcode from Microsoft Forms into the text area.

Don’t worry if you don’t see a preview in your editor; the shortcode will function correctly.

Now, click the ‘Publish’ or ‘Update’ button to make your changes live.

Here’s how it appears on our demo site:

11. How to Embed HTML Forms in WordPress

HTML forms are typically hand-coded, which means there isn’t a drag-and-drop editor available for editing your form.

Fortunately, there are form plugins that simplify the process of creating HTML forms. One of the top choices is the HTML Forms plugin, which is ideal for setting up straightforward contact forms to collect information from visitors.

The best part is that you don’t need any coding skills to use HTML Forms.

Adding a new field is simple. Just select one from the available options, and HTML Forms will prompt you to customize the field’s data.

After clicking the ‘Add Field to Form’ button, the HTML Forms tool will generate an HTML snippet that will be placed in the ‘Form Code’ section.

That’s all there is to it! Remember to click the ‘Save Changes’ button to ensure your progress is saved.

Now, it’s time to publish your form.

HTML Forms allows you to easily embed your form on any post, page, or widget area. To do this, you’ll need the shortcode for your form, which can be found at the top of the ‘Edit Form’ panel.

Let’s copy this shortcode to your clipboard.

Next, open the page or post where you want to display the HTML form. For this tutorial, we will add the form to our ‘Contact’ page.

Once you’re in the block editor, simply click the ‘+’ button and search for ‘Custom HTML.’ Click on it to add it to your page.

You can then paste the shortcode into the ‘Custom HTML’ block.

The WordPress block editor won’t display the form, but don’t worry. It will appear on the page once you save it.

Now, let’s click the ‘Save’ button to see the form in action.

Here’s a preview of what it might look like on your website:

For more detailed instructions, you can refer to our guide on how to add HTML forms to WordPress.

Common Questions About Embedding Forms in WordPress

Do you have questions about how to embed forms in WordPress? Here are some quick answers to help you get started.

Is it possible to embed forms in WordPress?

Absolutely. You can easily embed forms in WordPress using various plugins, such as WPForms, which is a top-rated multi-purpose form builder.

What are the steps to install a form in WordPress?

First, navigate to Plugins »Add New in your WordPress admin dashboard. Next, find a form plugin that suits your needs, then install and activate it. After that, you can use the plugin to create a form and embed it on your site using a shortcode or block.

How do I configure WPForms in WordPress?

To configure WPForms, start by installing and activating the WPForms plugin. Then, you can create a new form using the intuitive drag-and-drop builder and embed it on your website using a shortcode or the plugin’s block.

How can I create a form in WordPress without using a plugin?

To create a form in WordPress without a plugin, you will need to use custom HTML and PHP. You can manually insert the form HTML into your page and manage submissions with custom PHP in your theme’s functions.php document. As this process may be complex for beginners, we suggest utilizing a form builder for ease of use.

We trust this article has assisted you in learning how to embed forms in WordPress. Next, consider exploring our additional guides on setting up WordPress form tracking in Google Analytics and strategies for tracking and minimizing form abandonment.

If you enjoyed this article, please subscribe to our YouTube Channel for WordPress video tutorials. You can also connect with us on Twitter and Facebook.