How to Embed Forms in WordPress (Ultimate Guide for Beginners)

WordPress forms are basal for connecting pinch visitors and increasing your audience. Whether you’re adding a interaction form, survey, aliases feedback form, embedding it into your website is simply a speedy and easy measurement to cod accusation from visitors.

We usage forms crossed each our projects, from interaction pages to newsletter subscriptions and moreover checkout forms. Along nan way, we person learned each nan steps needed to embed a WordPress form, and we are present to locomotion you done nan full process from commencement to finish.

In this guide, we will show you really to embed forms utilizing nan astir celebrated WordPress shape builders.

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

A WordPress shape is simply a instrumentality for collecting valuable accusation and insights connected your website. It lets visitors input their details, specified arsenic their name, email address, and feedback.

Forms person galore usage cases. For example, you tin create a interaction shape for allowing users to scope you and building an email list, a study for gathering opinions, aliases a registration shape for events.

You tin besides usage forms for booking appointments aliases collecting donations. Some businesses besides usage forms to grip customer support requests.

Without forms, you mightiness miss retired connected chances to prosecute pinch visitors. So, adding forms to your WordPress website is simply a smart move for immoderate website owner.

How to Embed Forms successful WordPress

In nan pursuing sections, we will locomotion you done each measurement to adhd forms to your WordPress site. If you’re willing successful a peculiar shape type, you tin click nan nexus to skip up successful nan article:

Ready? Let’s get started.

1. How to Embed WPForms Into Your WordPress Site

WPForms is nan champion multipurpose shape builder connected nan market. It’s 1 of nan astir popular, too, pinch complete 6 cardinal progressive users.

With this tool, you tin usage immoderate of its 2000+ ready-made, customizable templates to create immoderate shape you want.

In summation to contact forms, WPForms tin thief you easy build elemental to much precocious forms, like:

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

When it comes to embedding WPForms, you tin either usage a WPForms artifact aliases a shortcode.

So, let’s instal and activate WPForms and effort this together. If you request help, past you tin mention to our guideline connected how to instal a WordPress plugin.

Then, you tin travel our step-by-step guideline connected how to create a interaction shape successful WordPress.

Embedding WPForms Forms Using nan WPForms Block

Once nan shape is fresh to publish, simply click nan ‘Embed’ fastener wrong nan shape builder to adhd nan shape to your web page utilizing a WPForms block.

This will unfastened a popup model wherever you tin take an existing page aliases create a caller page for nan form.

If you click nan ‘Select Existing Page’ button, you’ll spot a dropdown paper pinch each nan disposable pages connected your website. And if you click ‘Create New Page,’ past you’ll spot a ‘Name Your Page’ section to capable out.

Once you’ve chosen a page aliases named your caller page, you tin click nan ‘Let’s Go!’ button.

You’ll past beryllium redirected to nan page’s block editor.

From here, you tin click nan ‘+’ fastener and hunt for nan WPForms block.

The adjacent measurement is to unfastened nan dropdown successful nan WPForms artifact and take nan shape you want to embed.

Once you prime a form, WPForms will load it successful nan artifact editor.

After that, you mightiness want to play astir pinch nan ‘Form Settings’ successful nan right-hand panel.

By default, WPForms doesn’t load your shape title. So, you mightiness want to move connected nan ‘Form Title’ action to adhd nan shape title and springiness visitors much context. If you constitute a shape description, you tin besides move nan action on.

Even better, you tin style your form pinch a taxable to lucifer pinch your site’s wide look and feel.

When you are happy pinch really nan shape looks, you tin spell up and click ‘Save.’

And that’s really you embed WPForms utilizing a WPForms block.

Embedding WPForms Forms Using a Shortcode

Another measurement to embed WPForms is by utilizing a shortcode.

To do this, you’ll want to caput complete to WPForms » All Forms to find nan ‘Shortcode’ file for each form.

From here, simply transcript nan form’s shortcode you want to embed. For example, we will transcript nan shortcode of our ‘Customer Review’ form.

The adjacent measurement is to unfastened nan page aliases station wherever you want to embed nan form. To do so, spell to ‘Pages’ aliases ‘Posts.’ Then, hover complete 1 of them and click ‘Edit’ erstwhile it appears.

This will nonstop you to nan page aliases post’s editor.

