How To Add An HTML Field In Forminator Forms In WordPress

Introduction:

In this tutorial, we will guide you through the process of adding an HTML field to your contact forms in WordPress using the Forminator Forms plugin. The HTML field allows you to include custom HTML code, such as links, in your forms. Let’s get started!

You can also watch the video tutorial:

Having said that, let’s move on to the steps on How To Add An HTML Field In Forminator Forms In WordPress.

Step 1: Accessing the Forminator Forms Editor:

  1. In the WordPress dashboard, hover over “Forminator” in the sidebar and click on “Forms” in the submenu that appears.
  2. This will open the Forminator Forms window, where you can create new forms or edit existing ones.

Step 2: Editing an Existing Form:

  1. Select the form you want to edit from the list of available forms.
  2. The form builder area will be displayed, showing the current fields in the form.
Configuring forminator forms in wordpress

Step 3: Adding the HTML Field:

  1. To insert the HTML field, click on the “Insert Fields” button in the form builder area.
  2. From the list of available fields, select the “HTML” field option.
  3. The HTML field allows you to add custom HTML code to your form.
HTML field in forminator forms

Step 4: Configuring the HTML Field Settings:

  1. After adding the HTML field, a pop-up window will appear where you can configure its settings.
  2. Edit the label name to provide a descriptive title for the field.
  3. In the HTML Code section, enter the desired HTML code, such as a link or any other custom HTML element.
  4. If needed, you can add custom CSS code under the “Styling” tab to style the HTML field.
  5. Use the “Visibility” tab to control the visibility settings of the field if necessary.
HTML Field settings in contact form

Step 5: Updating the Form:

  1. Once you have configured the HTML field settings, click on the “Update” button to save the changes.
  2. The HTML field will now be added to your form.
HTML Field in contact form in wordpress


Conclusion:

By following the steps outlined in this tutorial, you can easily add an HTML field to your contact forms in WordPress using the Forminator Forms plugin. The HTML field allows you to include custom HTML code, such as links or other HTML elements, in your forms. Utilize the flexibility of the Forminator Forms plugin to create engaging and interactive forms that meet your specific requirements.

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *

Need Professional Help?

We can help you with website fixes and ongoing maintenance.