Repeater Field for Contact Form 7

Please see this:

 

Written Documentation 

Form setup:

  1. To make a repeater field we have to wrap the fields with a repeater tag called ‘uarepeater’. Example:  [uarepeater uarepeater-35 add “Add more” remove “Remove”] –fields– [/uarepeater]

Screenshot at Apr 13 12 14 29 - Themefic

  1. To add a title to a repeater group, we have to use a class called ‘uacf7-repeater-title’. Example:  <h4 class=”uacf7-repeater-title”>Member</h4> This class will count the groups.

Screenshot at Apr 13 12 15 11 - Themefic

Complete Example Code : 

[uarepeater uarepeater-35 add "Add more" remove "Remove"]
<h4 class="uacf7-repeater-title">Member</h4>
<label> Name
[text* member-name] </label>
<label> Age
[text* member-age] </label>
[/uarepeater]

Output: 

Screenshot at Apr 13 12 15 27 - Themefic

Mail tab setup:

Now we need to send the repeater fields in the email template.

  • We have to use the name of the repeater tag to display fields in the email template. The tag name is ‘uarepeater-35’
  • To display the title of the repeater group in the email template, we have to do it like this – [uarepeater-35:title] [name-of-tag:title]

Screenshot at Apr 13 12 15 39 - Themefic

Complete Example Code : 

[uarepeater-35]
[uarepeater-35:title]
Name: [member-name]
Age: [member-age]
[/uarepeater-35
Was this page helpful?