Label Position Placeholderįor the container class, we’re going to use “one-half last”. Go ahead and set the label position to hidden and add a placeholder as seen below. Except we’re using a different class name for the container. Placeholder Email FieldĮmail field’s configuration is similar to the Name field above. Placeholder is a text user will see when the input is empty. Last, scroll down to the Advanced section and add a placeholder. This will tell Ninja Forms to display this field in half column and display it first. Next, scroll down to the Display section and add the following class to the container “one-half first” - without the parenthesis. This will prevent the label from getting displayed. Add a new dropdown field to the form that serves as the form’s purposeįirst, click on the name and you’ll a bunch of settings you could configure on the right of your screen.Apply a special class to name and email field so they appear on the same row.Add a placeholder on each field - as a replacement for the label.There are few things we’re gonna change here: And a message field.Īnd it has a pretty basic layout too. The premade “Contact Us” template comes with 3 default fields. For this tutorial, we’ll choose “Contact us” template. Either choose “Blank Form” - to start from scratch - or chose any pre-made template. Click on Ninja Forms and you’ll list of forms available on your form dashboard.Ĭlick “Add New” button to create a new form. Once you activated Ninja Forms, you’ll find it on your Admin sidebar. If you prefer the second method, go to Plugins > Add New and type “Ninja Forms”.ĭownload and activate the plugin. You could download the plugin from the official website and upload it to your WordPress site or download the plugin through the admin dashboard. Creating a WordPress Contact Form Step 1: Download and install Ninja Forms plugin A study shows that you could lose up to 3 percent of total conversions - just by adding Captcha. Nobody likes them.Īdding Captcha might have a negative impact on your conversion rates. You might notice, I don’t include Captcha here. The dropdown field will give ideas to your visitors why they should get in touch with you. Or complex layout form.įor our contact form, we’ll add a dropdown field to make the contact form looks more professional and engaging to your visitors. While the plugin is free, it has tons of premium add-ons you could purchase to build a more complex form. It makes it easy for you to create any type of forms for your website with no coding - no headache. Ninja Forms is a free drag-and-drop form builder for WordPress - probably one of the best form builder plugins.
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |