How to Display a Single Line Form in WordPress?

0
138

Do you want to learn the way to display a single line form in WordPress?

You have exactly come to the right place to learn to display your form in a single line. Generally, a single line gives various options to present your form. Go through the tutorial for more detailed information. 

In this tutorial, we have mentioned the reasonable reason to display a single line form in WordPress as well as the steps to do so. Without delay, let’s begin:

Why Display Single Line Form?

Single line forms make the form placement easier to work. This permits you to add forms to high-ranked areas of your site. This consists of only a single line so we don’t have to worry about space. Additionally, they get into tiny spaces and are easily integrated into your existing content

They are mostly used to display e-mail letters. In addition to this, it works effectively on the landing pages, contact pages, as well as other important pages. For instance, displaying contact form in a single line makes sense and saves space on the page too.

Displaying Single Line Form in WordPress

For the sake of this article, we are gonna use the WPForms plugin to display a single line forms. It falls upon one of the easiest and simple methods. WPForms is one of the best lead generation plugins for WordPress.

This plugin has both lite and premium versions, you can upgrade your plugin according to your requirement. Here we are using the lite version of this plugin.  Let’s move towards the steps:

Start by installing and activating the WPForms plugin. Upon activation, you will find the new menu WPForms in the admin dashboard. Navigate to WPForms >> Add New.

Here, you need to choose your form template. select the “Opt-In Form” template and simply click on the “Use Template” button.

A drag and drop form builder will come up where you will see your template already have name and email fields with submit button.

You can edit each field by making changes in the left-hand column. You can also adjust the order. 

After finishing customization you can display your form. For this, head to Settings >> General and click on the “Advanced” tab. Now, type “inline-fields” in the “Form CSS Class” box.

You can make your form smaller by hiding field labels, just navigate to Fields >> Advanced and turn off the “Hide Label” toggle. 

Also, on the same page, you can enter a text into the “Placeholder” box which informs your user about the form.

You need to repeat the same process for all the form field labels. Don’t forget to click on the “Save” button. 

Addition of a Single Line Form in WordPress Site

In order to add a single line to your WordPress website. Open the page and click on the “+” add block icon. Search for “WPForms” and add it to your site.

A drop-down box that you created earlier will appear where you have to choose your form.

Click either on the “Publish” or “Update” button. Visit your site in order to check the work of the plugin.

Wrapping up

We hope this tutorial was helpful for you. Lastly, if you enjoyed reading this article please visit our other article “How to Add Rotating Testimonials in WordPress?” for detailed information about testimonials in WordPress.  

LEAVE A REPLY

Please enter your comment!
Please enter your name here