Skip to content
Main Navigation
Conditional Fields
for Contact Form 7
Tutorial
Docs
Form tester
Support
Free
PRO
All Tags
advanced
custom functions
file
Free plugin
multifile
multistep
Pro plugin
Regex
Relational operators
Repeater
Summary
Togglebutton
Form code
[repeater my-repeater min:2 max:8] <label for="txt">Text {{my-repeater_index}}</label> [text txt id:txt] <a href="#" class="add">Insert</a> | <a href="#" class="remove">Remove</a> [/repeater] [submit] <script> (function($){ $form = $('.wpcf7-form'); $form.click(function(e){ const $clickedElement = $(e.target); const index = $clickedElement.closest('.wpcf7cf_repeater_sub').index(); if ($clickedElement.hasClass('add')) { wpcf7cf.repeaterAddSubAtIndex($form, 'my-repeater', index); return false; } if ($clickedElement.hasClass('remove')) { wpcf7cf.repeaterRemoveSubAtIndex($form, 'my-repeater', index); return false; } }); })(jQuery) </script>
Conditions (Text View)
Email / Summary code
<div class="rep"> [my-repeater] <div class="sub"> Text [my-repeater:index] : [txt] </div> [/my-repeater] </div>
Attachments
Additional settings
Resulting form
Text {{my-repeater_index}}
Insert
|
Remove
Add
Remove
Form Tester for Contact Form 7
powered by
Conditional Fields for Contact Form 7
How to use
Run
Copy URL
URL copied to clipboard!
Additional styles and scripts loaded on this page
×