Installing and Activating the plugin.

Download the zip file from WordPress and upload it to your website, or use the WordPress plugin installer by searching for Cf7 Repeater.

Creating your first repeater

Edit the contact form that you wish to add a field repeater for it, you should see a new tab called repeater, click on this tab and setup the fields like you normally do with Contact Form 7.

Add as much repeaters as you want, please note that with the free version you can only create one repeater, if you acquire more than one repeater, you can buy an unlock license from here.

Now go back to the Form tab to add your created repeater to the form, you should see a repeater field button next to the text, textarea, file etc.. fields, click on it.

Setup your repeater:

Repeater Buttons:

Enter your labels for adding and removing the panel, please be aware that this field doesn’t accept spaces, however _ character will be transformed to space on the frontend, it also allows you to decode the text in case you need to use icons or html with the buttons, you can use the service here to encode your text, and don’t forget to check the base64decode so that the repeater knows that the text is encoded.

Repeater Options:

Index – This field is required and will throw an error if not set, the index must be 0 for the first repeater, 1 for the second etc…

Minimum – This field will control how many panels to show as minimum, this should be less than or equal to the Initial option.

Maximum – This field will control how many panels to show as maximum, this should be greater than or equal to the Minimum option.

Initial – This field will control how many panels to show as initial, this should be greater than or equal to the Minimum option, if not, the minimum option wins.

Advanced Customisation

Javascript Events:

Event: wpcf7-panel-created
fires when a new repeater panel is created.

Sample Code:

Event: wpcf7-panel-removed
fires when a new repeater panel is removed.

Sample Code: