We use forms across all our projects, from contact pages to newsletter subscriptions and even checkout forms. Along the way, we have learned all the steps needed to embed a WordPress form, and we are here to walk you through the entire process from start to finish.

In this guide, we will show you how to embed forms using the most popular WordPress form builders.

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

A WordPress form is a tool for collecting valuable information and insights on your website. It lets visitors input their details, such as their name, email address, and feedback.

Forms have many use cases. For example, you can create a contact form for allowing users to reach you and building an email list, a survey for gathering opinions, or a registration form for events.

You can also use forms for booking appointments or collecting donations. Some businesses also use forms to handle customer support requests.

Without forms, you might miss out on chances to engage with visitors. So, adding forms to your WordPress website is a smart move for any website owner.

How to Embed Forms in WordPress

In the following sections, we will walk you through each step to add forms to your WordPress site. If you’re interested in a particular form type, you can click the link to skip ahead in the article:

Ready? Let’s get started.

1. How to Embed WPForms Into Your WordPress Site

WPForms is the best multipurpose form builder on the market. It’s one of the most popular, too, with over 6 million active users.

With this tool, you can use any of its 2000+ ready-made, customizable templates to create any form you want.

In addition to contact forms, WPForms can help you easily build simple to more advanced forms, like:

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

When it comes to embedding WPForms, you can either use a WPForms block or a shortcode.

So, let’s install and activate WPForms and try this together. If you need help, then you can refer to our guide on how to install a WordPress plugin.

Then, you can follow our step-by-step guide on how to create a contact form in WordPress.

Embedding WPForms Forms Using the WPForms Block

Once the form is ready to publish, simply click the ‘Embed’ button inside the form builder to add the form to your web page using a WPForms block.

This will open a popup window where you can choose an existing page or create a new page for the form.

If you click the ‘Select Existing Page’ button, you’ll see a dropdown menu with all the available pages on your website. And if you click ‘Create New Page,’ then you’ll see a ‘Name Your Page’ field to fill out.

Once you’ve chosen a page or named your new page, you can click the ‘Let’s Go!’ button.

You’ll then be redirected to the page’s block editor.

From here, you can click the ‘+’ button and search for the WPForms block.

The next step is to open the dropdown in the WPForms block and choose the form you want to embed.

Once you select a form, WPForms will load it in the block editor.

After that, you might want to play around with the ‘Form Settings’ in the right-hand panel.

By default, WPForms doesn’t load your form title. So, you might want to switch on the ‘Form Title’ option to add the form title and give visitors more context. If you write a form description, you can also turn the option on.

Even better, you can style your form with a theme to match with your site’s overall look and feel.

When you are happy with how the form looks, you can go ahead and click ‘Save.’

And that’s how you embed WPForms using a WPForms block.

Embedding WPForms Forms Using a Shortcode

Another way to embed WPForms is by using a shortcode.

To do this, you’ll want to head over to WPForms » All Forms to find the ‘Shortcode’ column for each form.

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

The next step is to open the page or post where you want to embed the form. To do so, go to ‘Pages’ or ‘Posts.’ Then, hover over one of them and click ‘Edit’ when it appears.

This will send you to the page or post’s editor.

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

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

Here’s what it might look like:

The block editor won’t load the form in the live editing area.

So, go ahead and save the changes first, then click the ‘View Page’ button when it appears in the bottom left corner.

2. How to Embed Donation Forms in WordPress

Adding a donation form to your website makes it easy for people to support your cause. Visitors are more likely to donate when they see a clear and simple way to do so.

The easiest way to embed donation forms in WordPress is to use the Charitable plugin. This popular tool lets you create and customize multiple fundraising campaigns with over 100 ready-made templates.

So, let’s install and activate Charitable to create your donation form. If you need help, then you can see our guide on how to install a WordPress plugin.

Upon activation, let’s head over to Charitable » Settings to activate the Pro license. Simply paste your license key and click ‘Verify Key’ to initiate the process.

With that done, you’re ready to create your donation form. For detailed instructions, you can read our guide on how to create a recurring donation form in WordPress.

When you’re happy with the way the form looks, you can embed it in a WordPress post or page.

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

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

Now, if you visit your website, you can see your donation form in action.

That said, you might also notice the ‘Embed Wizard’ link in the pop-up window or the ‘Embed’ button in the Charitable editor.

You can also use either of these functions to add your donation form to other posts or pages.

To do this, simply click the ‘Embed Wizard’ link or the ‘Embed’ button, and it will trigger the embed prompt.

In the popup that appears, you’ll need to choose between selecting an existing page or crating a new one.

Since we already have a dedicated donation form page, it’s a good idea to choose ‘Select existing page.’ Go ahead and click the button.

Then, you’ll see a dropdown with a list of all the pages in your WordPress site.

You can expand the dropdown menu, pick a page, and click the ‘Let’s Go’ button.

This will redirect you to the page’s block editor.

From here, you can click the ‘+’ button and search for the ‘Charitable Campaign’ block. Then, simply click on the search result to add to the content editor.

After that, you’ll be able to choose a donation form to embed from the ‘Charitable Campaign’ block dropdown.

Go ahead and expand the dropdown menu. Then, simply click on the campaign you want to add.

Don’t worry if you can’t see the preview in the content editor. The block works just fine.

So, let’s click the ‘Save,’ ‘Update,’ or ‘Publish’ button to make it live.

And 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 a great platform for growing your business, with tools like a customer relationship management platform (CRM) where you can manage customer info, a website builder, and more.

The good news is that they also have a form builder that works great with WordPress. When someone fills out a form, their info goes straight into HubSpot CRM, so you can easily follow up with them using emails and messages.

You can even connect HubSpot with other form tools, including WPForms. This makes the platform really handy because it works with lots of other tools you might already be using.

For this tutorial, we will show you how to embed HubSpot forms using the HubSpot Form Builder plugin and the WPForms’ HubSpot Addon.

Embedding HubSpot Forms Using the HubSpot Plugin

To embed HubSpot Forms using the plugin, you’ll first need to install the HubSpot plugin. If you need help, then you can read our guide on how to install a WordPress plugin.

Upon activation, you’ll want to click the ‘HubSpot’ menu from your WordPress dashboard. In this panel, you’ll see several ways to connect your website with HubSpot:

• If you have a HubSpot account, simply click ‘Sign In.’
• If you don’t, you continue with your Google, Microsoft, or Apple account.
• If you want, you can use the same email you use to register your website.

Once you’ve signed in or created a HubSpot account, you’ll be asked to connect it to your WordPress website.

Simply click the ‘Connect website’ button, and HubSpot will start the process.

Once connected, you’re ready to create your HubSpot form using the HubSpot plugin.

Go ahead and navigate to HubSpot » Forms. Then, you can click the ‘Create form’ button.

From here, you can choose a form type and template. Then, you’ll be redirected to a new tab where you can use the form builder to customize your HubSpot form.

For detailed instructions, you can see the first method in our guide on how to create a HubSpot form in WordPress.

When you’re happy with the way your form looks, the next step is to embed it into your site. Naturally, you’ll want to use the ‘Embed’ button inside the form builder.

However, this method is a bit confusing.

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

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

Go ahead and click the button in the top left corner.

From here, you’ll just need to hover over the form you want to embed.

After that, simply click the ‘Embed’ button when it appears.

You’ll then see a pop-up window where HubSpot shares several ways to embed your form.

Here, you can choose to embed your HubSpot form to a post or page using the HubSpot block. And if you switch to the other tab, you’ll find the form’s shortcode.

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

This will open the ‘Posts’ page in a new tab. Go ahead and open a post to embed the form into by hovering over a post and clicking ‘Edit’ when it appears.

You’ll then be able to add the HubSpot Form block to the page through the content editor.

From here, you can click the ‘+’ button and use the search bar to look for the HubSpot Form block. Give it a click when you see it.

This will add the HubSpot Form block to the content area.

Next up, let’s click the dropdown menu to open the available options. Then, you can choose the HubSpot form you want to embed.

And that’s it! You can now click the ‘Save’ button to store your changes.

Here’s what it looks like on our demo site:

Embedding HubSpot Forms Using the WPForms’ HubSpot Addon

Using WPForms to create a HubSpot form is an easier, more efficient way to manage forms and contacts without the hassle of juggling multiple plugins.

WPForms handles both form creation and the HubSpot integration in one place. This simplifies the process because it gives you access to WPForms’ drag-and-drop builder and templates while syncing your form data with HubSpot automatically.

The first thing you need to do is install and activate the WPForms plugin. Check out our detailed guide on how to install a WordPress plugin.

Upon activation, you’ll need to verify your license key in WPForms » Settings.

You can find your license key in your WPForms account. Simply click the clipboard icon to copy it. Then, you can return to your WordPress tab and fill out the ‘License Key’ field.

Go ahead and click the ‘Verify Key’ button to activate your plan.

Now, let’s go to WPForms » Addons from the admin dashboard to install the HubSpot Addon.

From here, scroll down and locate the HubSpot add-on. Then, go ahead and click the ‘Install Addon’ button.

After activating the addon, you should go to the WPForms ‘Settings’ panel from the WordPress dashboard and then switch to the ‘Integration’ tab.

Here, you can connect your HubSpot CRM account to WPForms. Simply click ‘+ Add New Account’ and enter your account details.

Once done, it’s time to create and embed a HubSpot form from WPForms.

First, you’ll need to create your form by navigating to WPForms » Add New. On the next screen, you’ll name the form and select a form template.

After that, you can customize the template using the form builder.

If everything looks good already, feel free to switch to the ‘Marketing’ panel. From here, let’s open the ‘HubSpot’ option to connect the form with the platform.

Go ahead and enter your HubSpot account details and follow the setup prompts.

Once done, you can publish the form using the WPForms block or the form’s shortcode. For more details, you can check out our guide on how to create a HubSpot form in Wordpress.

4. How to Embed Google Forms in WordPress

WPForms and other WordPress form builders are really easy to use. They work right on your WordPress site and let you do lots of things like build forms that accept payments, create login forms, make custom user registration forms, and more.

But sometimes, you might need to share a form on different websites or platforms.

In those cases, Google Forms can be super handy. They’re easy to share, work great on mobile phones, and keep all responses in one place. Plus, you can add collaborators to help you with the responses, all stored in Google Drive.

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

On the next screen, you’ll see various form templates. Go ahead and click on one of them to start building.

You can also start from scratch by clicking on ‘Blank form.’

Once you’ve chosen a template, you can start customizing the form. Here are several things you might need to do:

• Create the form title.
• Provide the form description.
• Customize the fields to match your goals.

You can also use AI tools to choose the most suitable fields for your questions.

When you’re happy with how the form looks, go ahead and click the ‘Send’ button. This will open a pop-up window where you can get the form’s embed code.

After copying this code, you can open a page or post in WordPress where you want to display the form.

In the page or post’s content editor, let’s click the ‘+’ button and search for the ‘Custom HTML’ block. Go ahead and click on it to add it to your page.

Then, simply paste the Google Forms’ embed code into the Custom HTML block.

Once done, don’t forget to click the ‘Update’ or ‘Publish’ button. Now, if you visit your website, you should see the Google form in action.

For more detailed step-by-step instructions, you can refer to our guide on how to embed a Google form in WordPress.

5. How to Embed Zoho Forms in WordPress

Zoho Forms is a great tool that lets you easily create all sorts of forms. Whether you need a contact form, survey, registration form, or order form, Zoho Forms has got you covered.

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

To get started, you’ll need to create an account on the Zoho Forms website. Simply click ‘Sign Up for Free.’

