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.
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 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.
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.
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.
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.
At the same time, look for the Everest Forms Repeater Fields add-on in the same Downloads tab and download the add-on.
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.
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.
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.
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.
Therefore, your WordPress site’s Plugins page must have these three plugins: Everest Forms, Everest Forms Pro, and Everest Forms Repeater Fields.
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.
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.
Now, give a name to your form. Just like we’ve named it “Contact Form,” you can provide any name suitable to you.
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.
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.
You can then drag and drop the required fields for your 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.
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.
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.
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.
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.
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.
Moreover, it also allows you to add email subjects and messages. And, you can even enable conditional logic if you want.
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).
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.
Again, search for the Everest Forms block on the search bar and add it to the post.
Next, you can choose the form you’ve created using the dropdown menu.
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.
Your forms look something like this from the front-end:
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.
Finally, if you’re satisfied with your form you can go on and click on the Publish button to make it live.
And that’s it. You’ve successfully created a WordPress form with a repeatable field. Simple right?
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.