To embed nan form, let’s click nan ‘+’ fastener and hunt for nan ‘Shortcode’ block.

Once nan artifact is added, you tin paste your WPForms form’s shortcode into nan matter field.

Here’s what it mightiness look like:

The artifact editor won’t load nan shape successful nan unrecorded editing area.

So, spell up and prevention nan changes first, past click nan ‘View Page’ fastener erstwhile it appears successful nan bottommost near corner.

2. How to Embed Donation Forms successful WordPress

Adding a aid shape to your website makes it easy for group to support your cause. Visitors are much apt to donate erstwhile they spot a clear and elemental measurement to do so.

The easiest measurement to embed aid forms successful WordPress is to usage nan Charitable plugin. This celebrated instrumentality lets you create and customize aggregate fundraising campaigns pinch complete 100 ready-made templates.

So, let’s instal and activate Charitable to create your aid form. If you request help, past you tin spot our guideline connected how to instal a WordPress plugin.

Upon activation, let’s caput complete to Charitable » Settings to activate nan Pro license. Simply paste your licence cardinal and click ‘Verify Key’ to initiate nan process.

With that done, you’re fresh to create your aid form. For elaborate instructions, you tin publication our guideline connected how to create a recurring aid shape successful WordPress.

When you’re happy pinch nan measurement nan shape looks, you tin embed it successful a WordPress station aliases page.

In nan run builder, simply commencement by clicking nan ‘Draft’ dropdown to unfastened its options. Then, spell up and click ‘Publish,’ and Charitable will automatically create a caller page for your campaign.

And that’s each location is to it – you’ve successfully created and published your first Charitable campaign!

Now, if you sojourn your website, you tin spot your aid shape successful action.

That said, you mightiness besides announcement nan ‘Embed Wizard’ nexus successful nan pop-up model aliases nan ‘Embed’ fastener successful nan Charitable editor.

You tin besides usage either of these functions to adhd your aid shape to different posts aliases pages.

To do this, simply click nan ‘Embed Wizard’ nexus aliases nan ‘Embed’ button, and it will trigger nan embed prompt.

In nan popup that appears, you’ll request to take betwixt selecting an existing page aliases crating a caller one.

Since we already person a dedicated aid shape page, it’s a bully thought to take ‘Select existing page.’ Go up and click nan button.

Then, you’ll spot a dropdown pinch a database of each nan pages successful your WordPress site.

You tin grow nan dropdown menu, prime a page, and click nan ‘Let’s Go’ button.

This will redirect you to nan page’s artifact editor.

From here, you tin click nan ‘+’ fastener and hunt for nan ‘Charitable Campaign’ block. Then, simply click connected nan hunt consequence to adhd to nan contented editor.

After that, you’ll beryllium capable to take a aid shape to embed from nan ‘Charitable Campaign’ artifact dropdown.

Go up and grow nan dropdown menu. Then, simply click connected nan run you want to add.

Don’t interest if you can’t spot nan preview successful nan contented editor. The artifact useful conscionable fine.

So, let’s click nan ‘Save,’ ‘Update,’ aliases ‘Publish’ fastener to make it live.

And that’s it! You tin now sojourn nan page to spot nan aid shape successful action:

3. How to Embed HubSpot Forms successful WordPress

HubSpot is simply a awesome level for increasing your business, pinch devices for illustration a customer narration guidance level (CRM) wherever you tin negociate customer info, a website builder, and more.

The bully news is that they besides person a shape builder that useful awesome pinch WordPress. When personification fills retired a form, their info goes consecutive into HubSpot CRM, truthful you tin easy travel up pinch them utilizing emails and messages.

You tin moreover link HubSpot pinch different shape tools, including WPForms. This makes nan level really useful because it useful pinch tons of different devices you mightiness already beryllium using.

For this tutorial, we will show you really to embed HubSpot forms utilizing nan HubSpot Form Builder plugin and nan WPForms’ HubSpot Addon.

Embedding HubSpot Forms Using nan HubSpot Plugin

To embed HubSpot Forms utilizing nan plugin, you’ll first request to instal the HubSpot plugin. If you request help, past you tin publication our guideline connected how to instal a WordPress plugin.