Once you’ve created an account, you can start creating your form.

First, you’ll need to click the ‘New Form’ button in the form builder.

You will then see that Zoho Forms offers 3 ways to create forms:

• Create forms from scratch using the standard or card form type.
• Use ready-made form templates.
• Make CRM forms, which is a feature that is only available if you upgrade to the Pro plan.

For this guide, we will choose the ‘Website Feedback’ template.

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

With that done, you’ll land in the Zoho Forms form builder.

The left-hand panel has all the customization options, and the form preview is on the right. You can add elements to your form by simply dragging and dropping them.

With Zoho Forms, you can also change the form’s theme to match your website’s theme.

To do this, you can go to the ‘Themes’ tab. Then, simply hover over the theme you want to use and click ‘Apply.’

If everything looks good already, then you can switch to the ‘Share’ tab.

In this tab, you can see that Zoho Forms has lots of options for embedding forms.

Since we will embed it into a WordPress site, let’s head over to Embed » Website Builders. Then, go ahead and click the ‘Go to WordPress’ button.

You’ll then be redirected to the Zoho Forms page in the WordPress plugin directory.

All you need to do is install the plugin. If you need help, then you can see our guide on how to install a WordPress plugin.

Upon activation, you can open a post or page where you want to embed Zoho Forms. From here, you’ll then click the ‘+’ button and select the Zoho Forms block.

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

There’s also the ‘Embed with permalink’ link, but we don’t recommend this method as it’s not as beginner-friendly.

Then, you’ll be prompted to choose the domain where you registered your Zoho account.

In this case, we will choose ‘zoho.com‘ from the dropdown menu and click ‘Connect.’

After that, you can choose the form you want to embed.

Simply click the dropdown and select one from the available options. Then, you’ll want to scroll down and click the ‘Embed’ button.

Your content editor will then load your Zoho form.

If you like what you see, then go ahead and click the ‘Save’ button.

Now, if you visit the page, you’ll see your Zoho form in action.

Here’s what it might look like:

From the image above, you can also see that the Zoho Forms theme makes it easier to match the form with your website design.

6. How to Embed Email Signup Forms in WordPress

OptinMonster, while not a typical form builder, is a great tool for creating user sign-up forms and building an email list.

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

When setting up email sign-up forms, you can use various campaign types, such as slide-ins and lightbox pop-ups. So, before we talk about embedding the OptinMonster email sign-up form, let’s make sure that form is ready.

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

This will bring you to the pricing page.

We recommend the Pro plan because it’s popular and includes the ‘Exit Intent’ feature. You can also use our exclusive WPBeginner OptinMonster coupon code to get 10% off.

To finish your purchase, just enter your payment details and proceed with the payment.

With that done, let’s install and activate the OptinMonster WordPress plugin. If you need help, please see our step-by-step guide on how to install a WordPress plugin.

This plugin will connect your WordPress site to OptinMonster. Simply navigate to OptinMonster » Settings from your WordPress admin panel. Then, go ahead and click ‘Connect Your Existing Account.’

Once connected, you’re ready to create your OptinMonster email sign-up form. For detailed instructions, you can read our guide on how to build your email list in WordPress with OptinMonster.

OptinMonster’s detailed display rules allow you to show the right campaign to the right person at the right time, which helps boost conversion rates. You can find these settings by heading to Display Rules in the campaign builder.

Here, you can control when and where your campaigns appear based on customer behavior.

You can also customize campaigns for different audiences, like showing different layouts for mobile and desktop users.

OptinMonster lets you set rules based on specific days or locations, so you can run targeted campaigns like Black Friday offers or holiday-themed popups for different countries.

Additionally, OptinMonster’s exit-intent technology helps recover visitors who are about to leave your site. This feature tracks user behavior and triggers a targeted message just before they exit, allowing you to capture more email subscribers and increase conversions.

When you are happy with everything, it’s time to embed the lead generation form into your website.

Simply click the ‘Save’ button from the builder to initiate the process.

After making sure you’ve saved your changes, you can switch to the ‘Publish’ tab.

From here, go ahead and change the status from ‘Draft’ to ‘Publish.’ You will then see that the ‘Publish’ tab has changed to ‘Published,’ and the pause icon has changed to a check mark.

You can now close the campaign editor and navigate to OptinMonster » Campaigns.

The next step is to change the status ‘Pending’ to ‘Publish’ for your email sign-up pop-up. Simply click the ‘Pending’ link to open the dropdown menu and select the ‘Publish’ option.

There you have it!

Now, if you visit your website, you’ll see the email sign-up popup in action.

7. How to Embed Payment Forms in WordPress

If you just want to sell a single product or don’t want to set up a full shopping cart, then using comprehensive eCommerce plugins like Easy Digital Downloads or WooCommerce might be overkill. Creating a simple payment form is often a better option for accepting custom amounts or selling a few items.

This is where WP Simple Pay can help.

WP Simple Pay is the best choice for accepting Stripe payments without requiring a complete eCommerce plugin.

It also enables you to accept other payment methods, such as credit card payments, Apple Pay, Google Pay, and more. It’s ideal for non-profits, small businesses, and volunteers who need a simple solution for collecting payments.

To embed a payment form, you’ll need to install the WP Simple Pay plugin first. If you need help, then you can see our step-by-step guide on how to install a WordPress plugin.

Upon activation, simply follow the setup wizard to connect to Stripe.

Once connected, you’re ready to create your payment form using WP Simple Pay.

For detailed instructions, you can follow the first method in our guide on how to create a WordPress form with payment options.

When you’re satisfied with your payment form, go ahead and click the ‘Publish’ button. Then, you can copy the form’s shortcode to embed it into your post or page.

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

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

Note that WP Simple Pay creates your payment form in test mode by default. This means that you can’t accept payments from visitors yet.

To fix this, let’s navigate to WP Simple Pay » Payment Forms in the WordPress dashboard. Then, you can hover over the form you just created and click ‘Edit’ when it appears.

In this panel, you’ll want to go to the ‘Payments’ section.

Finally, you can click the ‘Live Mode’ radio button and then ‘Update.’

And that’s how you embed a WP Simple Pay form and start accepting payments from your audience.

Here’s what it looks like on our demo site:

8. How to Embed Formidable Forms in WordPress

Formidable Forms is a great tool for creating advanced forms, such as a mortgage, car payment, or life insurance calculator. It offers 225+ form templates that you can use for your WordPress website.

For details on how to make a form with Formidable Forms, you can see our complete Formidable Forms review.

Formidable Forms makes it super easy to put your forms on any post or page. Once you’re done creating your form, you can click the ‘Embed’ button in the form builder.

This will open a pop-up window where you can select where to add the form. There are 3 options: ‘Select existing page,’ ‘Create new page,’ and ‘Insert manually.’

If you select the ‘Insert manually’ option, you will need to deal with a bit of code. This can be a bit intimidating for beginners, so we don’t recommend it.

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

Next up, another prompt pop-up will appear.

Here, you’ll want to open the dropdown menu and choose a page. For example, we chose to embed the form on our demo site’s ‘Home’ page.

After choosing the page, go ahead and click the ‘Insert form’ button.

This will open the page’s block editor, and you should see that the form is already embedded on the page.

Now, you are ready to update the page.

Go ahead and hit the ‘Save’ button.

Here’s what it looks like on our demo site:

9. How to Embed Gravity Forms in WordPress

Gravity Forms is a powerful form builder plugin for WordPress, but here’s the catch – it’s premium only.

This form builder has a wide range of features and customization options. It allows you to create many types of forms, such as surveys, quizzes, registrations, and order forms.

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

Then, you can install and activate it on your site. If you need help, please see our guide on how to install a WordPress plugin.

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

On the next screen, you’ll choose a form template.

No rush here – you can explore this pop-up window to find the template you want to use. Once found, simply hover over the template and click the ‘Use Template’ button.

Next up, you’ll be prompted to name your form and write a short form description.

You can use the following image as an example:

Go ahead and click ‘Use Template’ once again to start building the form.

This will open the Gravity Forms’ drag-and-drop builder, where you can customize your form using the fields on the right.

Once your form is ready, you can click the ‘Save Form’ button to make sure you’ve stored any changes.

Then, go ahead and click ‘Embed.’

This will open 3 options to embed your Gravity Forms form – into an existing page, a new page, or a shortcode method for people using the classic editor.

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

From here, let’s select the ‘Post’ radio button. Then, you can open the dropdown menu to choose a published post on your WordPress website.

Go ahead and click the ‘Insert Form’ button.

You will then be redirected to the page’s content editor, where you’ll be prompted to add the ‘Form’ block. Go ahead and click it.

Gravity Forms will then add the form you just created to the post.

You might also notice that it includes the ‘Form Title’ and ‘Form Description’ by default.

If you think everything is set, then it’s time to hit the ‘Save’ button.

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

10. How to Embed Microsoft Forms in WordPress

Some people might want to use Microsoft Forms to create forms because it’s a tool they’re already familiar with due to their Office 365 account. It also automatically integrates with other Microsoft products like Excel, which makes data collection and management easier.

Microsoft Forms offers built-in options for creating surveys, quizzes, and polls. You can then easily embed Microsoft 365 forms in WordPress by copying the form’s embed code and adding it to your WordPress site.

First, you’ll create your form using Microsoft Forms in your Office 365 account.

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

Once logged in, you can click the menu icon at the top left corner of the page.

Then, you’ll want to locate ‘Forms’ and click on it.

This will open the template gallery in a new tab. You can then choose the forms you want to build.

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

The Microsoft Forms editor will open in a new tab. From here, the first thing to do is to choose a template.

You can explore the template options in the left-hand panel. Since we’re creating an invitation form, we have 7 ready-made templates for various purposes.

For this tutorial, we’ll use the wedding invitation template. Here’s what the default template looks like in the editor:

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

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

Let’s say you want to add more questions. In that case, you can click the ‘+ Insert new question’ button and choose the question type, like ‘Date,’ ‘Rating,’ ‘Text,’ or the others.

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

To change the look and feel, you can click the palette icon.

From here, you can change the form layout and background image.

You can then switch to the settings tab by clicking the gear icon.

Microsoft Forms has already configured some basic settings.

But, you might want to enable ‘End Date’ to help you strategically plan your wedding day based on responses and ‘Get email notification of each response’ so you have backup data to prevent the response from getting lost.

If you want, you can also edit the pre-set confirmation message.

Once the form is ready, it’s time to launch it.

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

In the popup that appears, you can click on the ‘</>’ or embed icon.

You should now see the shortcode you add to your site. Go ahead and click ‘Copy.’

Now, you can paste this code into a post or page using the ‘Custom HTML’ block.

In the WordPress content editor, simply click the ‘+’ button to add the block. Then, you can use the search bar to look for the ‘Custom HTML’ block.

Go ahead and click on it to add the block to the content editor.

From here, you’ll go ahead and paste the Microsoft Forms’ shortcode to the text area.

Don’t worry if you don’t see a preview in your editor; the shortcode works just fine.

Now, you can hit the ‘Publish’ or ‘Update’ button to make it live.

Here’s what it looks like on our demo site:

11. How to Embed HTML Forms in WordPress

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

Fortunately, there are form plugins that make setting up HTML forms more foolproof. One of the best options is the HTML Forms plugin. This plugin is great for setting up simple contact forms that help you gather information from visitors.

The best thing is that you don’t have to know how to code to use HTML Forms.

Adding a new field is easy. Just choose one from the available options, and HTML Forms will ask you to adjust the field’s data.

