Code and Core Repeater Fields for Contact Form 7 adds a powerful repeating field feature, allowing you to gather dynamic lists of items effortlessly.

shokry055

easy repeater

easy repeater is a small wordpress plugin to repeat fields and making dynamic content easy way.

Code and Core

<p><strong>Code and Core Repeater Fields for Contact Form 7</strong> 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.</p>
<p>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.</p>
<p>If you are looking to create highly converting, dynamic WordPress forms, the <strong>Code and Core Repeater Fields for CF7 plugin</strong> 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.</p>
<p>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.</p>
<h3>Core Features & Highlights</h3>
<ul>
<li><strong>Native CF7 Integration:</strong> 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.</li>
<li><strong>Mail Tag Auto-Generation:</strong> Your repeater groups appear right inside the CF7 “Mail” tab. Drop in your repeater tag (e.g., <code>[attendees]</code>), and the plugin automatically prints out the gathered fields!</li>
<li><strong>Global Configuration Dashboard:</strong> 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.</li>
<li><strong>Style Customizer (No-Code Builder):</strong> Tweak row backgrounds, margins, paddings, borders, and action button colors (including hover states) directly from a beautiful settings panel with a real-time Live Preview and Reset button.</li>
<li><strong>Advanced Output Formatting:</strong> Output the collected repeating fields into your email templates as either clean <strong>HTML Tables</strong> or beautifully formatted indented <strong>Lists</strong>.</li>
<li><strong>Limit User Inputs (Min/Max Validation):</strong> 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.</li>
<li><strong>Dynamic Field Triggers:</strong> 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!</li>
<li><strong>Row Duplication Engine:</strong> Allow users to duplicate existing rows with a single click. The plugin copies all current field values (inputs, select dropdowns, textareas, checkboxes, and radio button states) seamlessly.</li>
<li><strong>Drag and Drop Reordering:</strong> Reorder repeater rows easily with an intuitive drag-and-drop handle. Enable it globally or override it per shortcode.</li>
<li><strong>Smooth Slide Animations:</strong> Transition rows dynamically with smooth jQuery <code>.slideDown(250)</code> and <code>.slideUp(250)</code> animations during add, remove, and duplicate actions.</li>
<li><strong>Asset Optimization Engine:</strong> Don’t let your website slow down! The plugin safely enqueues JavaScript conditionally <em>only</em> on the pages actually rendering a CF7 Repeater shortcode.</li>
<li><strong>100% WPML & Translation Compatible:</strong> 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.</li>
<li><strong>Developer Friendly Email Templating:</strong> 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!</li>
</ul>
<h3>External services</h3>
<p>This plugin connects to a third-party service at https://dashboard.wordpress-plugins.pro/ for the following purposes:</p>
<ol>
<li><strong>Deactivation Feedback</strong>: 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.</li>
<li><strong>Usage Tracking (Telemetry)</strong>: 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.</li>
</ol>
<p>This service is provided by “WordPress Plugins Pro”: <a href="https://dashboard.wordpress-plugins.pro/general-conditions.html" rel="nofollow ugc">General Conditions</a>, <a href="https://dashboard.wordpress-plugins.pro/privacy-policy.html" rel="nofollow ugc">Privacy Policy</a>.</p>
<h3>Usage Guide</h3>
<p>Here are the two primary ways to implement the Repeater Field based on your dynamic form requirements:</p>
<h3>1. Manual Mode (User-Controlled Rows)</h3>
<p>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.</p>
<pre><code>[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]
</code></pre>
<h3>2. Auto-Generation Mode (With Trigger Field)</h3>
<p>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.</p>
<pre><code><label> How many guests are coming?
  [select guest-count "1" "2" "3" "4" "5"] </label>


[repeater guests trigger:guest-count]
  <label> Guest Name: [text guest-name] </label>
[/repeater]
</code></pre>
<h3>3. Displaying in Emails</h3>
<p>To show the collected repeater data in your email notifications, go to the <strong>Mail</strong> tab in Contact Form 7 and use the repeater’s ID (e.g., <code>[guests]</code>) inside the Message Body:</p>
<pre><code>Hello Admin, here is the submitted data:

[guests]
</code></pre>
<p>The plugin will automatically render the data as a professional HTML Table or a formatted List depending on your configuration.</p>
<h3>4. Advanced Shortcode Example: Inline Email Lists</h3>
<p>Want your data as a bulleted list instead of a table? Simply pass the <code>mail_format</code> attribute directly into your form shortcode!</p>
<pre><code>[repeater attendees mail_format:"list"]
...
[/repeater]
</code></pre>
<h3>5. Custom Email template</h3>
<p>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!</p>
<ol>
<li>Go to your active theme (or child theme) directory.</li>
<li>Inside your theme, create a new folder path: <code>code-and-core-repeater-fields-for-contact-form-7/templates/</code></li>
<li>Copy the file <code>code-and-core-repeater-fields-mail.php</code> from our plugin’s <code>/templates/</code> directory into this newly created folder.</li>
<li>Open the copied file and edit the HTML variables however you like!</li>
</ol>
<p><strong>Custom Template Code Example (<code>code-and-core-repeater-fields-mail.php</code>):</strong><br />
Our PHP template natively exposes <code>$sub_fields</code> (an array of your CF7 field names) and <code>$rows</code> (a 2D array containing every user submission). You can elegantly loop through them like this:</p>
<pre><code><?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>';
}
?>
</code></pre>
<p>The plugin will automatically detect and load your beautiful custom theme layout instead of the default HTML table!</p>
<h3>6. Row Duplication Mode</h3>
<p>This mode enables users to duplicate any filled row instantly. Click “Duplicate” to clone the row and preserve its input values.</p>
<pre><code>[repeater contact-list enable_duplicate:"1" duplicate_text:"Duplicate Row"]
  <label> Full Name: [text* contact-name] </label>
  <label> Phone: [tel* contact-phone] </label>
[/repeater]
</code></pre>
<p>You can configure Row Duplication globally via <strong>Contact > Repeater Settings</strong> or override it locally on each shortcode with the <code>enable_duplicate</code> (“1” or “0”) and <code>duplicate_text</code> parameters.</p>
<h3>7. Drag and Drop Reordering</h3>
<p>This feature allows users to reorder repeater rows dynamically on the frontend. A draggable handle is provided on each row when enabled.</p>
<pre><code>[repeater contact-list drag_and_drop:"1"]
  <label> Full Name: [text* contact-name] </label>
  <label> Phone: [tel* contact-phone] </label>
[/repeater]
</code></pre>
<p>You can configure Drag and Drop globally via <strong>Contact > Repeater Settings</strong> or override it locally on each shortcode with the <code>drag_and_drop</code> (“1” or “0”) parameter.</p>

Alternatives to Code and Core Repeater Fields for Contact Form 7

Top alternatives