Wednesday, January 5, 2022

How to Create a Video Membership Site in WordPress

Do you want to make a video membership site?

A video membership website allows you to create subscription plans for your video content. Instead of relying on ads, you can let your users pay directly to watch your video content.

In this article, we’ll show you how to create a video membership site in WordPress with step by step instructions.

Making a video membership website in WordPress

What Do You Need to Start a Video Membership Website?

Making a video membership website these days is quite easy.

Using WordPress as your website platform gives you access to all the tools you’ll need to make a custom video membership website.

Here is what you’ll need to get started:

  1. A domain name. This will be your website’s address (e.g. wpbeginner.com).
  2. A website hosting account. This where all your website files will be stored.
  3. A membership addon to create subscription plans and restrict access to paid content.
  4. A video hosting platform so that you can securely deliver videos only to paid subscribers.

Basically, you can create a fully functional video membership website in less than 60 minutes, and we’ll walk you through every step of the way.

Below are the steps that we will cover to help you make a powerful membership website with WordPress.

  1. Getting Started with a Video Membership Website
  2. Choosing a Video Membership Addon
  3. Setting Up Your Video Membership Website
  4. Adding Payment Methods
  5. Creating Subscription Plans
  6. Creating Access Rules
  7. Creating Members Only Content
  8. Uploading Your Members-Only Videos
  9. Create a Pricing Page for Video Subscriptions
  10. Create Sign up and Login Forms
  11. Edit Outgoing Email Templates
  12. Growth Hacking a Video Membership Website

Ready? Let’s get started.

Step 1. Getting Started with a Video Membership Website

The easiest way to build a video membership website is by using WordPress. It is the best website builder on the market and allows you to create any kind of website imaginable.

Before you get started, you’ll need to make sure you are using the right type of WordPress. There are two kind of WordPress on the market.

First, there is WordPress.com which is a website hosting service. Then, there is WordPress.org also known as self-hosted WordPress. For details, see our comparison of WordPress.com vs WordPress.org.

We’ll be using self-hosted WordPress.org as it gives you complete freedom and instant access to all WordPress features out of the box.

For a self-hosted WordPress website you’ll need a domain name and a website hosting account.

A domain name typically costs about $14.99 per year and web hosting plans start from $7.99 per month.

If you are just starting out, then you would want to cut costs whenever possible without compromising your business.

Luckily, Bluehost has agreed to offer WPBeginner users a generous discount on hosting with a free domain. Basically, you can get started for $2.75 per month.

Bluehost is one of the largest hosting companies on the market and they are an officially recommended WordPress hosting provider.

Once you have signed up for your hosting account, Bluehost will automatically install WordPress for you. You can simply login to your WordPress dashboard directly from your hosting account.

Login to your WordPress dashboard

If you need more help, see our WordPress installation tutorial or follow our step by step guide on how to start a blog.

Step 2. Choosing a WordPress Video Membership Addon

There are several WordPress membership addons that allow you to create a membership website. However, each one of them has their own pros and cons.

For more details, see our full comparison of the best WordPress membership plugins.

Before you choose a membership addon, first, you need to choose what kind of video membership site you want to make.

For instance, if you just want users to register and be able to download a few small videos, then you can do that with WPForms. It comes with support for popular payment gateways like PayPal and Stripe.

Plus, you can redirect users to download a file or to any URL once they have submitted a form.

However, if you want proper access control, subscription plans, multi-level subscriptions, and more, then you’ll need a complete WordPress video membership addon like MemberPress.

MemberPress website

MemberPress is the best WordPress membership plugin on the market. It allows you to accept payments, create membership levels, restrict access to video pages based on levels, and more.

You can also use it to sell courses online. Plus, if you choose to host your videos on AWS (more on this later), then MemberPress comes with an extension to host your video files on the cloud.

Basically, it has all the features you’ll need to run a video membership website and integrates with all the tools that you may want to use to grow your business.

Step 3. Setting Up Your WordPress Video Membership Website

We’ll be using MemberPress to set up a video membership website in WordPress.

First, you need to install and activate the MemberPress plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, you need to visit the MemberPress » Settings page to configure the plugin settings.

MemberPress settings

We’ll walk you through the most important settings to configure in the next few steps.

Step 4. Adding Payment Methods

The settings page is divided into different tabs. The first thing you need to set up is a payment gateway, because it allows you to accept payments on your membership site.

Setup payments method

Out of the box, MemberPress supports PayPal (Standard, Express, and Pro), Stripe, and Authorize.net. You simply need to select the payment method you want to set up and provide the required credentials.

Optionally, you can also choose to add multiple payment methods. For instance, you can add Stripe and then add PayPal for users who prefer not to share their credit card details.

After adding payment methods, don’t forget to click on the Update Options button to save your settings before moving on to the next step.

Step 5. Creating Subscription Plans for Video Membership Site

Next, you need to create different subscription levels that users can subscribe to.

For instance, you can create plans with different perks, access levels, and features. You can even create a free membership plan where users can watch demo videos and access free content.

To create a new membership plan, simply go to the MemberPress » Memberships page and click on the ‘Add New’ button at the top.

New membership plan

On the next screen, you need to provide a title for the membership plan and then add details in the post editor.

Next, you need to set the pricing, billing type, interval, and expiration for this plan under the ‘Membership Terms’ section in the right column.

Enter membership plan details

For instance, in the above screenshot, we created a video membership plan with recurring monthly payments.

Now, you need to scroll down to the Membership Options box below the editor. From here, you can customize plan permissions and membership options.

Configure plan options

After you are satisfied with the plan, you can go ahead and publish it.

If you want to create more membership levels, then simply repeat the process to create other membership plans as needed.

Step 6. Create Access Rules for Video Membership Plans

Now that you have set up membership levels, the next step is to set up access rules.

MemberPress comes with powerful access control rules, which allow you to restrict access to any content on your website based on a user’s membership plan.

To set up rules, simply head over to the MemberPress » Rules page and click on the Add New button to create a new rule.

Add new rule

The rule edit page allows you to select different conditions and associate them to any membership plan.

For instance, you can select all content that matches a particular tag or category to be available only to members with the Plus plan.

Setting up access rules

You can also target specific posts and pages, a specific URL, and more.

Setting Up Drip Content Rules

MemberPress also comes with a drip content feature. This allows you to automatically give users access to your videos on a schedule, instead of giving them access to all premium content as soon as they sign up.

The drip content feature allows you to keep users engaged for longer, which provides you opportunities to upsell more products or simply offer users a better experience.

For instance, you can create a separate rule for posts with a specific tag to be available one week after a user registers.

Drip content

Once you are satisfied with the Rules settings, you can go ahead and click on the Save Rule button to apply it.

Feel free to create more rules for your video membership plans as needed.

Step 7. Adding Members-Only Content in MemberPress

MemberPress makes it very easy to add members-only content to your website.

First, you will need to create a post or page where you will be adding your video and restrict access to that page as needed.

After that, we will show you how to embed members-only videos with privacy and security, so that they are not easily stolen from your website.

To get started, simply create a new post or page in WordPress and then add the tag or category that you previously added as a rule in Step 6.

Restrict content in MemberPress

When it’s ready, you can simply go ahead and publish your restricted post or page.

Step 8. Uploading Members-Only Videos in MemberPress

One of the major challenges that video subscription websites face is how to offer the best viewing experience with full control on who has access to paid videos.

We strongly recommend that you do not just upload videos to your WordPress media library and add them to your posts and pages.

First, it is not secure or private. Secondly, video files take a lot of bandwidth, storage, and server resources, which will slow down or even crash your website.

For more on this topic, see our article on why you should never upload videos in WordPress.

We recommend two possible solutions that will work reliably for your video membership website: Vimeo or AWS.

Method 1. Embedding Members-Only Videos via Vimeo

The first one is Vimeo. Their paid plans give you greater privacy controls to easily embed videos on your membership website.

With Vimeo Plus you can:

  • Make your videos private
  • Make videos unavailable on Vimeo itself. You can still upload and manage videos from your Vimeo dashboard, but others cannot view them on Vimeo.
  • Set domain level restriction so your members-only videos can only be embedded and played on your own website.
  • Password protect videos
  • and more.
Vimeo pricing

Apart from privacy and security features, Vimeo also offers a much better streaming experience for your users.

Embedding Vimeo videos in your members-only website is super easy. You only need to copy and paste the video URL in your content and WordPress will automatically fetch and embed it.

Embedding Vimeo video in WordPress

Method 2. Upload Members-Only Videos via AWS

For this method, you’ll be hosting your videos on Amazon’s AWS platform. This allows you to only programmatically give MemberPress access to your video files which are stored on Amazon cloud servers.

Note: Amazon Web Services is a pay-as-you-go service. They have a limited free tier, then after that, you’ll be charged for bandwidth and storage used by your videos.

First, you need to visit the Amazon Web Services (AWS) website and sign up for an account.

Sign up for AWS account

AWS comes with a bunch of cloud services that you can use. For a video membership website, we’ll be using Amazon S3 cloud storage to host our video files.

Simply click on the Services menu at the top and then look for S3.

Add Amazon S3 service to your account

This will bring you to the S3 cloud storage dashboard. S3 cloud storage is organized in buckets. You can create multiple buckets for each of your websites or projects.

Let’s create a bucket to store our members-only video files.

Create bucket for your video files

On the next screen, you need to provide a name for your bucket and choose a region.

Make sure that your bucket name is in lowercase only and that you use a region close to most of your users.

Bucket settings

You can leave the rest of the settings as they are and click on the ‘Create Bucket’ button to continue.

AWS will now create a bucket where you can upload files. Simply click on your bucket name to open it and click on the Upload button to add your first video.

Upload your video files

Repeat the process if you need to upload more files right now or later in the future.

Once you have uploaded video files to AWS, they are not publicly visible. To do that, you will need to generate security credentials first.

Simply click on your Account title at the top right corner of the screen and then select ‘Security Credentials’.

Generating security credentials

On the next screen, click on the Access Keys tab to expand it. From here, you need to click on the ‘Create New Access Key’ button to generate new keys.

Generate new access keys

This will bring up a popup where you need to click on the Show Access Keys link and then copy your Access Key ID and Secret Access Key.

Copy your access keys

Copy and paste both keys to a text file as you’ll need them later.

Next, switch to the admin area of your WordPress website and go to the MemberPress » Add-ons page.

From here, you need to scroll down to Amazon Web Services (AWS) and click on the Install Add-on button.

MemberPress AWS Add-on

After that, you need to connect MemberPress to your AWS account.

Simply go to the MemberPress » Settings page and switch to the AWS tab.

Configure AWS

Here, you need to copy paste the Access and Secret Keys you copied earlier.

Below that, check the box next to the V4 Signature option and then select your AWS region. This is the same region that you choose when setting up your S3 Bucket.

Don’t forget to click on the Update Options button to save your settings.

Adding AWS Hosted Videos to Your WordPress Site

Now that you have connected MemberPress to your AWS account, you can go ahead and add your videos to your members-only posts and pages.

You will need to embed video using a shortcode like this:

[mepr-s3-video src=”demoincvids/video-tutorial-001.mp4″]

You’ll simply need to replace the part in quotes, which is the video’s location.

You can find your video’s location in the S3 dashboard for your Amazon AWS account. Simply click on your bucket and then the file name and you’ll see file location.

File location in your S3 storage

After adding the shortcode, you can save your post or page and preview it to see your video embed in action.

AWS video embed preview

Repeat the process to add more members-only videos to your website.

Step 9. Create a Pricing Page for Your Membership Plans

Now if you have multiple plans, then you may want to create a pricing page where users can compare and choose a plan.

Users who try to access the restricted or paid areas of your website will also be redirected to your pricing page.

You can configure this by going to MemberPress » Groups page and clicking on the Add New button at the top.

