This feature allows users to dynamically add multiple sets of fields to the form, making it ideal for capturing information that may vary in quantity, such as multiple items, services, or participants.
These repeating fields can include various input types, such as text fields, checkboxes, radio buttons, or dropdown menus. Users can dynamically add or remove sets of these fields as needed, allowing for a flexible and customizable form experience.
Installation and settings plugin
Require Contact Form 7 – top
- Download: https://wordpress.org/plugins/contact-form-7/
Installation – top
- Upload the add-to-any directory to the /wp-content/plugins/ directory.
Settings repeater form – top
New contact form -> click button -“repeater”
And choose settings the filed
How to set a maximum limit?
You can also set the maximum repeat limit which allows how many times the repeatable field can be added in the frontend.
E.g: If you want to repeat your email field 2
Use format: [repeater repeater-name max: number] text and input repeater [/repeater]
[repeater repeater-821 max:2] <label> Your email
[email* your-email autocomplete:email] </label>
[/repeater]
And the result looks like this:
How to repeat the field according to user-specified?
E.g: If you want to repeat your email field as many times as a user wants
Use format: [repeater repeater-name] text and input repeater [/repeater]
[repeater repeater-821] <label> Your email
[email* your-email autocomplete:email] </label>
[/repeater]
And the result looks like this:
Change text label – top
Click the tab “Text Repeater ” to change.
How to set email to the repeater field?
You can use the mail field with the name email_repeater and will use the email body message mail2
E.g:
[repeater repeater-821] <label> Your email
[email* email_repeater autocomplete:email] </label>
[/repeater]Email data – top
User name ( E.g: [repeater-56] )
Important: Check “Use HTML content type”
That’s it! We hope this article helped you learn how to add Repeater with Contact form 7.