Upon activation, you’ll want to click nan ‘HubSpot’ paper from your WordPress dashboard. In this panel, you’ll spot respective ways to link your website pinch HubSpot:

• If you person a HubSpot account, simply click ‘Sign In.’
• If you don’t, you proceed pinch your Google, Microsoft, aliases Apple account.
• If you want, you tin usage nan aforesaid email you usage to registry your website.

Once you’ve signed successful aliases created a HubSpot account, you’ll beryllium asked to link it to your WordPress website.

Simply click nan ‘Connect website’ button, and HubSpot will commencement nan process.

Once connected, you’re fresh to create your HubSpot shape utilizing nan HubSpot plugin.

Go up and navigate to HubSpot » Forms. Then, you tin click nan ‘Create form’ button.

From here, you tin take a shape type and template. Then, you’ll beryllium redirected to a caller tab wherever you tin usage nan shape builder to customize your HubSpot form.

For elaborate instructions, you tin spot nan first method successful our guideline connected how to create a HubSpot shape successful WordPress.

When you’re happy pinch nan measurement your shape looks, nan adjacent measurement is to embed it into your site. Naturally, you’ll want to usage nan ‘Embed’ fastener wrong nan shape builder.

However, this method is simply a spot confusing.

It only lets you stock nan shape nexus and usage an HTML snippet connected your WordPress station aliases page.

Instead, you tin click nan ‘Back to WordPress’ fastener and embed your forms from nan HubSpot dashboard successful your admin area.

Go up and click nan fastener successful nan apical near corner.

From here, you’ll conscionable request to hover complete nan shape you want to embed.

After that, simply click nan ‘Embed’ fastener erstwhile it appears.

You’ll past spot a pop-up model wherever HubSpot shares respective ways to embed your form.

Here, you tin take to embed your HubSpot shape to a station aliases page utilizing nan HubSpot block. And if you move to nan different tab, you’ll find nan form’s shortcode.

For this tutorial, we will click nan ‘WordPress Post’ button.

This will unfastened nan ‘Posts’ page successful a caller tab. Go up and unfastened a station to embed nan shape into by hovering complete a station and clicking ‘Edit’ erstwhile it appears.

You’ll past beryllium capable to adhd nan HubSpot Form artifact to nan page done nan contented editor.

From here, you tin click nan ‘+’ fastener and usage nan hunt barroom to look for nan HubSpot Form block. Give it a click erstwhile you spot it.

This will adhd nan HubSpot Form artifact to nan contented area.

Next up, let’s click nan dropdown paper to unfastened nan disposable options. Then, you tin take nan HubSpot shape you want to embed.

And that’s it! You tin now click nan ‘Save’ fastener to shop your changes.

Here’s what it looks for illustration connected our demo site:

Embedding HubSpot Forms Using nan WPForms’ HubSpot Addon

Using WPForms to create a HubSpot shape is an easier, much businesslike measurement to negociate forms and contacts without nan hassle of juggling aggregate plugins.

WPForms handles some shape creation and nan HubSpot integration successful 1 place. This simplifies nan process because it gives you entree to WPForms’ drag-and-drop builder and templates while syncing your shape information pinch HubSpot automatically.

Note: To usage nan HubSpot Addon successful WPForms, you’ll request nan Elite plan. In summation to nan HubSpot addon and everything successful nan Pro plan, you tin usage nan plugin for unlimited WordPress sites and unlock premium support. This makes it cleanable if you’re moving a trading agency.

The first point you request to do is instal and activate the WPForms plugin. Check retired our elaborate guideline on how to instal a WordPress plugin.

Upon activation, you’ll request to verify your licence cardinal successful WPForms » Settings.

You tin find your licence cardinal successful your WPForms account. Simply click nan clipboard icon to transcript it. Then, you tin return to your WordPress tab and capable retired nan ‘License Key’ field.

Go up and click nan ‘Verify Key’ fastener to activate your plan.

Now, let’s spell to WPForms » Addons from nan admin dashboard to instal nan HubSpot Addon.

From here, scroll down and find nan HubSpot add-on. Then, spell up and click nan ‘Install Addon’ button.

After activating nan addon, you should spell to nan WPForms ‘Settings’ sheet from nan WordPress dashboard and past move to nan ‘Integration’ tab.