After clicking the ‘Add Field to Form’ button, HTML Forms will convert the data into an HTML snippet and put it in the ‘Form Code’ area.

And that’s all there is to it! Don’t forget to click the ‘Save Changes’ button to save your progress.

Now, it’s time to publish the form.

HTML Forms lets you easily embed your form on any post, page, or widget area. To do this, you’ll need the form’s shortcode. You can find your form’s shortcode at the top part of the ‘Edit Form’ panel.

Let’s copy this shortcode to the clipboard.

You can then open a page or post you want to display the HTML form. For this tutorial, we’ll add the form to our ‘Contact’ page.

Once you’re in the block editor, simply click the ‘+’ button and then search for ‘Custom HTML.’ Go ahead and 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 show you the form. But worry not. It will show up on the page when you save it.

So, let’s hit the ‘Save’ button to see it in action.

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

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

Frequently Asked Questions About Embedding WordPress Forms

Have questions about embedding forms in WordPress? Here are some quick answers to help you get started.

Can you embed forms in WordPress?

Yes. You can easily embed forms in WordPress using various plugins, including WPForms, which is the best multi-purpose form builder.

How do I install a form in WordPress?

First, you’ll want to head over to Plugins » Add New from your WordPress admin. The next step is to find a form plugin of your choice and then simply install and activate it. Once done, you’ll use the plugin to create a form and embed it on your site using a shortcode or block.

How to set up WPForms in WordPress?

To set up WPForms, you’ll need to install and activate the WPForms plugin first. Next, you can create a new form using the drag-and-drop builder and embed the form on your website using a shortcode or the plugin’s block.

How to create a form in WordPress without a plugin?

Creating a form in WordPress without a plugin requires custom HTML and PHP. You can manually add the form HTML to your page and handle submissions with custom PHP in your theme’s functions.php file. Since this isn’t beginner-friendly, we recommend using a form builder instead.

We hope this article has helped you learn how to embed forms in WordPress. Next, you might want to check our other guides on how to set up WordPress form tracking in Google Analytics and how to track and reduce form abandonment.

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

The post How to Embed Forms in WordPress (Ultimate Guide for Beginners) first appeared on WPBeginner.

お問い合わせページからニュースレター購読、さらにはチェックアウトフォームまで、私たちはすべてのプロジェクトでフォームを使用しています。その過程で、私たちは WordPress フォームを埋め込むために必要なすべてのステップを学びました。

このガイドでは、最も人気のある WordPress フォームビルダーを使ってフォームを埋め込む方法を紹介します。

WordPressフォームとは何か、なぜ重要なのか？

WordPressのフォームは、ウェブサイト上の貴重な情報や洞察を収集するためのツールです。訪問者が名前、メールアドレス、フィードバックなどの詳細を入力することができます。

フォームには様々な用途があります。例えば、ユーザーがあなたに連絡を取ったり、Eメールリストを作成するためのお問い合わせフォームや、意見を集めるためのアンケートフォーム、イベント用の登録フォームなどを作成することができます。

また、予約や寄付金集めにフォームを使うこともできます。また、カスタマーサポートの依頼にフォームを使うビジネスもあります。

フォームがなければ、訪問者と関わるチャンスを逃してしまうかもしれません。ですから、WordPressのウェブサイトにフォームを追加することは、ウェブサイトオーナーにとって賢い選択なのです。

WordPressにフォームを埋め込む方法

以下のセクションでは、WordPress サイトにフォームを追加するための各ステップを説明します。特定のフォームタイプに興味がある場合は、リンクをクリックして記事を読み飛ばすことができます：

準備はいいかい？始めよう

1.WordPressサイトにWPFormsを埋め込む方法

WPFormsは市場で最高の多目的フォームビルダーです。600万人以上のアクティブユーザーを持つ、最も人気のあるフォームビルダーの一つでもあります。

このツールを使えば、2000以上ある既製のカスタマイズ可能なテンプレートを使って、好きなフォームを作成することができます。

お問い合わせフォームだけでなく、WPFormsはシンプルなフォームから高度なフォームまで簡単に作成することができます：

• 調査票
• オンライン注文フォーム
• 支払フォーム
• ファイルアップロードフォーム
• 会話形式
• 複数ページのフォーム

WPFormsの埋め込みに関しては、WPFormsブロックかショートコードを使うことができます。

それでは、WPFormsをインストールして有効化し、一緒に試してみましょう。ヘルプが必要な場合は、WordPressプラグインのインストール方法のガイドを参照してください。

次に、WordPressでお問い合わせフォームを作成する方法をステップバイステップで説明します。

WPFormsブロックを使ったWPFormsフォームの埋め込み

フォームを公開する準備ができたら、フォームビルダー内の’埋め込み’ボタンをクリックするだけで、WPFormsブロックを使ってウェブページにフォームを追加することができます。

ポップアップウィンドウが開き、既存のページを選択するか、フォーム用の新規ページを作成することができます。

既存のページを選択」ボタンをクリックすると、ドロップダウンメニューが表示され、あなたのウェブサイトで利用可能なすべてのページが表示されます。新規ページを作成」をクリックすると、「ページ名」フィールドが表示されます。

ページを選んだり、新規ページの名前を決めたら、「Let’s Go!

その後、ページのブロックエディターにリダイレクトされます。

ここから’+’ボタンをクリックし、WPFormsブロックを検索することができます。

次のステップは、WPForms ブロックのドロップダウンを開き、埋め込みたいフォームを選択することです。

フォームを選択すると、WPFormsはそれをブロックエディタに読み込みます。

その後、右側のパネルにある「フォームの設定」をいじってみてください。

デフォルトでは WPForms はフォームタイトルを読み込みません。そこで、’フォームタイトル’ オプションをオンにしてフォームタイトルを追加し、訪問者にもっと文脈を与えるようにするとよいでしょう。フォームの説明を書く場合、このオプションをオンにすることもできます。

さらに良いことに、サイト全体のルック＆フィールにマッチするテーマでフォームをスタイルすることができます。

フォームの見た目に満足したら、先に進んで「保存」をクリックします。

これがWPFormsブロックを使ってWPFormsを埋め込む方法です。

ショートコードを使ったWPFormsフォームの埋め込み

WPFormsを埋め込むもう一つの方法は、ショートコードを使うことです。

これを行うには、WPForms ” All Formsで各フォームの ‘Shortcode’ カラムを探します。

ここから、埋め込みたいフォームのショートコードをコピーするだけです。例えば、’カスタマーレビュー’フォームのショートコードをコピーします。

次のステップは、フォームを埋め込むページまたは投稿を開くことです。そのためには、’Pages’ か ‘Posts’ に行く。そして、いずれかにマウスオーバーし、表示されたら’編集’をクリックする。

これにより、ページまたは投稿のエディターに移動します。

フォームを埋め込むには、「+」ボタンをクリックして「ショートコード」ブロックを探しましょう。

ブロックが追加されたら、WPFormsフォームのショートコードをテキストフィールドに貼り付けます。

こんな感じだろう：

ブロックエディターがライブ編集エリアにフォームを読み込まない。

そこで、まず変更を保存し、左下に表示される「View Page」ボタンをクリックする。

2.WordPressに寄付フォームを埋め込む方法

ウェブサイトに寄付フォームを追加することで、人々が簡単にあなたの活動を支援できるようになります。明確でシンプルな方法があれば、訪問者は寄付をしやすくなります。

WordPressに寄付フォームを埋め込む最も簡単な方法は、Charitableプラグインを使用することです。この人気のあるツールを使えば、100以上の既成テンプレートで複数の募金キャンペーンを作成し、カスタマイズすることができます。

それでは、寄付フォームを作成するためにCharitable をインストールして有効化しましょう。ヘルプが必要な場合は、WordPressプラグインのインストール方法をご覧ください。

アクティベーションが完了したら、Charitable ” SettingsにアクセスしてProライセンスをアクティベートしましょう。ライセンスキーを貼り付け、’Verify Key’をクリックするだけです。

これで寄付フォームを作成する準備ができました。詳しい手順については、WordPressで定期寄付フォームを作成する方法をご覧ください。

フォームの見た目に満足したら、WordPressの投稿やページに埋め込むことができます。

キャンペーンビルダーでは、まず「下書き」ドロップダウンをクリックしてオプションを開きます。Chitableが自動的にキャンペーン用の新しいページを作成します。

これで、初めてのチャリタブル・キャンペーンの作成と公開に成功したことになります！

今、あなたのウェブサイトを訪問すれば、寄付フォームが動いているのを見ることができます。

とはいえ、ポップアップウィンドウの「埋め込みウィザード」リンクや、Charitableエディタの「埋め込み」ボタンにお気づきかもしれません。

また、これらの機能のいずれかを使って、他の投稿やページに寄付フォームを追加することもできます。

これを行うには、’Embed Wizard’リンクまたは’Embed’ボタンをクリックするだけです。

表示されるポップアップで、既存のページを選択するか、新規ページを作成するかを選択する必要があります。

すでに専用の寄付フォームページがあるので、「既存のページを選択」を選ぶのがよいでしょう。先に進んでボタンをクリックしてください。

すると、WordPressサイト内の全ページのリストがドロップダウンで表示されます。

ドロップダウンメニューを展開してページを選び、「Let’s Go」ボタンをクリックします。

これでページのブロックエディターにリダイレクトされます。

ここから「+」ボタンをクリックし、「Charitable Campaign」ブロックを検索することができます。そして、検索結果をクリックするだけで、コンテンツエディターに追加されます。

その後、「慈善キャンペーン」ブロックのドロップダウンから埋め込む寄付フォームを選択できるようになります。

ドロップダウンメニューを展開してください。追加したいキャンペーンをクリックしてください。

コンテンツエディターでプレビューが見えなくても心配しないでください。ブロックは問題なく動作します。

では、『保存』、『更新』、『公開』ボタンをクリックして、本番にしましょう。

これで終わりです！このページで、寄付フォームを実際に見ることができます：

3.WordPressにHubSpotフォームを埋め込む方法

HubSpotは、顧客情報を管理できるCRM（カスタマー・リレーションシップ・マネジメント・プラットフォーム）やウェブサイト・ビルダーなどのツールを備えた、ビジネスを成長させるための優れたプラットフォームです。

WordPressと相性の良いフォームビルダーも用意されています。誰かがフォームに入力すると、その情報はそのままHubSpot CRMに送られるので、メールやメッセージを使って簡単にフォローアップすることができます。

HubSpotはWPFormsを含む他のフォームツールとも連携できます。すでに使っている他のツールとも連携できるので、このプラットフォームは本当に便利です。

このチュートリアルでは、HubSpot Form Builderプラグインと WPForms’ HubSpot Addon を使って HubSpot フォームを埋め込む方法を紹介します。

HubSpotプラグインを使ってHubSpotフォームを埋め込む

プラグインを使ってHubSpot Formsを埋め込むには、まずHubSpotプラグインをインストールする必要があります。ヘルプが必要な場合は、WordPressプラグインのインストール方法をご覧ください。

アクティベーションが完了したら、WordPressのダッシュボードから「HubSpot」メニューをクリックします。このパネルには、ウェブサイトとHubSpotを接続する方法がいくつか表示されます：

• HubSpotアカウントをお持ちの場合は、「サインイン」をクリックするだけです。
• そうでない場合は、Google、Microsoft、またはAppleのアカウントで続行する。
• 必要であれば、ウェブサイトの登録に使用したのと同じEメールを使用することもできます。

HubSpotアカウントにサインインまたは作成すると、WordPressウェブサイトとの接続を求められます。

