Void Contact Form 7 Widget For Elementor Page Builder vs Code and Core Repeater Fields for Contact Form 7

This plugin adds new element / widget to Elementor Page Builder which helps you to easily drag and drop contact form 7 forms from a drop down list. No need of going in cf7 & copying the shortcode and addding to shortcode widget of elementor anymore !! Check out our new feature to edit and create contact form from elementor editor. You don’t need to leave elementor editor to modify or create contact form 7. boom! Now only Drag and drop the widget inside elementor builder & choose your contact form. Multiple style options, hover, focus and even custom css option if you are into it. Want to define style for input, lable, send button, success ? No problem ! This plugin let’s you do those directly from elementor screen! Want to add custom page to redirect to when the form is submitted ? That is also possible now ! Yet this is just a simple plugin for simple users 🙂 What’s more interesting is that you can have multiple form of the same single contact form 7 form with different rules and design with this on same page ! For more details :VOID CF7 Elementor Widget. For our other elementor & WP works visit : VOID CODERS. For updates follow us on : Facebook. Missing a feature or Found a bug? : Feature Request / Bug Report. Need to design Contact form 7 Emails with Elementor? 👉Check Elemailer – A drag & drop email builder for WordPress. Version 2.0 Preview ( New Style controls with hover, focus, gradient etc ) Edit/Add contact from inside Elementor Another Preview What Does This plugin give you? For editing or creating contact form 7, You don’t have to leave elementor editor. New popup modal will be open on elementor editor. Edit or create forms on the fly! Easy use of contact forms created with Contact form 7 pluing inside elementor live editor Add CSS directly from elementor live preview to your contact form 7 for different field type!! Add any WordPress page as thank you page with this directly from elementor edit screen when you add the VOID Contact Fom 7 Widget! Use Single contact form 7 with different Style & redirect rule(Thank you page on success) on the same page with this. Note: This plugin is an addon of Elementor Page Builder (https://wordpress.org/plugins/elementor/) and will only work with Elementor Page Builder installed along with Contact form 7 plugin. Update Instructions Update the plugin either via wp dashboard or via FTP. After update make sure you clear your browser cache.

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.