{"id":97849,"date":"2019-03-05T17:42:45","date_gmt":"2019-03-05T17:42:45","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/contact-form-7-styler-for-divi\/"},"modified":"2026-02-22T14:18:29","modified_gmt":"2026-02-22T14:18:29","slug":"cf7-styler-for-divi","status":"publish","type":"plugin","link":"https:\/\/az.wordpress.org\/plugins\/cf7-styler-for-divi\/","author":8610910,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"3.0.3","stable_tag":"3.0.3","tested":"6.9.4","requires":"6.0","requires_php":"7.4","requires_plugins":null,"header_name":"Styler Mate for Contact Form 7","header_author":"Fahim Reza","header_description":"Design beuatiful contact forms with <strong>Contact Form 7 Styler for Divi<\/strong>","assets_banners_color":"6c809c","last_updated":"2026-02-22 14:18:29","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/cf7mate.com","header_author_uri":"https:\/\/plugpress.io","rating":3.9,"author_block_rating":0,"active_installs":20000,"downloads":418585,"num_ratings":45,"support_threads":2,"support_threads_resolved":1,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"0.2.2.1":{"tag":".2.2.1","author":"badhonrocks","date":"2024-11-29 23:07:49"},"1.0.0":{"tag":"1.0.0","author":"divipeople","date":"2019-06-21 08:32:57"},"1.0.2":{"tag":"1.0.2","author":"divipeople","date":"2019-08-29 03:21:40"},"1.0.3":{"tag":"1.0.3","author":"divipeople","date":"2019-08-29 04:41:59"},"1.0.4":{"tag":"1.0.4","author":"divipeople","date":"2020-05-28 06:57:18"},"1.1.0":{"tag":"1.1.0","author":"divipeople","date":"2020-05-31 11:23:33"},"1.1.1":{"tag":"1.1.1","author":"divipeople","date":"2020-05-31 12:03:14"},"1.1.2":{"tag":"1.1.2","author":"divipeople","date":"2020-06-05 08:53:00"},"1.1.7":{"tag":"1.1.7","author":"divipeople","date":"2020-09-03 12:15:07"},"1.2.3":{"tag":"1.2.3","author":"divipeople","date":"2020-06-06 16:30:31"},"1.2.4":{"tag":"1.2.4","author":"divipeople","date":"2021-09-14 12:27:37"},"1.3.3":{"tag":"1.3.3","author":"divipeople","date":"2023-03-23 08:34:36"},"1.3.4":{"tag":"1.3.4","author":"divipeople","date":"2023-03-23 21:56:50"},"2.0.0":{"tag":"2.0.0","author":"badhonrocks","date":"2023-10-25 07:28:35"},"2.0.1":{"tag":"2.0.1","author":"badhonrocks","date":"2023-10-25 14:37:16"},"2.0.2":{"tag":"2.0.2","author":"badhonrocks","date":"2023-11-24 18:39:48"},"2.0.3":{"tag":"2.0.3","author":"badhonrocks","date":"2024-03-08 06:05:10"},"2.0.4":{"tag":"2.0.4","author":"badhonrocks","date":"2024-03-19 02:31:10"},"2.0.5":{"tag":"2.0.5","author":"badhonrocks","date":"2024-03-19 02:54:47"},"2.1.0":{"tag":"2.1.0","author":"badhonrocks","date":"2024-03-19 02:58:28"},"2.1.1":{"tag":"2.1.1","author":"badhonrocks","date":"2024-03-19 03:06:07"},"2.2.0":{"tag":"2.2.0","author":"badhonrocks","date":"2024-11-28 22:00:26"},"2.2.2":{"tag":"2.2.2","author":"badhonrocks","date":"2024-11-29 23:22:11"},"2.3.0":{"tag":"2.3.0","author":"badhonrocks","date":"2025-04-02 11:00:04"},"2.3.1":{"tag":"2.3.1","author":"badhonrocks","date":"2025-04-03 20:18:28"},"2.3.2":{"tag":"2.3.2","author":"badhonrocks","date":"2025-04-04 03:49:59"},"2.3.3":{"tag":"2.3.3","author":"badhonrocks","date":"2025-04-05 04:38:52"},"2.3.4":{"tag":"2.3.4","author":"badhonrocks","date":"2025-10-05 16:03:23"},"3.0.0":{"tag":"3.0.0","author":"badhonrocks","date":"2026-02-21 22:58:55"},"3.0.1":{"tag":"3.0.1","author":"badhonrocks","date":"2026-02-21 23:17:51"},"3.0.2":{"tag":"3.0.2","author":"badhonrocks","date":"2026-02-22 14:12:59"},"3.0.3":{"tag":"3.0.3","author":"badhonrocks","date":"2026-02-22 14:18:29"}},"upgrade_notice":{"3.0.0":"<p>Major update: rebranded to CF7 Mate with Divi 5 support, Gutenberg block, new admin dashboard, and multi-builder integrations. All existing settings and forms carry over automatically.<\/p>"},"ratings":{"1":11,"2":1,"3":1,"4":2,"5":30},"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3466630,"resolution":"128x128","location":"assets","locale":""},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3466630,"resolution":"256x256","location":"assets","locale":""},"icon.svg":{"filename":"icon.svg","revision":3466630,"resolution":false,"location":"assets","locale":false}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3266833,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3266833,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["0.2.2.1","1.0.0","1.0.2","1.0.3","1.0.4","1.1.0","1.1.1","1.1.2","1.1.7","1.2.3","1.2.4","1.3.3","1.3.4","2.0.0","2.0.1","2.0.2","2.0.3","2.0.4","2.0.5","2.1.0","2.1.1","2.2.0","2.2.2","2.3.0","2.3.1","2.3.2","2.3.3","2.3.4","3.0.0","3.0.1","3.0.2","3.0.3"],"block_files":[],"assets_screenshots":[],"screenshots":{"1":"Visual form styling with Divi Builder \u2014 customize every element without CSS","2":"Gutenberg block with live preview in the WordPress editor","3":"Responsive grid layout for multi-column form designs","4":"Form entries dashboard \u2014 view and export submissions"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[198723,256333,1152,10731,76538],"plugin_category":[42],"plugin_contributors":[203414,235163],"plugin_business_model":[],"class_list":["post-97849","plugin","type-plugin","status-publish","hentry","plugin_tags-bricks","plugin_tags-cf7-styler","plugin_tags-contact-form-7","plugin_tags-divi","plugin_tags-elementor","plugin_category-contact-forms","plugin_contributors-badhonrocks","plugin_contributors-plugpressco","plugin_committers-badhonrocks","plugin_committers-plugpressco","plugin_support_reps-asifsiam97"],"banners":{"banner":"https:\/\/ps.w.org\/cf7-styler-for-divi\/assets\/banner-772x250.png?rev=3266833","banner_2x":"https:\/\/ps.w.org\/cf7-styler-for-divi\/assets\/banner-1544x500.png?rev=3266833","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":"https:\/\/ps.w.org\/cf7-styler-for-divi\/assets\/icon.svg?rev=3466630","icon":"https:\/\/ps.w.org\/cf7-styler-for-divi\/assets\/icon.svg?rev=3466630","icon_2x":false,"generated":false},"screenshots":[],"raw_content":"<!--section=description-->\n<p><strong>CF7 Mate<\/strong> (formerly CF7 Styler for Divi) is an all-in-one toolkit for Contact Form 7. Customize every aspect of your forms visually \u2014 no CSS needed \u2014 and unlock powerful features like form entries, star ratings, range sliders, and multi-step forms.<\/p>\n\n<p>Works with <strong>Divi 4 &amp; 5<\/strong>, <strong>Gutenberg<\/strong>, <strong>Elementor<\/strong>, and <strong>Bricks<\/strong>.<\/p>\n\n<h4>Why CF7 Mate?<\/h4>\n\n<p>Contact Form 7 is powerful but ships with minimal styling. CF7 Mate bridges that gap by giving you full visual control over how your forms look and behave \u2014 directly inside the page builder you already use.<\/p>\n\n<h4>Free Features<\/h4>\n\n<ul>\n<li><strong>Visual Form Styling<\/strong> \u2014 Customize colors, spacing, borders, and typography for every form element<\/li>\n<li><strong>Multi-Builder Support<\/strong> \u2014 Native modules for Divi (4 &amp; 5), Gutenberg block, Elementor widget, and Bricks element<\/li>\n<li><strong>Form Header<\/strong> \u2014 Add titles, descriptions, icons, or images above your form<\/li>\n<li><strong>Grid Layout<\/strong> \u2014 Arrange fields in responsive multi-column grids<\/li>\n<li><strong>Field Styling<\/strong> \u2014 Control background, borders, focus states, height, and spacing<\/li>\n<li><strong>Button Styling<\/strong> \u2014 Customize text color, background, padding, border radius, and hover effects<\/li>\n<li><strong>Label &amp; Placeholder Styling<\/strong> \u2014 Fine-tune label color, spacing, and placeholder appearance<\/li>\n<li><strong>Radio &amp; Checkbox Styling<\/strong> \u2014 Custom sizes, colors, and border styles for radio buttons and checkboxes<\/li>\n<li><strong>Validation Messages<\/strong> \u2014 Style success, error, and field-level validation messages<\/li>\n<li><strong>Responsive<\/strong> \u2014 All styles adapt to desktop, tablet, and mobile screens<\/li>\n<li><strong>Lightweight<\/strong> \u2014 No bloat. Only loads assets on pages that use your forms<\/li>\n<\/ul>\n\n<h4>Pro Features<\/h4>\n\n<ul>\n<li><strong>Form Entries<\/strong> \u2014 Save every submission to your WordPress database and export to CSV<\/li>\n<li><strong>Multi-Step Forms<\/strong> \u2014 Build wizard-style forms with progress indicators and step navigation<\/li>\n<li><strong>Multi-Column Layouts<\/strong> \u2014 Advanced column arrangements with custom responsive breakpoints<\/li>\n<li><strong>Star Rating Field<\/strong> \u2014 Collect feedback and reviews with customizable star ratings<\/li>\n<li><strong>Range Slider Field<\/strong> \u2014 Let users pick values with an interactive slider<\/li>\n<li><strong>Calculator Field<\/strong> \u2014 Add calculated fields based on other form inputs<\/li>\n<li><strong>Design Presets<\/strong> \u2014 Save and reuse form styles across your site<\/li>\n<li><strong>AI Form Generator<\/strong> \u2014 Generate complete CF7 forms from a text prompt<\/li>\n<li><strong>Webhook Integration<\/strong> \u2014 Send form data to external services on submission<\/li>\n<li><strong>Heading, Separator, Icon &amp; Image Fields<\/strong> \u2014 Enhance your forms with visual elements<\/li>\n<\/ul>\n\n<p><a href=\"https:\/\/cf7mate.com\">Learn more about Pro features \u2192<\/a><\/p>\n\n<h4>Builder Compatibility<\/h4>\n\n<p>CF7 Mate includes native integrations \u2014 not shortcode wrappers \u2014 for each builder:<\/p>\n\n<ul>\n<li><strong>Divi 4<\/strong> \u2014 Full Divi Builder module with visual controls<\/li>\n<li><strong>Divi 5<\/strong> \u2014 Purpose-built module for the new Divi 5 architecture<\/li>\n<li><strong>Gutenberg<\/strong> \u2014 Block editor block with live server-rendered preview<\/li>\n<li><strong>Elementor<\/strong> \u2014 Dedicated widget with Elementor-native controls<\/li>\n<li><strong>Bricks<\/strong> \u2014 Custom element for the Bricks Builder<\/li>\n<\/ul>\n\n<h4>Developers<\/h4>\n\n<p>The free version source code is available on <a href=\"https:\/\/github.com\/plugpress-io\/cf7-styler-for-divi\">GitHub<\/a>. Feel free to fork or build from source.<\/p>\n\n<h4>Who Is This For?<\/h4>\n\n<ul>\n<li>Agencies building branded forms for clients<\/li>\n<li>Online stores that need styled order or inquiry forms<\/li>\n<li>Service businesses collecting leads through custom contact forms<\/li>\n<li>Anyone using Contact Form 7 who wants better-looking forms without writing CSS<\/li>\n<\/ul>\n\n<!--section=installation-->\n<ol>\n<li>Install the plugin from the WordPress plugin directory or upload the files to <code>\/wp-content\/plugins\/<\/code>.<\/li>\n<li>Activate the plugin through the <strong>Plugins<\/strong> menu in WordPress.<\/li>\n<li>Make sure <a href=\"https:\/\/wordpress.org\/plugins\/contact-form-7\/\">Contact Form 7<\/a> is installed and active.<\/li>\n<li>Open your preferred page builder and look for the <strong>CF7 Mate<\/strong> module, block, widget, or element.<\/li>\n<\/ol>\n\n<h4>Requirements<\/h4>\n\n<ul>\n<li>WordPress 5.6 or higher<\/li>\n<li>PHP 7.4 or higher<\/li>\n<li>Contact Form 7 plugin (active)<\/li>\n<li>At least one supported page builder: Divi, Gutenberg, Elementor, or Bricks<\/li>\n<\/ul>\n\n<!--section=faq-->\n<dl>\n<dt id=\"do%20i%20need%20divi%20to%20use%20this%20plugin%3F\"><h3>Do I need Divi to use this plugin?<\/h3><\/dt>\n<dd><p>No. CF7 Mate works with Divi, Gutenberg (WordPress block editor), Elementor, and Bricks. You only need one of these builders installed.<\/p><\/dd>\n<dt id=\"does%20this%20work%20with%20the%20default%20wordpress%20editor%3F\"><h3>Does this work with the default WordPress editor?<\/h3><\/dt>\n<dd><p>Yes. CF7 Mate includes a Gutenberg block that works in the standard WordPress block editor \u2014 no additional page builder required.<\/p><\/dd>\n<dt id=\"is%20this%20compatible%20with%20divi%205%3F\"><h3>Is this compatible with Divi 5?<\/h3><\/dt>\n<dd><p>Yes. CF7 Mate has a dedicated module built specifically for Divi 5, alongside continued support for Divi 4.<\/p><\/dd>\n<dt id=\"does%20this%20replace%20contact%20form%207%3F\"><h3>Does this replace Contact Form 7?<\/h3><\/dt>\n<dd><p>No. CF7 Mate extends Contact Form 7. You still create and manage your forms in CF7 \u2014 this plugin adds styling and extra features on top.<\/p><\/dd>\n<dt id=\"why%20did%20the%20name%20change%20from%20cf7%20styler%20to%20cf7%20mate%3F\"><h3>Why did the name change from CF7 Styler to CF7 Mate?<\/h3><\/dt>\n<dd><p>The plugin has grown well beyond styling. With form entries, star ratings, multi-step forms, calculators, and more, the new name better reflects everything it does.<\/p><\/dd>\n<dt id=\"can%20i%20use%20this%20on%20multiple%20sites%3F\"><h3>Can I use this on multiple sites?<\/h3><\/dt>\n<dd><p>The free version can be used on unlimited sites. Pro license terms depend on your plan.<\/p><\/dd>\n<dt id=\"where%20can%20i%20get%20support%3F\"><h3>Where can I get support?<\/h3><\/dt>\n<dd><p>Visit <a href=\"https:\/\/cf7mate.com\">cf7mate.com<\/a> for documentation and support.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>3.0.3<\/h4>\n\n<ul>\n<li>Fixed: Add composer.json to distribution package for better dependency management and future updates<\/li>\n<\/ul>\n\n<h4>3.0.2<\/h4>\n\n<ul>\n<li>Fixed: Minor bug fixes and performance improvements<\/li>\n<li>Improved: Lite vs Pro feature detection for better compatibility with third-party plugins<\/li>\n<li>WordPress 6.9 compatibility updates<\/li>\n<li>Removed: pro css from free package<\/li>\n<\/ul>\n\n<h4>3.0.1<\/h4>\n\n<ul>\n<li>Fixed: Fix naming of plugin<\/li>\n<\/ul>\n\n<h4>3.0.0<\/h4>\n\n<ul>\n<li>New: Rebranded to CF7 Mate (formerly CF7 Styler for Divi)<\/li>\n<li>New: Divi 5 module with full visual builder support<\/li>\n<li>New: Gutenberg block with live server-rendered preview<\/li>\n<li>New: Admin dashboard with feature toggles<\/li>\n<li>New: Elementor and Bricks builder integrations<\/li>\n<li>Improved: Codebase rewritten for better performance and maintainability<\/li>\n<li>Improved: Compatibility with WordPress 6.9<\/li>\n<\/ul>\n\n<h4>2.3.4<\/h4>\n\n<ul>\n<li>Improved: Admin notice system with cleaner design<\/li>\n<li>Improved: Review request flow and user experience<\/li>\n<li>Fixed: Minor performance optimizations and bug fixes<\/li>\n<\/ul>\n\n<h4>2.3.3<\/h4>\n\n<ul>\n<li>Fixed: Compatibility issues with recent WordPress versions<\/li>\n<li>Improved: Form styling performance<\/li>\n<li>Improved: Mobile responsiveness<\/li>\n<li>Fixed: Error handling improvements<\/li>\n<\/ul>","raw_excerpt":"Style and enhance Contact Form 7 for Divi, Bricks, Elementor, Gutenberg, and more.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/az.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/97849","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/az.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/az.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/az.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=97849"}],"author":[{"embeddable":true,"href":"https:\/\/az.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/badhonrocks"}],"wp:attachment":[{"href":"https:\/\/az.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=97849"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/az.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=97849"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/az.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=97849"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/az.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=97849"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/az.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=97849"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/az.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=97849"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}