ウェブサイトを接続」ボタンをクリックするだけで、HubSpotがプロセスを開始します。

接続が完了したら、HubSpotプラグインを使ってHubSpotフォームを作成する準備が整いました。

HubSpot ” Formsに移動します。次に、「フォームを作成」ボタンをクリックします。

ここからフォームタイプとテンプレートを選択します。フォームビルダーでHubSpotフォームをカスタマイズできます。

詳しい手順は、WordPressでHubSpotフォームを作成する方法の最初の方法をご覧ください。

フォームの見た目に満足したら、次のステップはサイトに埋め込むことです。当然、フォームビルダー内の ‘埋め込み’ ボタンを使います。

しかし、この方法は少しわかりにくい。

フォームのリンクを共有し、WordPressの投稿やページでHTMLスニペットを使用することができます。

代わりに、「WordPressに戻る」ボタンをクリックし、管理エリアのHubSpotダッシュボードからフォームを埋め込むことができます。

左上のボタンをクリックしてください。

ここから、埋め込みたいフォームにマウスオーバーするだけです。

その後、『埋め込み』ボタンが表示されたらクリックするだけです。

ポップアップウィンドウが表示され、HubSpotがフォームを埋め込む方法をいくつか紹介します。

ここでは、HubSpotブロックを使ってHubSpotフォームを投稿やページに埋め込むかどうかを選択できます。他のタブに切り替えると、フォームのショートコードが表示されます。

このチュートリアルでは、「WordPress Post」ボタンをクリックします。

投稿’ページが新しいタブで開きます。投稿にマウスオーバーして「編集」をクリックし、フォームを埋め込む投稿を開いてください。

コンテンツエディターでページにHubSpotフォームブロックを追加します。

ここから「+」ボタンをクリックし、検索バーを使ってHubSpot Formブロックを探します。見つけたらクリックしてください。

これでコンテンツエリアにHubSpotフォームブロックが追加されます。

次にドロップダウンメニューをクリックして、利用可能なオプションを開きましょう。次に、埋め込みたいHubSpotフォームを選択します。

これで完了です！これで「保存」ボタンをクリックして変更を保存することができます。

デモサイトではこんな感じです：

WPFormsのHubSpotアドオンを使ってHubSpotフォームを埋め込む

WPFormsを使ってHubSpotフォームを作成することで、複数のプラグインを使いこなす手間をかけずにフォームやお問い合わせフォームを管理することができます。

WPFormsはフォームの作成とHubSpotとの統合を一箇所で行います。これにより、WPFormsのドラッグ＆ドロップビルダーやテンプレートを利用しながら、フォームデータをHubSpotと自動的に同期させることができるため、プロセスが簡素化されます。

まず最初に行う必要があるのは、WPFormsプラグインのインストールと有効化です。WordPressプラグインのインストール方法の詳細ガイドをご覧ください。

アクティベーションの際、WPForms ” Settingsでライセンスキーを確認する必要があります。

ライセンスキーはWPFormsアカウントにあります。クリップボードのアイコンをクリックしてコピーしてください。その後、WordPressタブに戻り、’ライセンスキー’フィールドに記入することができます。

Verify Key “ボタンをクリックして、プランを有効にしてください。

では、管理画面のダッシュボードからWPForms ” AddonsにアクセスしてHubSpot Addonをインストールしてみましょう。

ここから下にスクロールして、HubSpotアドオンを見つけます。次に、「アドオンのインストール」ボタンをクリックします。

アドオンを有効化した後、WordPressダッシュボードからWPFormsの’設定’パネルに移動し、’統合’タブに切り替える必要があります。

ここでHubSpot CRMアカウントをWPFormsに接続することができます。新規アカウントを追加」をクリックし、アカウントの詳細を入力してください。

WPFormsからHubSpotフォームを作成し、埋め込みます。

まず、WPForms ” 新規追加 でフォームを作成します。次の画面で、フォームに名前を付け、フォームテンプレートを選択します。

その後、フォームビルダーを使ってテンプレートをカスタマイズできます。

すでにすべてがうまくいっているようであれば、遠慮なく「Marketing」パネルに切り替えてください。ここから’HubSpot’オプションを開き、フォームをプラットフォームに接続しましょう。

HubSpotのアカウント情報を入力し、設定画面の指示に従います。

完了したら、WPFormsブロックまたはフォームのショートコードを使用してフォームを公開できます。詳しくは、WordpressでHubSpotフォームを作成する方法をご覧ください。

4.WordPress に Google フォームを埋め込む方法

WPFormsをはじめとするWordPressフォーム作成ツールはとても使いやすいです。WordPressサイト上で動作し、支払いを受け付けるフォームの作成、ログインフォームの作成、カスタムユーザー登録フォームの作成など、様々なことができます。

しかし、時には異なるウェブサイトやプラットフォームでフォームを共有する必要があるかもしれません。

そのような場合、Googleフォームはとても便利です。共有が簡単で、携帯電話でもうまく機能し、すべての回答を一か所にまとめておくことができます。さらに、Googleドライブに保存された回答は、共同作業者を追加することができます。

Google フォームを WordPress に埋め込むには、まずGoogle フォームのウェブサイトでフォームを作成します。フォームへ移動’ ボタンをクリックするだけです。

次の画面では、様々なフォームテンプレートが表示されます。そのうちの一つをクリックして、ビルドを開始してください。

白紙のフォーム」をクリックしてゼロから始めることもできる。

テンプレートを選んだら、フォームのカスタマイズを始めましょう。ここでは、あなたが行う必要があるかもしれないいくつかのことを示します：

• フォームのタイトルを作成する。
• フォームの説明を入力してください。
• あなたの目標に合わせてフィールドをカスタマイズしてください。

また、AIツールを使用して、質問に最も適したフィールドを選択することもできます。

フォームの形に満足したら、「送信」ボタンをクリックします。ポップアップウィンドウが開き、フォームの埋め込みコードが表示されます。

このコードをコピーしたら、WordPressでフォームを表示したいページや投稿を開きます。

ページまたは投稿のコンテンツエディターで「+」ボタンをクリックし、「カスタムHTML」ブロックを探しましょう。先に進み、それをクリックしてページに追加します。

そして、Googleフォームの埋め込みコードをカスタムHTMLブロックに貼り付けるだけです。

完了したら、’更新’または’公開’ボタンを忘れずにクリックしてください。これで、あなたのウェブサイトにアクセスすると、Googleフォームが表示されているはずです。

より詳細なステップバイステップの手順については、WordPressにGoogleフォームを埋め込む方法のガイドを参照してください。

5.Zoho Forms を WordPress に埋め込む方法

Zoho Formsはあらゆる種類のフォームを簡単に作成できる素晴らしいツールです。お問い合わせフォーム、アンケート、登録フォーム、注文フォームなど、Zoho Formsならどんなフォームも簡単に作成できます。

しかも、Zoho フォームを WordPress サイトに埋め込むのは簡単です。その前に、まずフォームを作りましょう。

まずはZoho Formsのウェブサイトでアカウントを作成してください。無料サインアップ」をクリックするだけです。

アカウントを作成したら、フォームの作成を開始できます。

まず、フォームビルダーの「新規フォーム」ボタンをクリックします。

Zoho Formsには3つのフォーム作成方法があることがわかります：

• 標準またはカード・フォーム・タイプを使って、ゼロからフォームを作成します。
• 既製のフォームテンプレートを使用する。
• CRMフォームの作成は、Proプランにアップグレードした場合にのみ利用できる機能です。

このガイドでは、「ウェブサイトのフィードバック」テンプレートを選択します。

では、『このテンプレートを使う』ボタンをクリックしてみよう。

これで Zoho Forms フォームビルダーの画面になります。

左側のパネルにはすべてのカスタマイズオプションがあり、右側にはフォームプレビューがあります。ドラッグ＆ドロップするだけでフォームに要素を追加できます。

Zoho Formsでは、ウェブサイトのテーマに合わせてフォームのテーマを変更することもできます。

これを行うには、「テーマ」タブに移動します。そして、使いたいテーマにマウスオーバーして「適用」をクリックするだけです。

すでにすべてがうまくいっているようなら、「共有」タブに切り替えることができる。

このタブで、Zoho Forms にはフォームを埋め込むためのたくさんのオプションがあることがわかります。

WordPressサイトに埋め込むので、Embed ” Website Buildersに向かいましょう。そして、「Go to WordPress」ボタンをクリックします。

WordPress のプラグインディレクトリにあるZoho Forms のページにリダイレクトされます。

プラグインをインストールするだけです。ヘルプが必要な場合は、WordPressプラグインのインストール方法に関するガイドをご覧ください。

有効化すると、Zoho Forms を埋め込みたい投稿やページを開くことができます。ここで ‘+’ ボタンをクリックし、Zoho Forms ブロックを選択します。

ブロックが追加されたら、「Zoho Formsにアクセス」ボタンをクリックします。

パーマリンクで埋め込む」リンクもありますが、この方法は初心者に優しくないのでお勧めしません。

次に、Zohoアカウントを登録したドメインを選択するよう促されます。

この場合、ドロップダウンメニューから「zoho.com」を選び、「Connect」をクリックする。

その後、埋め込みたいフォームを選択できます。

ドロップダウンをクリックし、利用可能なオプションから1つを選択するだけです。次に、下にスクロールして「埋め込み」ボタンをクリックします。

コンテンツエディターがZohoフォームを読み込みます。

気に入ったものがあれば、「保存」ボタンをクリックしてください。

このページにアクセスすると、Zohoフォームが表示されます。

こんな感じだろう：

上の画像から、Zoho Forms のテーマを使うとフォームをウェブサイトのデザインに合わせやすくなることもわかります。

6.WordPressにメール登録フォームを埋め込む方法

OptinMonsterは、典型的なフォームビルダーではありませんが、ユーザー登録フォームを作成し、Eメールリストを作成するのに最適なツールです。

WPBeginnerでは、このリードジェネレータツールを使用して素晴らしい結果を得ています。例えば、OptinMonsterを使用することで、メール購読者を600%増加させることができました。

メール登録フォームを設置する際、スライドインやライトボックスポップアップなど様々なキャンペーンタイプを使用することができます。OptinMonsterのメール登録フォームの埋め込みについて説明する前に、フォームの準備をしましょう。

まず、OptinMonsterのウェブサイトで「今すぐOptinMonsterを入手する」ボタンをクリックして、OptinMonsterのアカウントを作成する必要があります。

これで価格設定ページが表示されます。

人気の高いProプランには「Exit Intent」機能が含まれていますので、Proプランをお勧めします。WPBeginner限定のOptinMonsterクーポンコードで10%OFFにすることもできます。

ご購入を完了するには、お支払い情報を入力し、お支払いを進めてください。

それでは、OptinMonster WordPressプラグインをインストールして有効化しましょう。ヘルプが必要な場合は、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。

このプラグインはあなたのWordPressサイトをOptinMonsterに接続します。WordPressの管理画面からOptinMonster ” 設定に移動します。そして、先に進み、「既存のアカウントを接続する」をクリックします。

接続が完了したら、OptinMonsterのメール登録フォームを作成する準備ができました。詳しい手順は、OptinMonsterを使ってWordPressでEメールリストを作成する方法をご覧ください。

OptinMonsterの詳細な表示ルールにより、適切なキャンペーンを適切な人に適切なタイミングで表示することができ、コンバージョン率を高めることができます。これらの設定は、キャンペーンビルダーの表示ルールに 向かうことで見つけることができます。

ここでは、顧客の行動に基づいて、キャンペーンをいつ、どこに表示するかをコントロールできます。