Here, you tin link your HubSpot CRM relationship to WPForms. Simply click ‘+ Add New Account’ and participate your relationship details.

Once done, it’s clip to create and embed a HubSpot shape from WPForms.

First, you’ll request to create your shape by navigating to WPForms » Add New. On nan adjacent screen, you’ll sanction nan shape and prime a shape template.

After that, you tin customize nan template utilizing nan shape builder.

If everything looks bully already, consciousness free to move to nan ‘Marketing’ panel. From here, let’s unfastened nan ‘HubSpot’ action to link nan shape pinch nan platform.

Go up and participate your HubSpot relationship specifications and travel nan setup prompts.

Once done, you tin people nan shape utilizing nan WPForms artifact aliases nan form’s shortcode. For much details, you tin cheque retired our guideline connected how to create a HubSpot shape successful Wordpress.

4. How to Embed Google Forms successful WordPress

WPForms and different WordPress shape builders are really easy to use. They activity correct connected your WordPress tract and fto you do tons of things for illustration build forms that judge payments, create login forms, make custom personification registration forms, and more.

But sometimes, you mightiness request to stock a shape connected different websites aliases platforms.

In those cases, Google Forms tin beryllium ace handy. They’re easy to share, activity awesome connected mobile phones, and support each responses successful 1 place. Plus, you tin adhd collaborators to thief you pinch nan responses, each stored successful Google Drive.

To embed a Google Form successful WordPress, you tin commencement by creating a shape connected the Google Forms website. Simply click nan ‘Go To Forms’ button.

On nan adjacent screen, you’ll spot various shape templates. Go up and click connected 1 of them to commencement building.

You tin besides commencement from scratch by clicking connected ‘Blank form.’

Once you’ve chosen a template, you tin commencement customizing nan form. Here are respective things you mightiness request to do:

• Create nan shape title.
• Provide nan shape description.
• Customize nan fields to lucifer your goals.

You tin besides usage AI devices to take nan astir suitable fields for your questions.

When you’re happy pinch really nan shape looks, spell up and click nan ‘Send’ button. This will unfastened a pop-up model wherever you tin get nan form’s embed code.

After copying this code, you tin unfastened a page aliases station successful WordPress wherever you want to show nan form.

In nan page aliases post’s content editor, let’s click nan ‘+’ fastener and hunt for nan ‘Custom HTML’ block. Go up and click connected it to adhd it to your page.

Then, simply paste nan Google Forms’ embed codification into nan Custom HTML block.

Once done, don’t hide to click nan ‘Update’ aliases ‘Publish’ button. Now, if you sojourn your website, you should spot nan Google shape successful action.

For much elaborate step-by-step instructions, you tin mention to our guideline connected how to embed a Google shape successful WordPress.

5. How to Embed Zoho Forms successful WordPress

Zoho Forms is simply a awesome instrumentality that lets you easy create each sorts of forms. Whether you request a interaction form, survey, registration form, aliases bid form, Zoho Forms has sewage you covered.

What’s more, embedding a Zoho Form into your WordPress tract is easy. But earlier we get to this part, let’s first create nan form.

To get started, you’ll request to create an relationship connected nan Zoho Forms website. Simply click ‘Sign Up for Free.’

Once you’ve created an account, you tin commencement creating your form.

First, you’ll request to click nan ‘New Form’ fastener successful nan shape builder.

You will past spot that Zoho Forms offers 3 ways to create forms:

• Create forms from scratch utilizing nan modular aliases paper shape type.
• Use ready-made shape templates.
• Make CRM forms, which is simply a characteristic that is only disposable if you upgrade to nan Pro plan.

For this guide, we will take nan ‘Website Feedback’ template.

So, let’s click nan ‘Use this template’ button.

With that done, you’ll onshore successful nan Zoho Forms shape builder.

The left-hand sheet has each nan customization options, and nan shape preview is connected nan right. You tin adhd elements to your shape by simply dragging and dropping them.

With Zoho Forms, you tin besides alteration nan form’s taxable to lucifer your website’s theme.

To do this, you tin spell to nan ‘Themes’ tab. Then, simply hover complete nan taxable you want to usage and click ‘Apply.’

If everything looks bully already, past you tin move to nan ‘Share’ tab.

In this tab, you tin spot that Zoho Forms has tons of options for embedding forms.