MemberPress groups

On the next screen, you need to provide a title for your pricing page. It will also be used in your group pricing page URL.

Below that, you need to choose which plans you want to include.

Add memberships to your pricing group

You can also select a theme for the pricing table. MemberPress comes with few ready-made templates for that.

Once satisfied, click on the ‘Publish’ button to make your plan publicly visible.

To preview your pricing page, click on the ‘View Group’ link after publishing it.

Pricing page example

Redirecing Users to Your Membership Plans Page

Now that you have created a pricing page, you would want to automatically redirect users to compare plans and make a purchase.

To do that, first you need to visit MemberPress » Groups page and copy the URL next to the group you created earlier.

Copy your plan URL

After that, go to MemberPress » Settings page and switch to the Pages tab. From here, you need to scroll down to the ‘Unauthorized Access’ section.

You need to check the box next to ‘Redirect unauthorized visitors to a specific URL’ option and then paste the group URL you copied earlier.

Don’t forget to click on the ‘Update Options’ button to save your settings.

Now unauthorized users will be redirected to the pricing plans page when they try to access your members-only content or videos.

Step 10. Create Login and Sign Up Forms for Your Video Membership Site

Now that everything is set up, let’s allow users to easily login to their accounts or signup.

MemberPress makes it very easy to add login forms to your website. Simply go to the Appearance » Widgets page and add the ‘MemberPress login’ widget to a sidebar.

MemberPress login widget

Don’t forget to click on the Update button to save your widget settings.

Next, let’s add a link to the pricing page to your website’s navigation menu.

Simply go to the Appearance » Menus page and click on the Groups tab to expand it. Select your pricing plan group you created earlier and then click on the Add to Menu button.

Link to Pricing page

Don’t forget to click on the Save button to store your changes.

You can now log out of the admin area and visit your website to see everything in action.

Video membership site preview

Step 11. Customizing Email Templates for Your Membership Site

Your video membership website will send users emails when they sign up or forget a password, when their membership is about to expire, and so on.

You can customize these email templates in MemberPress.

Simply go to the MemberPress » Settings page and switch to the Emails tab. From here, you’ll see the list of emails your video membership site will send, and you can edit any of them.

Edit emails

This will open the email template in a plain text editor. You can use smart tags below to personalize messages and match them to your own brand’s tone and messaging.

Email template

Important: Don’t forget to send test emails to make sure they are working. For more help, see our guide on how to fix WordPress not sending email issue.

Step 12. Growing Your Video Membership Website

Now that your video membership site is ready, let’s talk about how to get more users to visit your website and sign up.

Luckily, using MemberPress and WordPress gives you access to incredibly powerful tools to grow your business.

  1. OptinMonster – It is the best lead generation and conversion optimization tool on the market and allows you to easily convert website visitors into paid subscribers.
  2. All in One SEO – It is the best WordPress SEO plugin that allows you to optimize your videos and entire website for search engines without any technical skills.
  3. SeedProd – The best WordPress page builder plugin to easily create beautiful custom landing pages for your video membership website.
  4. WPForms – It is the best WordPress form builder on the market and allows you to create contact forms, login and sign up forms, user registration forms, and more.
  5. MonsterInsights – Allows you to easily track your website performance using Google Analytics. It shows beginner friendly reports to see your top content and track conversions to boost sales.

Need more recommendations? See our list of the must-have WordPress plugins for all websites.

We hope this article helped you build a video membership website in WordPress. You may also want to see these tips on improving WordPress speed and our tested hacks to grow an online business.

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 Create a Video Membership Site in WordPress first appeared on WPBeginner.


January 05, 2022 at 04:49PM

Tuesday, January 4, 2022

How to Fix ‘Comments Are Closed’ in WordPress (Beginner’s Guide)

Are you seeing the ‘Comments are closed’ message on your WordPress posts?

This message is displayed when comments have been disabled on a post. However, some users report seeing the message unexpectedly.

In this article, we’ll show you how to fix ‘Comments are closed’ in WordPress.