また、モバイルユーザーとデスクトップユーザーで異なるレイアウトを表示するなど、オーディエンスごとにキャンペーンをカスタマイズすることもできます。

OptinMonsterは、特定の日や場所に基づいてルールを設定することができますので、ブラックフライデーのオファーや国別のホリデーをテーマにしたポップアップのようなターゲットを絞ったキャンペーンを実施することができます。

さらに、OptinMonsterのエグジットインテントテクノロジーは、あなたのサイトを去ろうとしている訪問者を回復するのに役立ちます。この機能により、ユーザーの行動をトラッキングし、サイトからの退出直前にターゲットメッセージをトリガーすることで、より多くのメール購読者を獲得し、コンバージョンを増加させることができます。

すべて満足したら、いよいよリードジェネレータフォームをウェブサイトに埋め込みます。

ビルダーから「保存」ボタンをクリックするだけで、処理が開始されます。

変更が保存されたことを確認したら、’Publish’タブに切り替えることができます。

ここから、ステータスを「下書き」から「公開」に変更します。すると、’Publish’タブが’Published’に変わり、一時停止のアイコンがチェックマークに変わっているのがわかります。

キャンペーンエディターを閉じて、OptinMonster ” キャンペーンに移動することができます。

次のステップは、メールサインアップポップのステータスを「保留」から「公開」に変更することです。保留中」リンクをクリックしてドロップダウンメニューを開き、「公開」オプションを選択します。

そうだ！

これで、あなたのウェブサイトにアクセスすると、Eメール登録ポップアップが表示されます。

7.WordPressに決済フォームを埋め込む方法

単一の製品を販売したいだけだったり、完全なショッピングカートを設置したくない場合は、Easy Digital DownloadsやWooCommerceのような包括的なeコマースプラグインを使用するのはやりすぎかもしれません。シンプルな支払いフォームをカスタマイズすることで、カスタムの金額を受け取ったり、いくつかの商品を販売したりすることができます。

そこでWP Simple Payが役立ちます。

WP Simple Payは、完全なeコマースプラグインを必要とせずにStripeの支払いを受け入れるための最良の選択です。

また、クレジットカード決済、Apple Pay、Google Payなど、他の支払い方法にも対応しています。非営利団体、中小企業、ボランティアなど、支払いを集めるためのシンプルなソリューションを必要としている方に最適です。

支払いフォームを埋め込むには、まずWP Simple Payプラグインをインストールする必要があります。ヘルプが必要な場合は、WordPressプラグインのインストール方法のステップバイステップガイドを参照してください。

有効化後、セットアップウィザードに従ってStripeに接続するだけです。

接続が完了したら、WP Simple Payを使って支払いフォームを作成する準備ができました。

詳細な手順については、WordPress で支払いオプションを持つフォームを作成する方法の最初の方法をご覧ください。

支払いフォームが完成したら、「公開」ボタンをクリックしてください。その後、フォームのショートコードをコピーして投稿やページに埋め込むことができます。

WordPressのコンテンツエディターで「+」ボタンをクリックし、「ショートコード」ブロックを選択します。

次に、フォームのショートコードをテキストエリアに貼り付けます。

WP Simple Payはデフォルトで支払いフォームをテストモードで作成します。これは訪問者からの支払いをまだ受け付けられないことを意味します。

これを修正するには、WordPressダッシュボードのWP Simple Pay ” Payment Formsに移動しましょう。そして、作成したばかりのフォームにマウスオーバーし、表示されたら「編集」をクリックします。

このパネルでは、「支払い」セクションに移動します。

最後に「ライブモード」のラジオボタンをクリックし、「アップデート」をクリックします。

こうしてWP Simple Payフォームを埋め込み、利用者からの支払いを受け付けるようになります。

デモサイトではこんな感じです：

8.Formidable フォームを WordPress に埋め込む方法

Formidable Formsは、住宅ローンや車の支払い、生命保険などの高度なフォームを作成するのに最適なツールです。あなたのWordPressウェブサイトで使える225以上のフォームテンプレートを提供しています。

Formidable Formsでフォームを作る方法の詳細については、Formidable Formsのレビューをご覧ください。

Formidable Forms を使えば、どんな投稿やページにも簡単にフォームを設置することができます。フォームの作成が終わったら、フォームビルダーの「埋め込み」ボタンをクリックしてください。

ポップアップウィンドウが開き、フォームを追加する場所を選択できます。3つのオプションがあります：既存のページを選択」、「新規ページを作成」、「手動で挿入」の3つです。

手動で挿入する」オプションを選択すると、ちょっとしたコードを扱う必要があります。初心者の方にとっては少々気が引けるかもしれませんので、お勧めしません。

このチュートリアルでは、「既存のページを選択」を選びます。

次に、別のプロンプトのポップアップが表示される。

ここでドロップダウンメニューを開き、ページを選択します。例えば、デモサイトの’Home’ページにフォームを埋め込むことにしました。

ページを選択したら、「フォームの挿入」ボタンをクリックします。

これでページのブロックエディターが開き、フォームがすでにページに埋め込まれていることがわかるはずです。

これでページを更新する準備ができた。

保存』ボタンを押してください。

デモサイトではこんな感じです：

9.WordPress に Gravity Forms を埋め込む方法

Gravity Formsは WordPress の強力なフォーム作成プラグインですが、プレミアム版のみです。

このフォームビルダーには幅広い機能とカスタマイズオプションがあります。アンケート、クイズ、登録、注文フォームなど多くの種類のフォームを作成することができます。

Gravity Formsを使ってフォームを作成するには、Gravity Formsのウェブサイトからプラグインを購入する必要があります。

その後、あなたのサイトにインストールして有効化することができます。ヘルプが必要な場合は、WordPressプラグインのインストール方法に関するガイドをご覧ください。

有効化したら、WordPress ダッシュボードのGravity Forms ” 新規フォームに移動して ‘新規追加’ をクリックします。

次の画面で、フォームテンプレートを選択します。

このポップアップ・ウィンドウで、使いたいテンプレートを探すことができます。テンプレートが見つかったら、マウスオーバーして「Use Template」ボタンをクリックしてください。

次に、フォームの名前と簡単な説明を入力するプロンプトが表示されます。

例として以下の画像を使うことができる：

もう一度「テンプレートを使用」をクリックして、フォームの作成を開始します。

Gravity Forms のドラッグアンドドロップビルダーが開きますので、右側のフィールドを使ってフォームをカスタマイズしてください。

フォームの準備ができたら、’フォームを保存’ボタンをクリックして、変更が保存されていることを確認してください。

そして、『埋め込み』をクリックする。

Gravity Forms のフォームを埋め込むには、既存のページに埋め込むか、新規ページに埋め込むか、クラシックエディタを使っている人のためにショートコードで埋め込むかの3つのオプションがあります。

このチュートリアルでは Gravity Forms を既存の Web ページに埋め込む方法を紹介します。

ここから「投稿」ラジオボタンを選択します。すると、ドロップダウンメニューが表示され、WordPressウェブサイト上で公開されている投稿を選択することができます。

フォームの挿入」ボタンをクリックする。

するとページのコンテンツエディターにリダイレクトされ、「フォーム」ブロックを追加するよう促されます。それをクリックしてください。

Gravity Forms は作成したフォームを投稿に追加します。

また、デフォルトで「フォームのタイトル」と「フォームの説明」が含まれていることにもお気づきでしょう。

すべての設定が完了したら、「保存」ボタンをクリックします。

これであなたのウェブサイトに Gravity Forms フォームを作成し、埋め込むことができました。

10.ワードプレスにマイクロソフトフォームを埋め込む方法

Microsoft FormsはOffice 365のアカウントを持っているため、すでに使い慣れたツールであるため、フォームの作成にMicrosoft Formsを使いたいと思う人もいるだろう。また、Excelなど他のMicrosoft製品と自動的に統合されるため、データの収集や管理も簡単になる。

Microsoft Forms にはアンケート、クイズ、投票を作成するためのビルトインオプションがあります。フォームの埋め込みコードをコピーして WordPress サイトに追加すれば、Microsoft 365 フォームを WordPress に簡単に埋め込むことができます。

まず、Office 365アカウントのMicrosoft Formsを使ってフォームを作成します。

Office 365のホームページから「サインイン」をクリックして始めよう。

ログイン後、ページ左上のメニューアイコンをクリックしてください。

次に、「フォーム」を探してクリックする。

テンプレートギャラリーが新しいタブで開きます。そして、作りたいフォームを選択することができます。

Microsoft Forms にはアンケート、クイズ、招待、登録の 4 つのフォームがあります。このチュートリアルでは「招待」を選びます。クリックしてみましょう。

Microsoft Forms エディターが新しいタブで開きます。ここからまずテンプレートを選びます。

テンプレートのオプションは左側のパネルで調べることができます。今回は招待フォームを作成するので、様々な目的に合わせた7つのテンプレートが用意されています。

このチュートリアルでは、結婚式の招待状テンプレートを使用します。デフォルトのテンプレートはエディターでこのように表示されます：

右側のパネルを下にスクロールすると、このテンプレートが提供するデフォルトのフィールドがあります。

このテンプレートには、ユーザーの名前、参加人数、食物アレルギー、メールアドレスの4つのフィールドがあらかじめ設定されています。

さらに質問を追加したいとします。その場合、「+新しい質問を挿入」ボタンをクリックし、「日付」、「評価」、「テキスト」などの質問タイプを選択することができます。

既存のものを編集したい場合は、1つをクリックするだけで、カスタマイズオプションが表示されます。

ルック＆フィールを変更するには、パレットアイコンをクリックします。

ここから、フォームのレイアウトや背景画像を変更することができます。

歯車のアイコンをクリックして、設定タブに切り替えることができます。

Microsoft Formsはすでにいくつかの基本的な設定を行っています。

しかし、「終了日」を有効にして、回答に基づいて戦略的に結婚式を計画するのに役立てたり、「各回答のメール通知を受け取る」を有効にして、回答が紛失しないようにバックアップデータを取っておくとよいでしょう。

必要であれば、事前に設定した確認メッセージを編集することもできます。

フォームの準備ができたら、今度はそれを立ち上げる番だ。

フォームビルダーで、「回答を収集する」ボタンをクリックします。

表示されるポップアップで、「</>」または埋め込みアイコンをクリックします。

サイトに追加したショートコードが表示されるはずです。先に進み、「コピー」をクリックする。

このコードを「カスタムHTML」ブロックを使って投稿やページに貼り付けることができる。

WordPressのコンテンツエディターで、「+」ボタンをクリックしてブロックを追加します。次に、検索バーを使って「カスタムHTML」ブロックを探します。

このブロックをクリックして、コンテンツエディターに追加してください。

ここから、Microsoft Formsのショートコードをテキストエリアに貼り付けます。

エディターにプレビューが表示されなくても心配しないでください。

これで、「Publish（公開）」または「Update（更新）」ボタンを押して、公開することができる。

デモサイトではこんな感じです：

11.WordPressにHTMLフォームを埋め込む方法

HTMLフォームは通常手作業でコーディングされるため、ドラッグ＆ドロップでフォームを編集できるエディターはありません。

幸いなことに、HTMLフォームの設定をより簡単にするフォームプラグインがある。最良のオプションのひとつがHTML Formsプラグインです。このプラグインは、訪問者から情報を集めるためのシンプルなお問い合わせフォームを設置するのに最適です。

一番いいのは、HTMLフォームを使うのにコードを書く必要がないということです。