Since we will embed it into a WordPress site, let’s caput complete to Embed » Website Builders. Then, spell up and click nan ‘Go to WordPress’ button.

You’ll past beryllium redirected to nan Zoho Forms page successful nan WordPress plugin directory.

All you request to do is instal nan plugin. If you request help, past you tin spot our guideline connected how to instal a WordPress plugin.

Upon activation, you tin unfastened a station aliases page wherever you want to embed Zoho Forms. From here, you’ll past click nan ‘+’ fastener and prime nan Zoho Forms block.

Once nan artifact is added, you tin click nan ‘Access Zoho Forms’ button.

There’s besides nan ‘Embed pinch permalink’ link, but we don’t urge this method arsenic it’s not arsenic beginner-friendly.

Then, you’ll beryllium prompted to take nan domain wherever you registered your Zoho account.

In this case, we will take ‘zoho.com‘ from nan dropdown paper and click ‘Connect.’

After that, you tin take nan shape you want to embed.

Simply click nan dropdown and prime 1 from nan disposable options. Then, you’ll want to scroll down and click nan ‘Embed’ button.

Your contented editor will past load your Zoho form.

If you for illustration what you see, past spell up and click nan ‘Save’ button.

Now, if you sojourn nan page, you’ll spot your Zoho shape successful action.

Here’s what it mightiness look like:

From nan image above, you tin besides spot that nan Zoho Forms taxable makes it easier to lucifer nan shape pinch your website design.

6. How to Embed Email Signup Forms successful WordPress

OptinMonster, while not a emblematic shape builder, is simply a awesome instrumentality for creating personification sign-up forms and building an email list.

At WPBeginner, we’ve seen fantabulous results utilizing this lead-generation tool. For example, pinch OptinMonster, we increased our email subscribers by 600%.

When mounting up email sign-up forms, you tin usage various run types, specified arsenic slide-ins and lightbox pop-ups. So, earlier we talk astir embedding nan OptinMonster email sign-up form, let’s make judge that shape is ready.

First, you’ll request to create an OptinMonster relationship connected their website by clicking nan ‘Get OptinMonster Now’ button.

This will bring you to nan pricing page.

We urge nan Pro scheme because it’s celebrated and includes nan ‘Exit Intent’ feature. You tin besides usage our exclusive WPBeginner OptinMonster coupon codification to get 10% off.

To decorativeness your purchase, conscionable participate your costs specifications and proceed pinch nan payment.

With that done, let’s instal and activate nan OptinMonster WordPress plugin. If you request help, please spot our step-by-step guideline connected how to instal a WordPress plugin.

This plugin will link your WordPress tract to OptinMonster. Simply navigate to OptinMonster » Settings from your WordPress admin panel. Then, spell up and click ‘Connect Your Existing Account.’

Once connected, you’re fresh to create your OptinMonster email sign-up form. For elaborate instructions, you tin publication our guideline connected how to build your email database successful WordPress pinch OptinMonster.

OptinMonster’s elaborate show rules let you to show nan correct run to nan correct personification astatine nan correct time, which helps boost conversion rates. You tin find these settings by heading to Display Rules in nan run builder.

Here, you tin power erstwhile and wherever your campaigns look based connected customer behavior.

You tin besides customize campaigns for different audiences, for illustration showing different layouts for mobile and desktop users.

OptinMonster lets you group rules based connected circumstantial days aliases locations, truthful you tin tally targeted campaigns for illustration Black Friday offers aliases holiday-themed popups for different countries.

Additionally, OptinMonster’s exit-intent exertion helps recover visitors who are astir to time off your site. This characteristic tracks personification behaviour and triggers a targeted connection conscionable earlier they exit, allowing you to seizure much email subscribers and summation conversions.

When you are happy pinch everything, it’s clip to embed nan lead procreation shape into your website.

Simply click nan ‘Save’ fastener from nan builder to initiate nan process.

After making judge you’ve saved your changes, you tin move to nan ‘Publish’ tab.

From here, spell up and alteration nan position from ‘Draft’ to ‘Publish.’ You will past spot that nan ‘Publish’ tab has changed to ‘Published,’ and nan region icon has changed to a cheque mark.

You tin now adjacent nan run editor and navigate to OptinMonster » Campaigns.

