Code and Core Repeater Fields for Contact Form 7

Description

Code and Core Repeater Fields for Contact Form 7 takes your classic Contact Form 7 forms to the next level by allowing users to add an unlimited, or strictly limited, number of dynamic field blocks.

Whether you are collecting an unknown number of attendees for an event, gathering past employment history records, dynamically submitting multiple file uploads, or tracking an indefinite list of inventory items the Repeater Extension seamlessly integrates directly into your Contact Form 7 editor, providing the ultimate solution for complex form data collection.

If you are looking to create highly converting, dynamic WordPress forms, the Code and Core Repeater Fields for CF7 plugin is an essential add-on. Gone are the days of creating tedious, hard-coded long forms with dozens of unnecessary inputs. By allowing your website visitors to recursively duplicate form field groups or “add more rows” on the fly, you instantly streamline the user experience, improve your form submission rates, and collect cleanly structured data arrays.

This lightweight, developer-friendly CF7 repeater extension is fully optimized for performance and modern WordPress site architecture. Whether you urgently need a ‘CF7 add more fields’ button, dynamic repeatable multipart form rows, or a frontend input cloner, our extension handles it flawlessly. It acts as the perfect dynamic form builder solution to collect complex nested data like family member details, employment histories, or multiple product order requests directly inside your existing Contact Form 7 setup.

Core Features & Highlights

• Native CF7 Integration: We built the repeater seamlessly into the Contact Form 7 tag generator UI. You simply click the “Repeater” button just as you would for any standard text or email tag.
• Mail Tag Auto-Generation: Your repeater groups appear right inside the CF7 “Mail” tab. Drop in your repeater tag (e.g., [attendees]), and the plugin automatically prints out the gathered fields!
• Global Configuration Dashboard: Tired of manually typing “Add Row” into every form? Use the brand-new, beautifully designed Repeater Settings panel to configure global defaults for button labels.
• Advanced Output Formatting: Output the collected repeating fields into your email templates as either clean HTML Tables or beautifully formatted indented Lists.
• Limit User Inputs (Min/Max Validation): Restrict how many repeating blocks a user can generate. Enforce a minimum of 1 and a maximum of 5 to protect your inbox from being flooded, with smart validation natively warning the user.
• Dynamic Field Triggers: Link your repeater directly to other form fields (like a number input or dropdown menu). When a user types “5” into a trigger field, the repeater automatically generates exactly 5 rows instantly!
• Asset Optimization Engine: Don’t let your website slow down! The plugin safely enqueues JavaScript conditionally only on the pages actually rendering a CF7 Repeater shortcode.
• 100% WPML & Translation Compatible: All of the plugin’s interface texts, dynamic configurations, and alerts strictly run through WordPress localization hooks and WPML filter strings, guaranteeing zero compatibility issues on multi-lingual translated websites.
• Developer Friendly Email Templating: Need more than just Tables or Lists? Easily override the core HTML email layouts by dropping a simple PHP template file directly into your own active WordPress theme. Complete structural control without ever modifying plugin core files!

External services

This plugin connects to a third-party service at https://wordpress-plugins.pro/ for the following purposes:

1. Deactivation Feedback: When you deactivate the plugin, an optional feedback form allows you to share why you are deactivating. If you fill this out, it sends the reason, site URL, plugin/WordPress/PHP versions, and active theme information. This helps us improve the plugin.
2. Usage Tracking (Telemetry): If you explicitly opt-in via our settings or the activation modal, the plugin will occasionally send anonymous site diagnostics (site URL, plugin/WP/PHP versions, and active theme info) to help us prioritize compatibility updates and features.

This service is provided by “WordPress Plugins Pro”: General Conditions, Privacy Policy.

Usage Guide

Here are the two primary ways to implement the Repeater Field based on your dynamic form requirements:

1. Manual Mode (User-Controlled Rows)

In this mode, users click “Add” to add new rows and “Remove” to delete them. This is ideal for general lists like attendees or work experience.

[repeater contact-list initial:1 max:10 add_text:"Add row" remove_text:"Remove row"]
  <label> Full Name: [text* contact-name] </label>
  <label> Phone: [tel* contact-phone] </label>
[/repeater]

2. Auto-Generation Mode (With Trigger Field)

This mode automatically generates a specific number of rows based on a numeric value from another field (e.g., a dropdown or number input). It removes the manual “Add Row” button for a more streamlined experience.

<label> How many guests are coming?
  [select guest-count "1" "2" "3" "4" "5"] </label>

<!-- Linking to guest-count via the trigger attribute -->
[repeater guests trigger:guest-count]
  <label> Guest Name: [text guest-name] </label>
[/repeater]

3. Displaying in Emails

To show the collected repeater data in your email notifications, go to the Mail tab in Contact Form 7 and use the repeater’s ID (e.g., [guests]) inside the Message Body:

Hello Admin, here is the submitted data:

[guests]

The plugin will automatically render the data as a professional HTML Table or a formatted List depending on your configuration.

4. Advanced Shortcode Example: Inline Email Lists

Want your data as a bulleted list instead of a table? Simply pass the mail_format attribute directly into your form shortcode!

[repeater attendees mail_format:"list"]
...
[/repeater]

5. Custom Email template

If you want complete control over how the repeating fields look in your email notifications, you can override the default template safely from your theme!

1. Go to your active theme (or child theme) directory.
2. Inside your theme, create a new folder path: code-and-core-repeater-fields-for-contact-form-7/templates/
3. Copy the file code-and-core-repeater-fields-mail.php from our plugin’s /templates/ directory into this newly created folder.
4. Open the copied file and edit the HTML variables however you like!

Custom Template Code Example (code-and-core-repeater-fields-mail.php):
Our PHP template natively exposes $sub_fields (an array of your CF7 field names) and $rows (a 2D array containing every user submission). You can elegantly loop through them like this:

<?php
// Our custom overridden code-and-core-repeater-fields-mail.php template natively loading from our Theme!
foreach ($rows as $index => $row) {
    echo '<div style="background: #f1f1f1; padding: 10px; margin-bottom: 5px;">';
    echo '<h4>Attendee #' . ($index + 1) . '</h4>';

    foreach ($sub_fields as $field_name) {
        $value = isset($row[$field_name]) ? $row[$field_name] : 'N/A';
        echo '<p><strong>' . esc_html($field_name) . ':</strong> ' . esc_html($value) . '</p>';
    }

    echo '</div>';
}
?>

The plugin will automatically detect and load your beautiful custom theme layout instead of the default HTML table!