新規フィールドの追加は簡単です。利用可能なオプションからひとつ選ぶだけで、HTML Forms はフィールドのデータを調整するようあなたに尋ねます。

フォームにフィールドを追加」ボタンをクリックすると、HTML FormsはデータをHTMLスニペットに変換し、「フォームコード」エリアに配置します。

以上で作業は終了です！変更を保存」ボタンをクリックして、進行状況を保存するのをお忘れなく。

さて、フォームを公開する時が来た。

HTML Forms を使えば、投稿、ページ、ウィジェットエリアにフォームを簡単に埋め込むことができます。そのためにはフォームのショートコードが必要です。フォームのショートコードは「フォームの編集」パネルの一番上にあります。

このショートコードをクリップボードにコピーしよう。

次に、HTMLフォームを表示したいページや投稿を開きます。このチュートリアルでは、フォームを’Contact’ページに追加します。

ブロックエディターに入ったら、「+」ボタンをクリックし、「カスタムHTML」を検索する。

その後、ショートコードを「カスタムHTML」ブロックに貼り付けることができます。

WordPressのブロックエディターではフォームが表示されません。しかしご心配なく。保存すればページに表示されます。

では、『保存』ボタンを押して、実際に見てみよう。

あなたのウェブサイトでは、このように見えるかもしれません：

詳しい説明は、WordPressにHTMLフォームを追加する方法をご覧ください。

WordPressフォームの埋め込みに関するよくある質問

WordPressにフォームを埋め込むことについて質問がありますか？ここでは、簡単に始められる回答をいくつかご紹介します。

WordPressにフォームを埋め込むことはできますか？

WPFormsは最高の多目的フォームビルダーです。

WordPressにフォームをインストールするには？

まず、WordPressの管理画面からプラグイン“ 新規追加にアクセスしてください。次に、お好みのフォームプラグインを見つけ、インストールして有効化します。インストールが完了したら、プラグインを使ってフォームを作成し、ショートコードやブロックを使ってサイトに埋め込みます。

WordPressでWPFormsを設定するには？

WPFormsを設定するには、まずWPFormsプラグインをインストールして有効化する必要があります。次に、ドラッグアンドドロップビルダーを使用して新しいフォームを作成し、ショートコードまたはプラグインのブロックを使用してウェブサイトにフォームを埋め込むことができます。

プラグインなしでWordPressにフォームを作成するには？

プラグインを使わずに WordPress でフォームを作成するには、カスタム HTML と PHP が必要です。手動でフォームの HTML をページに追加し、テーマのfunctions.phpファイルでカスタム PHP を使って送信を処理することができます。これは初心者に優しくないので、代わりにフォームビルダーを使うことをお勧めします。

この記事で WordPress にフォームを埋め込む方法をご理解いただけたでしょうか？次に、Google アナリティクスで WordPress のフォームトラッキングを設定する方法と、フォームからの離脱をトラッキングして減らす方法について、他のガイドもご覧ください。

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

The post WordPress にフォームを埋め込む方法 (初心者のための究極のガイド) first appeared on WPBeginner.

そのため私たちは、1つの製品をオンラインで販売することから、本格的なオンライン・ストアや会員制ウェブサイトに至るまで、人気のあるeコマース・ソリューションをすべて調査・研究しました。

私たちのテストプロセスでは、各プラットフォームの使いやすさと、さまざまな種類のオンラインストア向けの機能に特に注意を払った。

この記事では、私たちが調査した中で最も優れた、最も人気のあるeコマース・ソリューションのいくつかを紹介する。

2024年のeコマース・プラットフォーム・トップ3

第1位

WooCommerce

価格 無料/有料拡張機能付き無料プラグイン

最適 物理的およびデジタル製品の販売

高い拡張性とカスタマイズ性。

続きを読む “

第2位

イーディーディー

価格 無料および有料プラン（年額99.50ドルから）

最適 デジタルダウンロード販売

簡単セットアップ、無制限商品販売

続きを読む “

949位

MemberPress

価格 有料プラン（年額$179.50から）

最適 有料メンバーシップとオンラインコース

強力な会員機能、コース作成

続きを読む “

最高のeコマース・ソリューションのテストとレビューの方法

この記事では、最高のeコマース・ソリューションについてお話ししますが、特定のプラットフォームを使用しているストアの数だけでなく、考慮すべきことがあることは承知しています。

使いやすさと手頃な価格のバランスが絶妙な、人気のeコマース・プラットフォームをご紹介します。

ここでは、これらのプラットフォームのテストとレビューにどのように取り組んだかを紹介する：

• コストパフォーマンス： ビジネス、特に小規模な新興企業にとって、予算は大きな関心事だ。私たちは、各プラットフォームの料金体系を調べました。どの機能がスタートプランに含まれているか、どのようなアップグレードがアンロックされるか、追加料金が発生する可能性があるかなどです。
• 使いやすさ： 新規: オンラインストアのオーナーの多くは、技術的なことは初めてという自営業者です。そこで私たちは、登録、オンラインストアの構築、公開、日々の運営管理が簡単にできるプラットフォームを優先しました。
• 実世界での経験： これから説明するプラットフォームのいくつかは、WPBeginnerで使用しているものです。これは、私たち自身の経験に基づいて自信を持ってお勧めできることを意味します。その他のプラットフォームについては、時間とリソースを投資してテストしました。
• カスタマーレビュー： プラットフォームの言葉を鵜呑みにするだけではありません。ユーザーレビューを詳しく調べ、実際のカスタマーの声を確認します。そして、これらのレビューと当社独自のテスト結果を比較し、プラットフォームが約束を果たしていることを確認します。
• 市場での人気： 人気だけに頼るわけではないが、ある程度の重みはある。私たちは、ウェブサイト技術トラッカーであるBuiltWithを使用した。BuiltWithは、そのプラットフォーム上で構築されたアクティブなウェブサイトの数を分析することで、各プラットフォームの現在の市場シェアを把握するのに役立つ。

1.WooCommerce(総合的なeコマースソリューション)

WooCommerceは、WordPressのウェブサイトを通じて物理的な製品を販売するのに最適なソリューションです。

WooCommerceが中小企業に最適な理由はいくつかあります。まず第一に、セットアップと使用が完全に無料であることです。便利なセットアップウィザードが手順を案内してくれるので、簡単に素早くWooCommerceストアを立ち上げることができます。

しかし、WooCommerceを真に際立たせているのは、その驚くべき拡張性です。すべてをバンドルしているホスト型eコマースプラットフォームとは異なり、WooCommerceでは必要な機能を選択することができます。

しかし、豊富なプラグインは諸刃の剣でもある。希望する機能を実現するための適切なプラグインを探すのは、時間がかかるものだ。

WooCommerceのレビューでこのeコマースプラグインの詳細をご覧ください。

ライブウェブサイト利用統計600万人以上

WooCommerceの長所：

• 設定と使用は無料
• 豊富なWooCommerce拡張機能による高い拡張性
• サンプル商品とプリインストールされたテーマで、簡単な調査
• ストアパフォーマンスを追跡するビルトインアナリティクス

WooCommerceの短所：

• 全くの初心者にとっては、エクステンションの数の多さに圧倒されてしまうかもしれない。

価格：WooCommerce自体は無料のプラグインです。機能にもよりますが、有料のテーマやエクステンションは1ドルから数百ドルです。WooCommerceホスティングサービスは通常月額4ドル前後から。

月額3.99ドルからのSiteGroundと、月額9.95ドルからのBluehostをお勧めします。

WooCommerceを選んだ理由： WooCommerceは、その手頃な価格、使いやすさ、比類のない拡張性により、総合的なeコマースソリューションとして最高です。

2.Easy Digital Downloads (デジタルダウンロードに最適)

Easy Digital Downloads（EDD）は、電子書籍、PDF、ソフトウェア、オーディオファイルなどのデジタル製品を販売するための最高のeコマースソリューションです。実際、WordPressプラグインを販売し、顧客の注文を管理するために、私たちの会社全体で使用しているのと同じプラットフォームです。

Easy Digital DownloadsのレビューでEDDの詳細をご覧ください。

WooCommerceと同様、EDDも使いやすいセットアップウィザードでオンラインストアの立ち上げプロセスを効率化します。ビジネス詳細、支払いゲートウェイ、領収書、商品リストなど、すべてユーザーフレンドリーなインターフェースで素早く設定できます。

EDDには無料版と有料版がある。無料プランは、数種類の商品からスタートする場合に最適です。ショッピングカート、PayPalやStripeのような一般的な支払いゲートウェイとのビルトイン、注文履歴、顧客の請求書発行など、必要なものはすべて含まれています。

しかし、無料版には、定期的な支払い、割引コードジェネレータ、ソフトウェアライセンシングなどの機能がありません。これらの機能は、サブスクリプションモデルやダウンロード可能なソフトウェアを提供するビジネスにとって非常に重要です。

ウェブサイトの利用状況をライブで50,000+

Easy Digital Downloadsの長所：

• ユーザーフレンドリーなインターフェースで簡単セットアップ
• 取引手数料なしで無制限に商品を販売
• 製品を試すための無料トライアル機能が利用可能
• 外出先でも店舗を管理できるモバイルアプリ

Easy Digital Downloadsの短所：

• デジタル製品のみの販売に限定されています。将来的に物理的な製品に拡大する予定がある場合は、別のeコマース・プラットフォームを検討するか、EDDの有料プランにアップグレードする必要があります。

価格 無料版あり。有料プランは年間99.50ドルから始まり、年間499.50ドルまで。有料プランでは、1つのウェブサイトで使用でき、Eメールマーケティングツールと統合され、レポート機能、カスタム割引コード、追加の支払いゲートウェイのサポートを提供します。

SiteGroundのマネージドEDDホスティングは月額$3.99からご利用いただけます。

Easy Digital Downloadsを選んだ理由： EDDの無料バージョンは初心者に素晴らしい出発点を提供し、有料プランは成長するビジネスに強力な機能を提供します。

3.MemberPress(有料会員制に最適)

メンバープレスは、会員制のビジネスモデルを運営している場合に最適なeコマースソリューションです。これには、オンラインコース、コーチングサービス、または会費と引き換えにプレミアムコンテンツを提供する教育サイトなどが含まれます。

私たちはWPBeginner動画会員制サイト（無料）を運営するためにMemberPressを使用しています。

会員制サイトは無料ですが、MemberPressは収益化された会員制サイトを構築することができます。有料コンテンツ、会員レベルのアップグレード、割引クーポンなど、あなたのビジネスをサポートする様々な機能をプロバイダーとして提供しています。

考慮すべき点として、MemberPressは、Stripe、PayPal、Authorize.Netとのみ統合された、限られた支払いゲートウェイを提供しています。これは、あなたのビジネスがより幅広い支払い処理オプションを必要とする場合、欠点となるかもしれません。

MemberPressのレビューでメンバーシッププラグインについてもっと読む。

ライブウェブサイト利用統計24,575+

MemberPress の長所：

• 会員数、メンバー数、アクセスルール、制限コンテンツは無制限
• カスタマーのための使いやすいメンバー・ダッシュボード
• 豊富なアドオンライブラリで、会員制サイトをニーズに合わせてカスタマイズできます。
• 選択した決済ゲートウェイの手数料に上乗せされる取引手数料はない。

MemberPress の短所：

• 限られた支払いゲートウェイのオプション

価格 年間$179.50から、年間$499.50まで。ベーシックプランでは、1ウェブサイト、無制限のメンバーとコースでご利用いただけます。

また、MemberPressのクーポンコードをご利用いただくと、初回購入が最大50%オフとなります。