The adjacent measurement is to alteration nan position ‘Pending’ to ‘Publish’ for your email sign-up pop-up. Simply click nan ‘Pending’ nexus to unfastened nan dropdown paper and prime nan ‘Publish’ option.

There you person it!

Now, if you sojourn your website, you’ll spot nan email sign-up popup successful action.

7. How to Embed Payment Forms successful WordPress

If you conscionable want to waste a azygous merchandise aliases don’t want to group up a afloat shopping cart, past utilizing broad eCommerce plugins for illustration Easy Digital Downloads aliases WooCommerce mightiness beryllium overkill. Creating a elemental costs shape is often a amended action for accepting civilization amounts aliases trading a fewer items.

This is wherever WP Simple Pay tin help.

WP Simple Pay is nan champion prime for accepting Stripe payments without requiring a complete eCommerce plugin.

It besides enables you to judge different costs methods, specified arsenic in installments paper payments, Apple Pay, Google Pay, and more. It’s perfect for non-profits, mini businesses, and volunteers who request a elemental solution for collecting payments.

To embed a costs form, you’ll request to instal nan WP Simple Pay plugin first. If you request help, past you tin spot our step-by-step guideline connected how to instal a WordPress plugin.

Upon activation, simply travel nan setup wizard to link to Stripe.

Once connected, you’re fresh to create your costs shape utilizing WP Simple Pay.

For elaborate instructions, you tin travel nan first method successful our guideline connected how to create a WordPress shape pinch costs options.

When you’re satisfied pinch your costs form, spell up and click nan ‘Publish’ button. Then, you tin transcript nan form’s shortcode to embed it into your station aliases page.

In nan WordPress contented editor, you conscionable request to click nan ‘+’ fastener and prime nan ‘Shortcode’ block.

Next up, you tin paste nan form’s shortcode into nan matter area.

Note that WP Simple Pay creates your costs shape successful trial mode by default. This intends that you can’t judge payments from visitors yet.

To hole this, let’s navigate to WP Simple Pay » Payment Forms in nan WordPress dashboard. Then, you tin hover complete nan shape you conscionable created and click ‘Edit’ erstwhile it appears.

In this panel, you’ll want to spell to nan ‘Payments’ section.

Finally, you tin click nan ‘Live Mode’ power fastener and past ‘Update.’

And that’s really you embed a WP Simple Pay shape and commencement accepting payments from your audience.

Here’s what it looks for illustration connected our demo site:

8. How to Embed Formidable Forms successful WordPress

Formidable Forms is simply a awesome instrumentality for creating precocious forms, specified arsenic a mortgage, car payment, aliases life security calculator. It offers 225+ shape templates that you tin usage for your WordPress website.

For specifications connected really to make a shape pinch Formidable Forms, you tin spot our complete Formidable Forms review.

Formidable Forms makes it ace easy to put your forms connected immoderate station aliases page. Once you’re done creating your form, you tin click nan ‘Embed’ fastener successful nan shape builder.

This will unfastened a pop-up model wherever you tin prime wherever to adhd nan form. There are 3 options: ‘Select existing page,’ ‘Create caller page,’ and ‘Insert manually.’

If you prime nan ‘Insert manually’ option, you will request to woody pinch a spot of code. This tin beryllium a spot intimidating for beginners, truthful we don’t urge it.

For this tutorial, we will take ‘Select existing page.’

Next up, different punctual pop-up will appear.

Here, you’ll want to unfastened nan dropdown paper and take a page. For example, we chose to embed nan shape connected our demo site’s ‘Home’ page.

After choosing nan page, spell up and click nan ‘Insert form’ button.

This will unfastened nan page’s artifact editor, and you should spot that nan shape is already embedded connected nan page.

Now, you are fresh to update nan page.

Go up and deed nan ‘Save’ button.

Here’s what it looks for illustration connected our demo site:

9. How to Embed Gravity Forms successful WordPress

Gravity Forms is simply a powerful shape builder plugin for WordPress, but here’s nan drawback – it’s premium only.

This shape builder has a wide scope of features and customization options. It allows you to create galore types of forms, specified arsenic surveys, quizzes, registrations, and bid forms.

To create a shape utilizing Gravity Forms, you’ll request to acquisition nan plugin from nan Gravity Forms website.

Then, you tin instal and activate it connected your site. If you request help, please spot our guideline connected how to instal a WordPress plugin.

Upon activation, you’ll want to navigate to Gravity Forms » New Form successful your WordPress dashboard and click connected ‘Add New.’

On nan adjacent screen, you’ll take a shape template.

No unreserved present – you tin research this pop-up model to find nan template you want to use. Once found, simply hover complete nan template and click nan ‘Use Template’ button.

Next up, you’ll beryllium prompted to sanction your shape and constitute a short shape description.

You tin usage nan pursuing image arsenic an example:

Go up and click ‘Use Template’ erstwhile again to commencement building nan form.

This will unfastened nan Gravity Forms’ drag-and-drop builder, wherever you tin customize your shape utilizing nan fields connected nan right.

Once your shape is ready, you tin click nan ‘Save Form’ fastener to make judge you’ve stored immoderate changes.

Then, spell up and click ‘Embed.’

This will unfastened 3 options to embed your Gravity Forms shape – into an existing page, a caller page, aliases a shortcode method for group utilizing nan classic editor.

For this tutorial, we will show you really to embed Gravity Forms into an existing web page.

From here, let’s prime nan ‘Post’ power button. Then, you tin unfastened nan dropdown paper to take a published station connected your WordPress website.

Go up and click nan ‘Insert Form’ button.

You will past beryllium redirected to nan page’s contented editor, wherever you’ll beryllium prompted to adhd nan ‘Form’ block. Go up and click it.

Gravity Forms will past adhd nan shape you conscionable created to nan post.

You mightiness besides announcement that it includes nan ‘Form Title’ and ‘Form Description’ by default.

If you deliberation everything is set, past it’s clip to deed nan ‘Save’ button.

And that’s it – you’ve created and embedded a Gravity Forms shape to your website.

10. How to Embed Microsoft Forms successful WordPress

Some group mightiness want to usage Microsoft Forms to create forms because it’s a instrumentality they’re already acquainted pinch owed to their Office 365 account. It besides automatically integrates pinch different Microsoft products for illustration Excel, which makes information postulation and guidance easier.

Microsoft Forms offers built-in options for creating surveys, quizzes, and polls. You tin past easy embed Microsoft 365 forms successful WordPress by copying nan form’s embed codification and adding it to your WordPress site.

First, you’ll create your shape utilizing Microsoft Forms successful your Office 365 account.

From nan Office 365 homepage, let’s click ‘Sign In’ to get started.

Once logged in, you tin click nan paper icon astatine nan apical near area of nan page.

Then, you’ll want to find ‘Forms’ and click connected it.

This will unfastened nan template assemblage successful a caller tab. You tin past take nan forms you want to build.

Microsoft Forms has 4 forms to take from – survey, quiz, invitation, and registration. For this tutorial, we will take nan ‘Invitation’ option. Let’s click connected it.

The Microsoft Forms editor will unfastened successful a caller tab. From here, nan first point to do is to take a template.

You tin research nan template options successful nan left-hand panel. Since we’re creating an invitation form, we person 7 ready-made templates for various purposes.

For this tutorial, we’ll usage nan wedding invitation template. Here’s what nan default template looks for illustration successful nan editor:

If you scroll down nan right-hand panel, you’ll find nan default fields this template offers.

This template has 4 pre-set fields for users’ names, number of guests attending, nutrient allergies, and email addresses.

Let’s opportunity you want to adhd much questions. In that case, you tin click nan ‘+ Insert caller question’ fastener and take nan mobility type, for illustration ‘Date,’ ‘Rating,’ ‘Text,’ aliases nan others.

If you want to edit nan existing ones, simply click connected one, and nan customization options will appear.

To alteration nan look and feel, you tin click nan palette icon.

From here, you tin alteration nan shape layout and inheritance image.

You tin past move to nan settings tab by clicking nan cogwheel icon.

Microsoft Forms has already configured immoderate basal settings.

But, you mightiness want to alteration ‘End Date’ to thief you strategically scheme your wedding time based connected responses and ‘Get email notification of each response’ truthful you person backup information to forestall nan consequence from getting lost.

If you want, you tin besides edit nan pre-set confirmation message.

Once nan shape is ready, it’s clip to motorboat it.

