How to Create a WordPress Form with Repeatable Fields?

Build WordPress Form Repeatable Fields

Are you looking for an easy way to create a WordPress form with repeatable fields? If yes, this article is just the thing for you.

Adding repeater fields in a WordPress form has many benefits. It helps you create concise and engaging forms without missing any important details from users as it empowers users to add the required fields by themselves.

So, the WordPress repeater field can boost the functionality and flexibility of your website’s form to deliver a great user experience.   

Hence, we’ve created a comprehensive guide to help you add a repeater field in WordPress. But before we learn about creating WordPress form repeatable fields, let’s discuss what a repeater field is and why you need it.  

What is a Repeater Field in WordPress and Why Do You Need It?  

WordPress form repeater fields are those fields that can be created by duplicating the available fields of the form. Thus, users can submit multiple data simply by adding the same field using the form’s Add button option.  

Add Repeater Fields How  to Create WordPress Form with Repeatable Fields

Let’s say, you want your user to fill out the form and give details of their family members. Naturally, you’re not aware of how many members each user has. But you have to create sufficient fields for every member a user may have. Hence in such cases, the WordPress form requires repeatable fields.   

To be more precise, when you provide the repeatable fields for such WordPress form, users can add as many family members as they have without worrying about the remaining fields. At the same time, as an admin, you don’t have to create large numbers of fields for the family members.  

Hence, it’s a good idea to place a WordPress form with repeatable fields on your site too. All you need is a plugin that offers the repeater field feature.   

Thankfully, Everest Forms provides a premium add-on to help you create a repeater field. So, in this article, we’ll show you how to add a repeater field in WordPress using the Everest Forms plugin and its Repeater Field add-on.   

Ready? Let’s begin!  


How to Create a WordPress Form with Repeatable Fields?  

Below we’ve explained the steps in detail, following which you can easily add repeatable fields in a WordPress form.   

Step 1. Select the Best WordPress Form Builder Plugin  

Selecting the best WordPress form builder plugin is the first step in creating the WordPress form with repeater fields. So, among hundreds of form builder plugins, we’ve chosen Everest Forms as it’s the best out there.   

Everest Forms Plugin to Add Repeater Fields in WordPress

Everest Forms lets you add the repeater field into your form in a single click. Besides, setting a limit for repetition or going unlimited, showing or hiding the repeater fields using conditional logic are some of its valuable features. 

You can even import the pre-built templates for the form and use them instantly on your site; it’s very beginner-friendly. Meanwhile, you can also read this review of Everest Forms in detail if you’re interested in learning more about the plugin.  


Step 2. Install and Activate Everest Form Plugin   

To install the plugin, go to the WordPress dashboard first. Then, navigate to Plugins >> Add New.  

Plugins to Add New Navigation

You’ll see a new page with featured plugins along with the search bar for the plugins on the top-right corner of the page. Type in Everest Forms in the search bar. When you see the plugin in the search results, click Install Now button and then Activate the plugin.   

Install Everest Forms and Activate

Now, you have a free version of Everest Forms on your WordPress site.   


Step 3. Install the Repeater Field Add-on  

Creating a regular contact form using the free version of Everest Forms is possible. However, you’ll require a premium version of the plugin in order to install the repeater field add-on.   

Among the four plans for the premium version of Everest Forms, the Repeater Fields add-on is available for the Professional and Agency plan only. So, you need to choose any one among these two plans.   

Therefore, head over to the official pricing page, buy the plan of your choice and set up your account.   

Following this, log in to your Everest Forms account, and you’ll now see the Dashboard for your account. Go to the Downloads tab, look for the Everest Forms Pro add-on, and download the file. It’ll be saved on your device as a ZIP file.   

Everest Forms Dashboard

At the same time, look for the Everest Forms Repeater Fields add-on in the same Downloads tab and download the add-on.  

Everest Forms Repeater Fields Download

Also, remember to note the license key you receive after purchasing the premium version of Everest Forms. You’ll find this in the License Keys tab of your account dashboard.  

License Keys Tab

It’s now time to go to the WordPress dashboard to install the add-ons on your site. So, go to Plugins >> Add New, and click on Upload Plugin. Upload the Everest Forms Pro ZIP file, after which you can click on the Install Now button and Activate it as well.  

Upload Everest Forms Pro and Install

You’ll now need to enter the license key for Everest Forms Pro. Just copy the License Key from the License Keys tab we talked about before, and paste it into the field under Everest Forms (Pro) on the Installed Plugins page.  

License Key for Everest Forms Pro

However, you need to remember that the free version of Everest Forms should be installed and activated for Everest Forms Pro to work.

Following the same method, upload, install and activate the Everest Forms Repeater Fields add-on on your WordPress site.  

Install Everest forms Repeater Fields

Therefore, your WordPress site’s Plugins page must have these three plugins: Everest Forms, Everest Forms Pro, and Everest Forms Repeater Fields.   

Installed Plugins

With that, you’re now ready to create a WordPress form repeater field with Everest Forms.   


Step 4. Create WordPress Form with Repeatable Fields  

To create a WordPress form repeatable fields, go to Everest Forms >> Add New from your WordPress dashboard.  