How to Fix 'Comments Are Closed' in WordPress (Beginner's Guide)

What Is the ‘Comments Are Closed’ in WordPress Error?

The comment area of your WordPress blog allows your website visitors to give feedback, ask questions, offer their own point of view on the topic, and respond to other comments.

Comments are disabled on all WordPress pages by default, and you won’t see the ‘Comments are Closed’ message on pages. However, you can still follow the steps below to open comments on your pages as well as posts.

For blog posts, you can disable comments on specific posts or on your entire WordPress website. For example, you may wish to disable comments on an announcement post.

When you disable comments on a post that has at least one comment, you will see the message ‘Comments are closed.’ This explains to your visitors that even though there are comments on the post, no further comments can be left.

The 'Comments are closed' Message

If you disable comments on a post that has no comments, then you won’t see the ‘Comments are closed’ message. WordPress will simply not display the comment form.

Perhaps you’re seeing the ‘Comments are closed’ message on your website unexpectedly. While WordPress is easy to use, some error messages can be hard to troubleshoot for beginners. That’s why we put together a list of the 50 most common WordPress errors and how to fix them.

This message is most likely being shown because of a WordPress setting that’s not configured correctly. That’s because WordPress has comments settings in multiple areas, which can make it hard for beginners to find the right settings to fix the problem.

In this post, we’ll walk you through all the settings you should check in order to reopen the comments on your blog posts.

With that being said, let’s look at how to fix ‘Comments are closed’ in WordPress.

Enable Comments on Future Posts

Comments are often closed on a WordPress site because at some time in the past a setting was checked was that disables comments on new posts by default.

You can check this setting by navigating to Settings » Discussion. Here you’ll find a set of checkboxes that control how comments are handled on new posts.

Enable Comments for Future Posts from Settings » Discussion

The first setting to look at is ‘Allow people to post comments on new articles’. This box should be checked so that the default setting for future posts is to allow comments.

Next, look at ‘Automatically close comments on articles older than XX days’. This setting is useful if you don’t want users to be able to comment on older posts. However, if you want to allow comments on all posts, then you should make sure this box is unchecked.

Once you’re happy with the discussion settings, make sure you click the ‘Save Changes’ button at the bottom of the screen to store the settings.

This will make sure comments are open on all new posts you create. But it will not enable them on posts that have already been created.

That’s what we’ll do in the next step.

Enable Comments on a Specific Post

This method will show you how to enable comments on existing posts one at a time. However, if you wish to enable comments on many posts, then you should follow the ‘Enable Comments in Bulk’ method that we cover below.

If you use the block editor on your WordPress site, then you need to scroll down the settings pane on the right of the screen until you come to the Discussion panel.

Now you should click on ‘Discussion’ to expand the options, and then make sure the ‘Allow comments’ box is checked.

Allow Comments on a Post or Page

Once you click the Update button at the top of the screen to save the setting, comments will be enabled for this post.

You should repeat these steps to enable comments on other blog posts. You can also follow the same process to enable comments on WordPress pages.

How to Display the Discussions Panel if It Is Hidden

While the Discussions panel is displayed by default, it may be hidden on your website. If you can’t find it, then you will need to click the Options icon at the top right of the screen. This icon looks like 3 vertical dots.

Post Preferences

You then need to click on ‘Preferences’ and navigate to the ‘Panels’ tab. Once there, you can toggle the ‘Discussions’ switch on so that the panel is displayed.

Toggle the Discussions Panel On

Enable Comments on a Specific Post (Classic Editor)

If you are using the classic editor, then the steps for enabling comments on a post are a little different. Here, the Discussion meta box is hidden by default. To display it, you will need to click on ‘Screen Options‘ at the top right of the screen.

Edit the Post and Click Screen Options

Next, you should check the Discussion box under ‘Screen elements’. After that, simply click ‘Screen Options’ again to return to your post.

Make Sure the Discussions Screen Element is Checked

You can now scroll down to the bottom of your post where you will find the Discussion meta box. You should make sure the ‘Allow comments’ box is checked.

Make Sure Allow Comments Is Checked

After you click the Update button to save the setting, comments will be enabled for this post.

Enable Comments on Posts in Bulk

If you need to enable comments on multiple posts, then you can update them in bulk. To do that, navigate to the Posts » All Posts page where you will find a list of all of your posts.

You need to select the posts that have comments disabled by clicking the checkbox next to each post.

After that, you should choose ‘Edit’ from the Bulk Actions dropdown box and then click the ‘Apply’ button. This will open the bulk edit screen.

Edit Multiple Posts at Once With Bulk Actions

Here you need to click the ‘Comments’ drop down menu and then select ‘Allow’.

Don’t forget to click the ‘Update’ button to change the setting for all selected posts.

Allow Comments for Multiple Posts at Once

How to Select All Posts At Once

If you want to enable comments for every post on your website at once, then following the steps above would take a lot of time if you have hundreds of blog posts on your site.

To do it faster, there are a few extra steps you should take. First, you will need to make sure that all posts are displayed on a single page.

You can see a count of all the posts on your website under the ‘Posts’ title at the top of the screen. If you have 20 posts or less, then they are already displayed on one page. If you have more than 20 posts, then you will have to increase the number of items per page.

To do that, you should click ‘Screen Options’ at the top of the page. Then, under Pagination, find the ‘Number of items per page’ setting. Here you will need to type a number larger than the total number of posts on your site.

Ensure All Your Posts Are Displayed on a Single Page

For example, if you have 65 posts on your website, then you could type the number 70.

After that, you need to click the ‘Apply’ button and all of your posts will be displayed on one page. You can now click ‘Screen Options again to hide the settings.

You can now select every post on your site by simply clicking the checkbox next to ‘Title’.

Click the Checkbox Next to Title to Select All Posts

To enable comments on all of these posts, you should click ‘Bulk Actions’ then ‘Edit’, and follow the steps we covered earlier in this section to change the Comments setting to ‘Allow’.

Note: We don’t recommend trying to update hundreds of blog posts at once if you have slow web hosting, since your site may time out or freeze up before completing all the updates.

Check for Incompatible Themes or Plugins

If you have tried all of the steps above and comments are still disabled on your site, then it may be because of an incompatibility with your theme or one of your plugins.

Sometimes poorly coded WordPress themes may wrongly display the ‘Comments are closed’ message even when comments are open.

To check if your theme is the problem, you should navigate to Appearance » Themes and temporarily activate some other theme.

Enable a Different Theme to See if the Issue Is Resolved

If the ‘Comments are closed’ message is now fixed, then your theme is the problem. You can ask the theme developer to fix the issue. For more details, see our guide on how to properly ask for WordPress support and get it.

Alternatively, if you’re an advanced user, then you can try to fix the issue yourself. You need to refer to our guide on how to disable comments in WordPress, and then follow the instructions under ‘Remove “Comments Are Closed” in WordPress’.

If you think a plugin may be causing the issue, then you can head over to Plugins » Installed Plugins and make sure you haven’t installed a plugin designed to disable comments, such as Disable Comments. If you have, then simply disable that plugin and test to see if comments are now working.

If comments are still closed, then you need to test for incompatible plugins. You’ll need to temporarily deactivate one plugin at a time by clicking its ‘Deactivate’ link.

Deactivate Plugins One at a Time to See if the Issue Is Resolved

Now test to see if comments are enabled on your site. If they are still not working, then this plugin is not the problem. Simply click its ‘Enable’ link and move on to the next plugin.

We hope this tutorial helped you learn how to fix ‘Comments are closed’ in WordPress. You may also want to learn how to increase your blog traffic, or check out our list of the best social media plugins for 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 How to Fix ‘Comments Are Closed’ in WordPress (Beginner’s Guide) first appeared on WPBeginner.


January 04, 2022 at 05:30PM

Monday, January 3, 2022

How to Display Your Form in a Single Line in WordPress (Easy Way)

Do you want to display your form in a single line?

Single line forms give you more flexibility with form placement. This means you can easily add forms to high traffic areas of your site and improve your conversions.

In this article, we’ll show you how to display your form in a single line in WordPress easily.

How to display your form in a single line in WordPress (easy way)

Why Display a Single Line Form in WordPress?

Single line forms give you more flexibility when choosing where to place your forms. Since this style of form is only a single line, they don’t take up much space and can easily be integrated with your existing content. 

Email newsletter sign up forms are often displayed in a single line above or below blog post content. Single-line forms also work well on landing pages, contact pages, and other important pages on your website.

Beyond generating more subscribers and leads, you can turn any kind of form into a single line form. For example, it might make sense to display your contact form in a single line to save space on the page. 

That being said, let’s show you how to display a single line form on your WordPress website.

Creating Your Single Line Form in WordPress

For this tutorial, we’ll be using the WPForms plugin to create a single line form. It’s the best lead generation plugin for WordPress used by over 5 million websites.

WPForms

You can use the drag and drop builder to quickly create any form for your site. Plus, it integrates with popular email marketing tools so you can easily grow your email list.

There is a premium version of the plugin with many more features, but we’ll use the lite version for this tutorial since it lets you create a simple form and connect it to Constant Contact for lead generation.

First thing you need to do is install and activate the plugin. For more details, see our beginner’s guide on how to install a WordPress plugin

After that, go to WPForms » Add New in your WordPress admin panel and give your form a name. Then, you need to choose your form template.

We’ll select the ‘Opt-In Form’ template. Simply hover over the template and click the ‘Use Template’ button.

Select form template

This brings up the drag and drop form builder.

You’ll see that the template we chose automatically includes the name and email fields and a submit button.

WPForms drag and drop form builder

Every field can be edited by clicking on them and making changes in the left hand column.

You can also drag and drop the fields to change their order.

WPForms form editor panel

Once you’re done customizing the fields, you can display your form in a single line.

To do this, go to Settings » General and then click on the ‘Advanced’ drop down tab.

Go to form advanced settings

Next, type ‘inline-fields’ in the ‘Form CSS Class’ box (without quotes).

This will apply that CSS class to the form. Since WPForms includes styling for the ‘inline-fields’ class, it will automatically make your entire form display nicely on a single line.

Add inline CSS class

After that, you can make your form even smaller by hiding the field labels.

Simply click on the ‘Fields’ navigation option, then select the ‘Advanced’ menu option, and click the ‘Hide Label’ toggle to turn it on.

Hide form labels toggle

Then, you need to do the same thing for all of the form field labels.

After that, in the same ‘Advanced’ section, you can enter text into the ‘Placeholder’ box. 

This tells your users what each form field is for. 

Add form placeholder text

Once you’re done customizing your form, make sure to click the ‘Save’ button to save your changes.  

If you’re using your form to generate leads, then you can connect your form to your email marketing provider. For more details, see our guide on how to create an email newsletter the right way. 

Adding Your Single Line Form to Your WordPress Website

Now, it’s time to add your single line form to your website. You can add it to any page, post, or widget area.

We’re going to add it to an existing page, but the process will be similar if you’re adding it to another area of your WordPress blog.

Simply open up the page where you want the single line form to display, click the ‘Plus’ add block icon, and search for ‘WPForms’.

Add WPForms block

Then, click on the ‘WPForms’ block to add it to your site.

This brings up a drop down box to choose the single line form you created earlier.

Select single line form from drop down

Once you choose your form, the plugin will load a preview of your form inside the content editor. Then, click the ‘Update’ or ‘Publish’ button to make your new form live.

Now, you can visit your website to see your new form in action. 

Single line form example

We hope this article helped you learn how to display your form in a single line in WordPress. You may also want to see our guide on how to get a free email domain, and our expert picks of the best virtual business phone number apps with free options.

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 Display Your Form in a Single Line in WordPress (Easy Way) first appeared on WPBeginner.


January 03, 2022 at 04:00PM