MemberPressを選んだ理由： MemberPressの使いやすさ、強力なコース作成機能、会員制サイトの機能に重点を置いているため、限定コンテンツや定期購読を提供したいビジネスには最適なオプションです。

4.WP Simple Pay (単品販売に最適)

ウェブサイトを通じて単一の製品やサービスを販売したいのであれば、あらゆる機能を備えた本格的なeコマース・ソフトウェアは過剰かもしれません。実際、複雑なプラットフォームはウェブサイトの速度を低下させ、顧客体験を台無しにする可能性があります。

このような状況には、WP Simple Payのような決済処理プラグインが最適です。WP Simple PayはStripeとシームレスに統合されており、ショッピングカートを別途用意することなく、WordPressサイト上で直接安全な決済フォームを作成することができます。

WP Simple Payはシンプルさに重点を置いていますが、いくつかの強力な機能を提供しています。ワンクリック決済（衝動買いに最適）や、より多くのユーザーを惹きつけるための今すぐ購入・後払い決済プランなど、このプラグインの機能については広く記事にしてきました。

プラグインについての詳細はWP Simple Pay のレビューをご覧ください。

しかし、WP Simple Payは大規模な商品カタログを増やす予定のあるビジネスには適していないことを覚えておくことが重要だ。このプラグインだけに頼っていると、注文管理はすぐに疲れてしまいます。

ウェブサイトの利用状況をライブで14,000+

WPシンプルペイの長所：

• Stripeを通じて、クレジットカード、Apple Pay、Google Pay、QRコード、Alipayなど、さまざまな支払い方法に対応。
• 決済処理手数料をカスタムに転嫁し、収益性を高めるオプション
• 支払いフォームのカスタマイズオプションを備えたドラッグ＆ドロップフォームビルダー
• ビルトインPCIコンプライアンスによる安全な決済（追加設定不要）

WPシンプルペイの短所：

• 膨大な商品在庫を抱える大規模オンラインストアの管理には不向き

価格 無料プランあり。有料プランは年間$49.50から、最高$299.50まで。すべてのプランに、無制限の支払いフォーム、無制限のトランザクションが含まれ、Stripeの処理手数料に上乗せされる月額費用は無料です。

また、WP Simple Payのクーポンコードを使用すると、50％オフで購入することができます。

WP Simple Payを選んだ理由： 完全なeコマースプラットフォームの複雑さなしに支払いを受け入れるためのユーザーフレンドリーで安全な方法を提供し、小規模なオンラインストアに最適です。

5.Shopify （オールインワンホスティング型eコマースプラットフォーム）

Shopifyは最も人気のあるクラウドベースのeコマースウェブサイトビルダーですが、それには理由があります。私たちのテストから、それはあなたのeコマースストアを立ち上げ、管理するプロセスを合理化するユーザーフレンドリーな、オールインワンのソリューションであると信じています。

まず、Shopifyはウェブホスティングとドメイン名のプロバイダーを別々に探す手間を省きます。ビルトインホスティングを含め、ストアの立ち上げと運営に必要なものはすべてプロバイダーから提供される。

これは、他のプラットフォームのスタータープランにしばしば欠けている貴重なツールである。

私たちが好きではないことの一つは、Shopify Payments（これはすべての国で利用可能ではない）以外のサードパーティの支払いプロバイダーのすべてのプランで取引手数料が適用されることです。手数料は取引ごとに0.2%から2%で、上位のプランほど手数料が低くなります。

ライブウェブサイト利用統計5,300,000+

Shopifyの長所：

• ドラッグ＆ドロップで簡単に設定できるeコマースサイトビルダー、膨大なテーマコレクション、使いやすいバックエンド。
• 8,000以上のサードパーティ製アプリを備えた大規模なアプリストア
• 24時間年中無休のライブチャット・カスタマーサポートで、必要なときにいつでもサポートを受けることができます。
• ローカライズされた販売機能により、市場ごとに商品価格をカスタマイズし、ストアフロントをさまざまな言語に翻訳することができます。

Shopifyの短所：

• 特にShopify Paymentsを使用していない場合や、サードパーティマーケットプレイスに商品を出品するための無料出品制限を超えた場合、取引手数料がすぐにかさむ可能性があります。

価格： 基本的な店舗向けの月額19ドルから、企業レベルのソリューション向けの月額2,300ドルまでのプランがある。5ドルのスターター・プランもあり、シンプルなオンライン・ストアやソーシャルメディア・プラットフォームでの販売に利用できる。

Shopifyは3日間の無料トライアルを提供し、最初の月の残りの期間は1ドルです。

Shopifyを選んだ理由 Shopifyは、その使いやすさ、包括的な機能、オールインワンのアプローチにより、初心者や成長中のeコマースビジネスにとって素晴らしいオプションです。

6.WPForms(サービス/クオートベースのビジネスに最適)

WPFormsはWordPress用の強力なフォームビルダープラグインで、あなたのウェブサイトのためのeコマースフォームを作成するための最良のオプションです。WPFormsを使用することで、サービスに関する問い合わせの収集や支払い受付など、オンラインストアの様々な部分を管理することができます。

WPBeginnerでは、WPFormsを使ってお問い合わせフォームやアンケートフォームなど様々なフォームを作成しています。詳しくはWPFormsのレビューをご覧ください。

WPFormsがユーザーフレンドリーである理由は、2000以上のフォームテンプレートが用意されていることです。これらのテンプレートは、不動産業者、Tシャツデザイナー、ホテルの予約など、幅広いビジネスに対応しています。

WPFormsのハイライトの1つは、ビルトインレポートツールです。このツールは販売実績に関する貴重な洞察を提供し、支払総額、売上、払い戻し、さらには新規契約（該当する場合）を追跡することができます。

さらに、WPFormsはPayPal Commerce、Stripe、Square、Authorize.netのような一般的な決済ゲートウェイと統合して安全なトランザクションを実現します。これらは最も一般的なオプションのいくつかですが、WPFormsは、他のソリューションに比べて少ない支払い統合を提供しています。

ライブウェブサイト利用統計6,000,000+

WPFormsの長所：

• 様々なビジネスタイプに対応した、豊富なテンプレート・ライブラリ
• ドラッグ＆ドロップで簡単にカスタマイズできるフォームビルダー
• 販売実績を追跡するためのビルトイン支払報告ツール

WPFormsの短所：

• 他のソリューションと比較して、支払いオプションが限られている。
• eコマース機能が限られているため、大規模な商品在庫の管理には不向き。

価格 無料プランあり。年間49.50ドルから最大299.50ドルまでのプランがあります。最もリーズナブルなプランでは、1つのウェブサイトでフォーム、送信、ユーザー数無制限でご利用いただけます。

また、WPFormsのクーポンコードを使用すると、最大50％の割引を受けることができます。

WPFormsを選んだ理由 全体的に、このフォームプラグインはサービスベースのビジネスや、見積もり依頼や前払いを必要とするビジネスに最適です。

7.Squarespace（クリエイティブビジネス向け）

Squarespaceは単なるウェブサイトビルダーではなく、eコマース機能もビルトインしています。Squarespaceの魅力的でミニマルなウェブサイトデザインテンプレートは有名で、幅広い業種に対応しています。

これまでの経験から、Squarespaceは美しいオンラインプレゼンスを確立し、製品を販売したいと考えているクリエイティブおよびデザインビジネスに最適だと考えています。

Squarespaceはeコマースプラットフォームとして、デジタル製品や物理的な製品を販売することができます。また、Eコマースサイトを運営するための様々なツールと統合できます。例えば、FedExと連携して確実な配送を行ったり、TaxJarと連携して消費税計算を自動化したりできます。

しかし、その料金体系は少々わかりにくい。サブスクリプション製品や製品レビューのような機能は、他のプラットフォームがこれらの機能を標準または拡張機能として提供しているのに対し、上位プランでのみ利用可能です。

ライブウェブサイト利用統計5,200,000+

Squarespaceの長所：

• 人目を引くデザイン済みのウェブサイトテンプレートと、ドラッグ＆ドロップで作成できるユーザーフレンドリーなウェブサイトビルダー
• 決済プロセッサー、配送ソリューション、ドロップシッピングオプションなど、オンライン販売のためのさまざまなツールと統合できます。
• オンラインストアで無制限に商品を販売

Squarespaceの短所：

• 必須eコマース機能が下位プランでは制限されており、アクセスするにはアップグレードが必要（競合他社とは異なる）
• オンライン販売のための最も手頃なプランには、3％の取引手数料が適用されます。

価格： プランは月額16ドルから始まり、最高52ドル。オンライン販売が可能なビジネスプランは月額23ドルで、コンテンツメンバーシップ、製品、サービスの販売、支払い受付などの機能が含まれる。

Squarespaceを選んだ理由： クリエイターはSquarespaceを利用することで、魅力的なテンプレート、スムーズなWebサイトビルダー、人気の販売ツールとの統合により、美しいeコマースサイトを簡単に構築できます。

8.Wix（特定のニーズを持つニッチビジネス向け）

Wixは、他のホスト型eコマースプラットフォームと同様に、ビルトインeコマース機能を提供するウェブサイトビルダーです。しかし、Wixはさらに一歩進んで、独自のビジネスニーズに対応できる業界特有の機能をプロバイダーとして提供しています。

例えば、あなたがホテルを経営しているのであれば、Wixはあなたの物件を紹介し、オンライン予約を管理するために特別に設計された機能を提供します。これらの機能には、カスタマイズ可能なルールと空室状況設定で賃貸リストを表示するツールが含まれます。

Wixは包括的な機能を誇りますが、注意すべき潜在的な欠点もあります。私たちの経験では、プラットフォーム自体の動作がやや遅く、ユーザーエクスペリエンスに影響を与える可能性があります。また、一部のWixユーザーからは、ウェブサイトの読み込み時間が短いという報告も寄せられています。

ライブウェブサイト利用統計8,600,000+

Wixの長所：

• ニッチビジネス（バケーションレンタル、イベントチケット、デジタルアートなど）に対応した業界特化型機能
• 最大50,000商品の販売能力
• ソーシャルメディアやマーケットプレイスなど、予約注文や販売チャネルをサポート
• 柔軟なドラッグ＆ドロップ式ウェブサイト・ビルダーと、業界固有のテンプレートを豊富に用意

Wixの短所：

• 速度が遅く、ウェブサイトのパフォーマンスに影響を与える可能性がある

価格： プランは月額17ドルから159ドル。無料プランもあるが、機能が制限されている。

Wixを選んだ理由 全体的に、基本的なeコマースプラットフォームが提供する以上の特定の機能を必要とするニッチビジネスにWixをお勧めします。

9.BigCommerce(企業向けプレミアムソリューション)

BigCommerceはあらゆる規模のビジネスに対応しているが、大量の売上と複雑なニーズを持つ企業にとって真に魅力的である。

まず、BigCommerceはすべてのプランにおいて、商品リスト、ファイルストレージ、帯域幅、スタッフアカウントを無制限で提供しています。これにより、制限を気にすることなく、豊富な商品カタログを備えた巨大なオンラインストアを作成し、高品質の商品画像を追加し、チームを管理することができます。

さらに、BigCommerceはマルチストア・フロントをサポートしています。これにより、別々のブランドや地域の店舗を1つのプラットフォームで管理することができます。

とはいえ、BigCommerceには各プランに関連する売上制限があります。オンライン売上が現在のプランの上限を超える場合は、上位プランにアップグレードする必要があります。

ライブウェブサイト利用統計42,600+

BigCommerceの長所：

