How To Add Phone Field In The Forminator Forms In WordPress

In this video tutorial, we will walk you through the process of adding a phone field in Forminator forms using WordPress. Forminator is a user-friendly form builder plugin that allows you to create and manage forms on your WordPress website. Adding a phone field can be useful when you require users to provide their contact information. Let’s get started with the step-by-step instructions.

You can also watch the video tutorial:

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

Step 1: Access the Forminator Forms Interface:

  1. From the WordPress dashboard sidebar, hover over “Forminator” and click on “Forms”.
  2. This will open the Forminator Forms window where you can create or edit forms.
forminator form plugin

Step 2: Create a New Form:

  1. Click on the “Create” button to create a new form.
  2. In the pop-up window, choose a form template. For this tutorial, we will select a blank template.
  3. Provide a title for your form and click on “Create”.
Choosing a template

Step 3: Insert the Phone Field:

  1. In the form builder area, click on the “Insert Fields” button.
  2. From the pop-up window, select the “Phone” field.
  3. Click on the “Insert Field” button to add the phone field to your form.
Phone field settings

Step 4: Configure the Phone Field Settings:

  1. In the phone field settings, you can edit the label name and placeholder text.
  2. Add a description if necessary to provide instructions or additional information.
  3. Under the “Settings” tab, choose whether the phone field should be optional or mandatory.
  4. You can also configure validation settings to ensure the correct format for phone numbers.
  5. Use the “Styling” tab to add custom CSS to style the phone field according to your preferences.
  6. The “Visibility” tab allows you to control the field’s visibility based on conditions if required.
additional phone field settings

Step 5: Publish the Form:

  1. Once you have configured the phone field settings, click on the “Apply” button to save the changes.
  2. To make the form live, click on the “Publish” button.
publishing the form

Step 6: Preview the Form:

  1. To see how the form appears, click on the “Preview” button.
  2. You will be able to view the form, and in this case, the phone field will be mandatory for users to fill.
phone field preview


Congratulations! You have successfully added a phone field to your Forminator form in WordPress. By following these steps, you can collect phone numbers from users and make them optional or mandatory as per your requirements. Forminator offers a variety of customization options, allowing you to create forms that suit your website’s needs. Experiment with different field settings, validation options, and form designs to enhance user experience and gather the necessary information.


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.