Everest Forms to Add New

Although we’re teaching you to create the WordPress form with repeatable fields from scratch here, you can also use the pre-built templates and customize them.  

Start from Scratch Option

Now, give a name to your form. Just like we’ve named it “Contact Form,” you can provide any name suitable to you.  

Naming the Form

A new page appears on your screen that looks something like given below. It’s the interface for the form builder page of Everest Forms.  

Everest Forms Interface

Now, let’s start building the contact form using its drag and drop interface. You can drag and drop any fields you need for your form. However, they’ll appear as normal fields on the form.  

So, to create a repeater field, click on the Add Repeater Row option beside the Add Row button.   

Add Repeater Field

You can then drag and drop the required fields for your repeater row.  

Add Fields to Repeater Row

And, don’t forget to Save the form after adding the required fields. Not to mention, you can also Preview the form and see how it appears at the front-end.

Preview and Save WordPress Form

Step 5. Customize and Configure Form Settings

Since you’ve completed adding the required fields to the Repeater Row, it’s time to customize the form fields for the Repeater Row

Simply click on Repeater Fields, and on the left-hand side of the same page, you’ll see the Field Options for them.   

The Field Options has three properties:  

  • Label: Lets you add field label for the Repeater Fields.
  • Meta Key: This lets you add a custom meta key, although we don’t recommend changing the meta key unless necessary.  
  • Description: This lets you add a description to the field.  
Field Options for Repeater Fields

Furthermore, you’ll also see the advanced options at the bottom, consisting of:   

  • Hide Repeater Field: Enabling this option, you can hide the repeater fields.  
  • Repeat Limit: This lets you add the maximum number of repetitions for the repeater fields.  
  • Add New Label: You can change the text of the “Add” button.  
  • Remove Label: You can change the text of the “Remove” button.  
  • Hide Label: This lets you hide the repeater field label.  
  • CSS Classes: This lets you add a custom CSS class to the repeater field.  
Advanced Options and Conditional Logic

Next, Everest Forms has a conditional logic feature as shown in the picture above. Hence, you can even enable the conditional logic option to use Conditional Logic in the Repeater Field.

Likewise, for the overall settings of the WordPress form, go to Settings >> General. From here, you can change the form name, its description, edit the message that appears to the user after form submission, and so on.   

Form Settings

Furthermore, it has the option to enable anti-spam, Ajax form submission, entries dashboard analytics, while the disabling option is also available for storing entry information.  

Configure Settings

Likewise, you can go to Settings >> Email to configure your email notifications. From here, you can easily set the to and from email addresses for the delivery of the email.

Email Notification Settings

Moreover, it also allows you to add email subjects and messages. And, you can even enable conditional logic if you want.

Email Subject and Message

Also, remember to save the changes in the form once you finish with the form settings.  


Step 6. Add the Form to Your WordPress Page  

On completing the above steps, you can add the form with a repeatable field to your WordPress site on any page or post. So, go to Pages or Posts from your WordPress dashboard (whichever you find more convenient for your site).   

WordPress Posts and Pages

Select and open the page or post where you want to add the form, then add the block from the editor by clicking on the [+] icon.   

Add Blocks Button

Again, search for the Everest Forms block on the search bar and add it to the post.  

Search Everest Forms Block

 Next, you can choose the form you’ve created using the dropdown menu.    

Select the Form

Now, give a suitable title to your form and click on the Preview option to look at how your form appears from the front-end. 

Preview Button

Your forms look something like this from the front-end:  

Form at the Frontend Create WordPress Form with Repeatable Fields

When the user wants to add more data, they can simply click on the ADD button and submit the form. Besides, they can also remove the repeater fields using the REMOVE button if they don’t want to add the data.      

Meanwhile, the REMOVE button form appears only after adding the repeater fields, not for the original form.  

Remove Repeater Field

Finally, if you’re satisfied with your form you can go on and click on the Publish button to make it live.

Publish Button WordPress Form with Repeatable Fields

And that’s it. You’ve successfully created a WordPress form with a repeatable field. Simple right?  


Wrapping Up    

That brings us to the end of our guide on creating WordPress forms with repeatable fields. As you must have realized, it’s pretty easy to add a WordPress repeater field to the forms on your site.  

All you need is the Everest Forms plugin and its Repeater Field add-on. You can easily drag and drop the required fields into the Repeater Row, customize them, and configure the settings. And you’re done!  

We highly recommend you use Everest Forms to build any type of form on your WordPress site, not just a repeater field form. It has outstanding features that enable you to create advanced survey forms, donation forms, multi-step forms, leave request forms, and more.   

And if you need help understanding the features offered by this amazing plugin, visit our blog we’ve put out similar guides like this for your ease.  

Also, follow us on Twitter and Facebook to receive updates on new posts.  

Introducing modern block theme for magazine, news & blogging sites.

mm

ThemeGrill Author

We are a team of SEO copywriters and editors who work both individually and in the team. ThemeGrill author is where one of the editors here is working on one project personally. Write to us @themegrill_blog in Twitter.

Leave a Reply

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

Scroll to top

Pin It on Pinterest