• すべてのプランにおいて、製品、ファイルストレージ、帯域幅、スタッフアカウントは無制限
• 国際販売のための多通貨サポート
• カスタマーの利便性を考慮したリアルタイムの出荷見積もり
• マルチチャネル販売能力（Amazon、eBay、Walmart、Facebook、Instagram、POSシステム）

BigCommerceの短所：

• 各プランのオンライン販売制限（超過した場合はアップグレードが必要）
• ドラッグ・アンド・ドロップのeコマース・ウェブサイト・ビルダーは、最も使いやすいとは言えない。

価格： プランは月額29ドルから299ドルで、取引手数料は無料。最も低いプランは年間売上5万ドルが上限。15日間の無料トライアルあり。

BigCommerceを選んだ理由 スケーラビリティ、無制限のリソース、マルチチャネル販売機能により、BigCommerceは迅速なスケールを求めるビジネスに最適です。

10.Weebly（フリーミアムeコマースプラットフォーム）

Weeblyは、もしあなたがeコマースを始めたばかりで、予算が主な関心事であるなら、最高の無料eコマースプラットフォームとして際立っている。無料プランでは、無制限の商品販売、在庫管理、消費税の自動計算など、驚くほど多くの機能を提供しています。

興味深い機能のひとつに、クイック・ショップ機能がある。これにより、オンライン・ショッピングで合理化されたチェックアウト・プロセスを作成することができます。これは、販売する商品やサービスが1つしかない場合に最適です。

しかし、Weeblyの無料プランの制限を理解することが重要です。例えば、オンラインストアをカスタムドメイン名に接続することはできません。

また、無料プランではデジタル商品の販売はできません。

ライブウェブサイト利用統計770,000+

Weeblyの長所：

• 商品数無制限、ショッピングカート、在庫管理、基本的なeコマース・マーケティング・ツールを備えたゆとりある無料プラン。
• 安全なオンライン取引のための無料SSL証明書。
• 他のホスティングされたeコマースプラットフォームと比較して、手頃な価格の有料プラン。

Weeblyの短所：

• 無料プランの制限（カスタムドメイン名なし、デジタル商品の販売に制限あり）
• 複雑なオンライン・ショップでは拡張性に欠けるかもしれない

価格 無料プランあり。有料プランは月額$10から$26まで。すべてのプランには、無料のSSL証明書、カスタムコードを追加する機能、クイックショップ機能、無制限の製品が含まれています。

Weeblyを選んだ理由 予算内でシンプルなオンラインストアを始めたいなら、Weeblyが最適です。

11.Magento（企業向けオープンソースソリューション）

Magentoは、Adobe Commerceが所有する強力なオープンソースのeコマースプラットフォームです。ホスト型のソリューションとは異なり、Magento はオンラインストアをお客様のニーズに合わせてカスタマイズできる豊富な機能を備えています。

WordPressのプラグインと同様に、Magentoのエクステンションは、カスタマーサポートやセキュリティ強化から高度な配送オプションやマーケティングツールまで、幅広い機能を提供します。これらのエクステンションは、あなたのストアに大きな付加価値を与えることができますが、多くの場合、追加コストがかかります。

これらのことを考慮すると、Magentoのセットアップとメンテナンスにはかなりの技術的専門知識が必要です。さらに、通常はVPS（仮想専用サーバー）上で堅牢なホスティングリソースが要求されます。マネージドソリューションをお探しの経営者の方は、他を探した方が良いでしょう。

ウェブサイトの利用状況をライブで120,000+

Magentoの長所：

• オープンソース・ソフトウェア、無料でダウンロードして使用できる
• サポートのための大規模で活発なコミュニティ・フォーラム
• 店舗機能を強化する豊富な拡張ライブラリー

Magentoの短所：

• セットアップ、メンテナンス、セキュリティのために、かなりの技術的専門知識が必要

Magentoを選んだ理由 Magentoは、複雑なプラットフォームを管理するための技術的リソースと開発専門知識を持つ、実績のある企業にお勧めします。

オンラインストアを最適化するための必須ツール

最も人気のあるeコマースプラットフォームについてご理解いただけたところで、ここではストアを最適化し、コンバージョンを増加させるのに役立つ、必ず使用する必要のあるツールをいくつかご紹介します。

1. ファンネルキット

FunnelKitは、Eコマース・ウェブサイトのコンバージョン率を改善するために特別にデザインされたセールスファネル・ビルダーです。ターゲットを絞ったセールスファネルを作成することで、ウェブサイト訪問者を特定のジャーニーに誘導し、購入へと導くことができます。

FunnelKitを広範囲にテストし、Eコマースストアの機能を評価しました。詳しくはFunnelKitレビューをご覧ください。

セールスファネルビルダーの他に、FunnelKit Automationsも使用できます。このツールを使うと、訪問者の行動をトリガーに自動マーケティングキャンペーンを設定できます。例えば、顧客が購入した後にフォローアップするEメールを自動送信したり、新製品を宣伝することができます。

FunneKitは無料版を提供していますが、非常に限定的です。例えば、平均注文金額を増やすために、ユーザーに追加商品を提供するオーダーバンプを設定することはできません。そのため、有料版への投資をお勧めします。

FunnelKitの長所：

• 重要なファネル要素のためのデザインテンプレート
• ダイナミックオファーは、カスタマーのショッピングカートに基づいて、アップセルの推奨をパーソナライズすることができます。
• スプリットテスト機能により、ファネルを最適化してコンバージョンを向上

FunnelKitの短所：

• 無料プランには制限がある

価格： 年間99.5ドルから年間399ドルまでのプランがあります。最も手頃なプランでは、1つのウェブサイトで使用でき、20以上のチェックアウトテンプレート、9つのチェックアウト最適化機能、放棄されたカートの回復ツールが含まれています。

FunnelKitを選んだ理由 テンプレート、自動化機能、スプリットテスト機能により、FunnelKitは簡単にコンバージョン率を最適化し、売上を増加させます。

2.OptinMonster

OptinMonsterは、訪問者のメールアドレスを取得し、メールリストを増やすために設計された強力なリードジェネレータプラグインです。WPBeginnerだけで、メール購読者を600%増やすことができました。

このツールを使用すると、ターゲットを絞ったポップアップ、オプトインフォーム、通知バナーを作成し、ユーザーに購読を促し、ブランドとの関わりを維持することができます。これにより、リードを育成し、新製品や特別オファーを宣伝し、最終的に売上を増やすことができます。

OptinMonsterの際立った特徴の一つは、高度なターゲティング機能です。例えば、訪問者の退出意図（ウェブサイトから退出しようとする際にポップアップを表示する）に基づいてターゲットを絞ったり、過去の購入履歴に基づいてお勧め商品を調整したりすることができます。

OptinMonsterの唯一の欠点は、無料プランがないことです。

OptinMonsterの長所：

• 様々なキャンペーンやシーズンに対応した豊富なテンプレート・ライブラリー
• ユーザーフレンドリーなドラッグ＆ドロップビルダーによる簡単カスタム
• 最も効果的なマーケティング戦略を特定するためのA/Bテスト機能

OptinMonsterの短所：

• 無料プランはありません

価格： 月額5.97ドルから39.97ドルまでのプランがあります。最もリーズナブルなプランでも、無制限のキャンペーンと無制限の購読者を提供しており、メールリストを増やすための費用対効果の高いソリューションとなっています。

OptinMonsterを選んだ理由： 膨大なテンプレートライブラリ、ドラッグアンドドロップビルダー、高度なターゲティング機能により、OptinMonsterはコンバージョンを高めるための貴重なツールとなっています。

3.アドバンスクーポン

WooCommerceをeコマースプラットフォームとして使用している場合、すでにビルトイン割引機能を提供しています。しかし、より高度なクーポン機能を求めるビジネスにとって、Advanced Couponsは検討する価値のある強力なプラグインです。

このプラグインを使用すると、「Buy One Get One」（BOGO）オファー、固有のURLを通じて共有できるクーポンコード、特定の時間に有効化または無効化されるスケジュールクーポン、さらにはチェックアウト時に自動的に適用されるクーポンなど、さまざまなクーポンタイプを作成できます。

つまり、Advanced Couponsは様々な種類の割引を提供する予定がある場合に最適です。そうでなければ、このプラグインはやり過ぎのように感じるかもしれません。

詳しくはAdvanced Couponsのレビューをご覧ください。

アドバンス・クーポンの長所：

• 1回限りの割引、BOGOディール、パーセンテージ割引、定額割引、送料無料クーポンなど、多彩なクーポンオプション
• 利用制限やカート条件を設定し、クーポンの適用方法をコントロールする。
• 戦略的プロモーションや販売イベントのために、事前にクーポンのスケジュールを立てる。

アドバンス・クーポンの欠点：

• 基本的な割引機能しか必要としない場合は、過剰かもしれない。

価格設定 Advanced Couponsは、年間59.50ドルから年間149.50ドルまでの段階的なプランを提供している。

しかし、年間$249.50のAll Access Bundleをご検討されることをお勧めします。このバンドルには、Advanced Coupons、Loyalty Programプラグイン、Advanced Gift Cardsプラグインが含まれています。これは、リピートビジネスを奨励し、顧客の忠誠心を高めるための完全なキットです。

また、クーポンコードをご利用いただくと、初回購入が最大50％オフとなります。

Advanced Couponsを選んだ理由 このプラグインは、様々なクーポンタイプ、クーポンのルールを設定する機能、クーポンのスケジュール機能を提供します。これらの機能により、プロモーションキャンペーンをより効果的に実施することができます。

最適なeコマース・プラットフォームとは？

全体的に、人気が高まっている最高のeコマースソリューションはWooCommerceです。商品、在庫、注文を管理するためのユーザーフレンドリーなインターフェイスを持っており、初めてのビジネスオーナーに最適です。

さらに、広範なWordPressプラグインエコシステムと統合しています。これにより、オンラインストアのマーケティング、決済、配送など、数え切れないほどのオプションが提供されます。

また、電子書籍、ソフトウェア、コースなどのデジタル製品の販売に特化している場合は、Easy Digital Downloadsが最適なソリューションです。このeコマースツールは、デジタルダウンロードの管理、ファイルの保護、顧客への安全な配信のプロセスを合理化します。

限定コンテンツ、コース、コミュニティを提供する場合、MemberPressを使用すると、段階的なアクセスレベルを持つ有料メンバーシップを作成することができます。これにより、プレミアムコンテンツサブスクリプションを柔軟に作成し、継続的な収益を得ることができます。

eコマースソリューションよくある質問

さて、人気のeコマース・プラットフォームとツールをいくつかご紹介しましたが、次によくある質問にお答えしましょう。

オンラインストアの売上を伸ばす究極のガイド

• オンライン販売に最適な商品の選び方（初心者ガイド）
• オンラインで販売できる最も人気のあるデジタル製品
• WordPressで商品ページカタログを作成する方法（ステップバイステップ）
• WordPressサイトでFOMOを利用してコンバージョンを増やす方法
• WooCommerceのSEOが簡単に-ステップバイステップガイド
• WooCommerceの訪問者をカスタムに変える方法
• ショッピングカート放棄の統計（専門家の洞察）

この記事が、人気上昇中の最高のeコマースソリューションを見つけるのにお役に立てば幸いです。また、実績のあるアフィリエイトマーケティングのヒントや、専門家が選ぶ中小企業に最適な紹介プログラムソフトウェアの記事もご覧ください。

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

The post 2024年に人気が高まるeコマースソリューション ベスト11 first appeared on WPBeginner.