Code and Core Repeater Fields for Contact Form 7 vs Conditional Fields for Contact Form 7

This plugin adds conditional logic to Contact Form 7. If you edit your CF7 form, you will see an additional tag called “Conditional fields Group”. Everything you put between the start and end tag will be hidden by default. After you have added the field group(s), go to the “Conditional fields” tab to create one or more conditions that will make the group(s) appear. Conditional Fields for Contact Form 7 is an independent plugin. This plugin is not affiliated with or endorsed by the developers of Contact Form 7. How to use it Follow this tutorial Main features Support for required fields Required fields inside hidden groups will never trigger validation errors. Hide/show info in emails based on what groups are visible Conditional groups can now be added to the emails as well. Just wrap the content with [group-name] ... [/group-name] tags. Groups can be nested Groups can be nested, both in the form and in the email Example form: [group group-1] [group group-inside-1] ... [/group] [/group] Example email: [group-1] [group-inside-1] ... [/group-inside-1] [/group-1] Advanced Advanced users can code up the conditions as plain text instead of using the select boxes, using the Text View. Need more power? Just like WordPress, the power of Contact Form 7 lies in its rich eco-system of extensions that build on top of it. However, it can be difficult to find a set of complex extensions that work well together. That’s why I created Conditional Fields Pro. It adds some powerful features to Contact form 7 and guarantees that everything will run smoothly with Conditional Fields. Pro features include: Repeatable fields (repeaters) Forms with multiple steps (multistep) Calculated fields Advanced conditions with JavaScript functions Multiple file upload Get the PRO version of Conditional Fields for Contact Form 7!

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. Style Customizer (No-Code Builder): 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. 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! Row Duplication Engine: 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. Drag and Drop Reordering: Reorder repeater rows easily with an intuitive drag-and-drop handle. Enable it globally or override it per shortcode. Smooth Slide Animations: Transition rows dynamically with smooth jQuery .slideDown(250) and .slideUp(250) animations during add, remove, and duplicate actions. 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://dashboard.wordpress-plugins.pro/ for the following purposes: 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. 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"] Full Name: [text* contact-name] Phone: [tel* contact-phone] [/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. How many guests are coming? [select guest-count "1" "2" "3" "4" "5"] [repeater guests trigger:guest-count] Guest Name: [text guest-name] [/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! Go to your active theme (or child theme) directory. Inside your theme, create a new folder path: code-and-core-repeater-fields-for-contact-form-7/templates/ Copy the file code-and-core-repeater-fields-mail.php from our plugin’s /templates/ directory into this newly created folder. 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: $row) { echo ' '; echo ' Attendee #' . ($index + 1) . ' '; foreach ($sub_fields as $field_name) { $value = isset($row[$field_name]) ? $row[$field_name] : 'N/A'; echo ' ' . esc_html($field_name) . ': ' . esc_html($value) . ' '; } echo ' '; } ?> The plugin will automatically detect and load your beautiful custom theme layout instead of the default HTML table! 6. Row Duplication Mode This mode enables users to duplicate any filled row instantly. Click “Duplicate” to clone the row and preserve its input values. [repeater contact-list enable_duplicate:"1" duplicate_text:"Duplicate Row"] Full Name: [text* contact-name] Phone: [tel* contact-phone] [/repeater] You can configure Row Duplication globally via Contact > Repeater Settings or override it locally on each shortcode with the enable_duplicate (“1” or “0”) and duplicate_text parameters. 7. Drag and Drop Reordering This feature allows users to reorder repeater rows dynamically on the frontend. A draggable handle is provided on each row when enabled. [repeater contact-list drag_and_drop:"1"] Full Name: [text* contact-name] Phone: [tel* contact-phone] [/repeater] You can configure Drag and Drop globally via Contact > Repeater Settings or override it locally on each shortcode with the drag_and_drop (“1” or “0”) parameter.