In nan shape builder, let’s click nan ‘Collect responses’ button.

In nan popup that appears, you tin click connected nan ‘</>’ aliases embed icon.

You should now spot nan shortcode you adhd to your site. Go up and click ‘Copy.’

Now, you tin paste this codification into a station aliases page utilizing nan ‘Custom HTML’ block.

In nan WordPress contented editor, simply click nan ‘+’ fastener to adhd nan block. Then, you tin usage nan hunt barroom to look for nan ‘Custom HTML’ block.

Go up and click connected it to adhd nan artifact to nan contented editor.

From here, you’ll spell up and paste nan Microsoft Forms’ shortcode to nan matter area.

Don’t interest if you don’t spot a preview successful your editor; nan shortcode useful conscionable fine.

Now, you tin deed nan ‘Publish’ aliases ‘Update’ fastener to make it live.

Here’s what it looks for illustration connected our demo site:

11. How to Embed HTML Forms successful WordPress

HTML forms are usually hand-coded, truthful you don’t person a drag-and-drop editor to edit your form.

Fortunately, location are shape plugins that make mounting up HTML forms much foolproof. One of nan champion options is nan HTML Forms plugin. This plugin is awesome for mounting up elemental interaction forms that thief you stitchery accusation from visitors.

The champion point is that you don’t person to cognize really to codification to usage HTML Forms.

Adding a caller section is easy. Just take 1 from nan disposable options, and HTML Forms will inquire you to set nan field’s data.

After clicking nan ‘Add Field to Form’ button, HTML Forms will person nan information into an HTML snippet and put it successful nan ‘Form Code’ area.

And that’s each location is to it! Don’t hide to click nan ‘Save Changes’ fastener to prevention your progress.

Now, it’s clip to people nan form.

HTML Forms lets you easy embed your shape connected immoderate post, page, aliases widget area. To do this, you’ll request nan form’s shortcode. You tin find your form’s shortcode astatine nan apical portion of nan ‘Edit Form’ panel.

Let’s transcript this shortcode to nan clipboard.

You tin past unfastened a page aliases station you want to show nan HTML form. For this tutorial, we’ll adhd nan shape to our ‘Contact’ page.

Once you’re successful nan artifact editor, simply click nan ‘+’ fastener and past hunt for ‘Custom HTML.’ Go up and click connected it to adhd it to your page.

You tin past paste nan shortcode into nan ‘Custom HTML’ block.

The WordPress artifact editor won’t show you nan form. But interest not. It will show up connected nan page erstwhile you prevention it.

So, let’s deed nan ‘Save’ fastener to spot it successful action.

Here’s what it mightiness look for illustration connected your website:

For elaborate instructions, you tin cheque retired our guideline connected how to adhd HTML forms to WordPress.

Frequently Asked Questions About Embedding WordPress Forms

Have questions astir embedding forms successful WordPress? Here are immoderate speedy answers to thief you get started.

Can you embed forms successful WordPress?

Yes. You tin easy embed forms successful WordPress utilizing various plugins, including WPForms, which is nan champion multi-purpose shape builder.

How do I instal a shape successful WordPress?

First, you’ll want to caput complete to Plugins » Add New from your WordPress admin. The adjacent measurement is to find a form plugin of your prime and past simply instal and activate it. Once done, you’ll usage nan plugin to create a shape and embed it connected your tract utilizing a shortcode aliases block.

How to group up WPForms successful WordPress?

To group up WPForms, you’ll request to instal and activate nan WPForms plugin first. Next, you tin create a caller form utilizing nan drag-and-drop builder and embed nan shape connected your website utilizing a shortcode aliases nan plugin’s block.

How to create a shape successful WordPress without a plugin?

Creating a shape successful WordPress without a plugin requires civilization HTML and PHP. You tin manually adhd nan shape HTML to your page and grip submissions pinch civilization PHP successful your theme’s functions.php file. Since this isn’t beginner-friendly, we urge utilizing a form builder instead.

We dream this article has helped you study really to embed forms successful WordPress. Next, you mightiness want to cheque our different guides connected how to group up WordPress shape search successful Google Analytics and how to way and trim shape abandonment.

If you liked this article, past please subscribe to our YouTube Channel for WordPress video tutorials. You tin besides find america on Twitter and Facebook.