YOUELBLOCKS Team

<p><strong>YOUELBLOCKS</strong> is a powerful WordPress plugin that allows you to create and manage custom forms easily and intuitively using the WordPress block editor (Gutenberg).</p>
<h3>🚀 <strong>Key Features</strong></h3>
<ul>
<li><strong>Block-based Form Builder</strong>: Easily build forms with drag and drop</li>
<li><strong>Various Field Types</strong>: Support for 15+ field types including text, email, file upload, checkbox, and more</li>
<li><strong>Real-time Data Management</strong>: View and manage submitted data in real-time</li>
<li><strong>Data Export</strong>: Export data in CSV and Excel formats</li>
<li><strong>PDF Generation</strong>: Convert user input to PDF for email attachment and download</li>
<li><strong>Password Duplicate Validation</strong>: Prevent duplicate passwords and enable data modification</li>
<li><strong>Shortcode Support</strong>: Display form data easily with shortcodes</li>
<li><strong>Responsive Design</strong>: Works perfectly on all devices</li>
<li><strong>Enhanced Security</strong>: Security features including nonce verification and data sanitization</li>
</ul>
<h3>🔧 <strong>Technical Features</strong></h3>
<ul>
<li><strong>WordPress 5.0+ Full Support</strong>: Fully compatible with the latest WordPress versions</li>
<li><strong>PHP 7.4+ Support</strong>: Performance optimization using latest PHP features</li>
<li><strong>Multilingual Support</strong>: Full internationalization (i18n) support</li>
<li><strong>REST API Compatible</strong>: Full WordPress REST API support</li>
<li><strong>Extensible Architecture</strong>: Developer-friendly structure</li>
</ul>
<h3>📋 <strong>System Requirements</strong></h3>
<ul>
<li><strong>WordPress</strong>: 5.0 or higher (recommended: 6.0+)</li>
<li><strong>PHP</strong>: 7.4 or higher (recommended: 8.0+)</li>
<li><strong>Memory</strong>: Minimum 64MB (recommended: 128MB+)</li>
<li><strong>Required Extensions</strong>: json, mbstring</li>
</ul>
<h3>🎯 <strong>Use Cases</strong></h3>
<ul>
<li><strong>Contact Forms</strong>: Customer inquiries and consultation requests</li>
<li><strong>Surveys</strong>: User opinion collection and analysis</li>
<li><strong>Event Registration</strong>: Event participation applications</li>
<li><strong>Product Orders</strong>: Simple order forms</li>
<li><strong>User Registration</strong>: Custom member registration</li>
<li><strong>Feedback Collection</strong>: Opinion collection for service improvement</li>
<li><strong>Contract Creation</strong>: PDF generation and email sending</li>
<li><strong>Application Management</strong>: Password-based data modification and management</li>
</ul>
<h3>🔒 <strong>Security Features</strong></h3>
<ul>
<li><strong>Nonce Verification</strong>: Security token verification for all AJAX requests</li>
<li><strong>Data Validation</strong>: Strict input data validation and sanitization</li>
<li><strong>File Upload Security</strong>: Secure file upload handling</li>
<li><strong>Permission Management</strong>: Access control based on user permissions</li>
<li><strong>XSS Prevention</strong>: Cross-site scripting attack prevention</li>
</ul>
<h3>🌍 <strong>Multilingual Support</strong></h3>
<ul>
<li><strong>Full Internationalization</strong>: WordPress standard i18n support</li>
<li><strong>Translation Templates</strong>: POT file provided for translation work</li>
<li><strong>Multilingual Strings</strong>: All user interface text can be translated</li>
<li><strong>Locale Support</strong>: Support for various languages and regional settings</li>
</ul>
<h3>Developer Information</h3>
<h3>개발자 가이드</h3>
<p>YOUELBLOCKS는 개발자 친화적인 구조로 설계되었습니다:</p>
<h4>클래스 구조</h4>
<pre><code>`php
</code></pre>
<p>YOUELBLOCKS_Manager           // 메인 관리 클래스<br />
├── YOUELBLOCKS_Editor        // 블록 에디터 관리<br />
├── YOUELBLOCKS_Public        // 프론트엔드 관리<br />
├── YOUELBLOCKS_Admin         // 관리자 페이지<br />
├── YOUELBLOCKS_Utils         // 유틸리티 함수<br />
└── YOUELBLOCKS_Compatibility // 호환성 체크<br />
    `</p>
<h4>훅과 필터</h4>
<pre><code>`php
</code></pre>
<p>// 폼 데이터 처리 전<br />
add_filter(‘youelblocks_before_save_form_data’, $callback);</p>
<p>// 폼 데이터 처리 후<br />
add_action(‘youelblocks_after_save_form_data’, $callback);</p>
<p>// 필드 렌더링 커스터마이징<br />
add_filter(‘youelblocks_field_render’, $callback);<br />
    `</p>
<h4>REST API</h4>
<pre><code>`php
</code></pre>
<p>// 폼 데이터 조회<br />
GET /wp-json/youelblocks/v1/forms/{page_id}/data</p>
<p>// 폼 데이터 생성<br />
POST /wp-json/youelblocks/v1/forms/{page_id}/data<br />
    `</p>
<h3>기여하기</h3>
<p>YOUELBLOCKS 개발에 기여하고 싶으시다면:</p>
<ol>
<li>GitHub 저장소를 포크하세요</li>
<li>기능 브랜치를 생성하세요</li>
<li>변경사항을 커밋하세요</li>
<li>Pull Request를 제출하세요</li>
</ol>
<h3>라이선스</h3>
<p>이 플러그인은 GPL v2 또는 그 이상의 라이선스 하에 배포됩니다.</p>
<h3>Support</h3>
<h3>지원 채널</h3>
<ul>
<li><strong>공식 웹사이트</strong>: https://youelblocks.co.kr</li>
<li><strong>지원 포럼</strong>: https://youelblocks.co.kr/support</li>
<li><strong>이메일 지원</strong>: support@youelblocks.co.kr</li>
<li><strong>GitHub Issues</strong>: https://github.com/youelblocks/youelblocks/issues</li>
</ul>
<h3>문서</h3>
<ul>
<li><strong>사용자 가이드</strong>: https://youelblocks.co.kr/docs</li>
<li><strong>개발자 문서</strong>: https://youelblocks.co.kr/docs/developer</li>
<li><strong>API 문서</strong>: https://youelblocks.co.kr/docs/api</li>
</ul>
<h3>External Services</h3>
<p>This plugin can optionally use <strong>Google reCAPTCHA v2</strong> to protect forms from spam submissions.</p>
<ul>
<li><strong>Service name</strong>: Google reCAPTCHA v2</li>
<li><strong>Purpose</strong>: Verify that form submissions are made by humans, not automated bots.</li>
<li><strong>What data is sent and when</strong>:
<ul>
<li>When a user views a form with CAPTCHA enabled, their browser loads the Google reCAPTCHA script from <code>https://www.google.com/recaptcha/api.js</code>.</li>
<li>When the user submits the form, the CAPTCHA response token and basic request metadata (such as IP address, browser information, and related technical details collected by Google) are sent to <code>https://www.google.com/recaptcha/api/siteverify</code> for verification.</li>
</ul>
</li>
<li><strong>Where data is sent</strong>:
<ul>
<li>Google LLC (reCAPTCHA service), via the domains <code>www.google.com</code> and related Google endpoints.</li>
</ul>
</li>
<li><strong>Terms of Service and Privacy Policy</strong>:
<ul>
<li>Google reCAPTCHA Terms of Service: https://policies.google.com/terms</li>
<li>Google Privacy Policy: https://policies.google.com/privacy</li>
</ul>
</li>
</ul>
<p>reCAPTCHA can be enabled or disabled at any time from the YOUELBLOCKS admin settings page. If you do not enable CAPTCHA, no data is sent to Google reCAPTCHA.</p>
<h3>커뮤니티</h3>
<ul>
<li><strong>WordPress.org 포럼</strong>: https://wordpress.org/support/plugin/youelblocks</li>
<li><strong>GitHub Discussions</strong>: https://github.com/youelblocks/youelblocks/discussions</li>
</ul>


YOUELBLOCKS

Create and manage custom forms intuitively using WordPress block editor.

PlugPress

Fahim Reza

WPPaw

Divi Torque

DiviEpic

M. Asif Hossain

DiviPeople by PlugPress

<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 — no CSS needed — and unlock powerful features like form entries, star ratings, range sliders, and multi-step forms.</p>
<p>Works with <strong>Divi 4 & 5</strong>, <strong>Gutenberg</strong>, <strong>Elementor</strong>, and <strong>Bricks</strong>.</p>
<h4>Why CF7 Mate?</h4>
<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 — directly inside the page builder you already use.</p>
<h4>Free Features</h4>
<ul>
<li><strong>Visual Form Styling</strong> — Customize colors, spacing, borders, and typography for every form element</li>
<li><strong>Multi-Builder Support</strong> — Native modules for Divi (4 & 5), Gutenberg block, Elementor widget, and Bricks element</li>
<li><strong>Form Header</strong> — Add titles, descriptions, icons, or images above your form</li>
<li><strong>Grid Layout</strong> — Arrange fields in responsive multi-column grids</li>
<li><strong>Field Styling</strong> — Control background, borders, focus states, height, and spacing</li>
<li><strong>Button Styling</strong> — Customize text color, background, padding, border radius, and hover effects</li>
<li><strong>Label & Placeholder Styling</strong> — Fine-tune label color, spacing, and placeholder appearance</li>
<li><strong>Radio & Checkbox Styling</strong> — Custom sizes, colors, and border styles for radio buttons and checkboxes</li>
<li><strong>Validation Messages</strong> — Style success, error, and field-level validation messages</li>
<li><strong>Responsive</strong> — All styles adapt to desktop, tablet, and mobile screens</li>
<li><strong>Lightweight</strong> — No bloat. Only loads assets on pages that use your forms</li>
</ul>
<h4>Pro Features</h4>
<ul>
<li><strong>Form Entries</strong> — Save every submission to your WordPress database and export to CSV</li>
<li><strong>Multi-Step Forms</strong> — Build wizard-style forms with progress indicators and step navigation</li>
<li><strong>Multi-Column Layouts</strong> — Advanced column arrangements with custom responsive breakpoints</li>
<li><strong>Star Rating Field</strong> — Collect feedback and reviews with customizable star ratings</li>
<li><strong>Range Slider Field</strong> — Let users pick values with an interactive slider</li>
<li><strong>Calculator Field</strong> — Add calculated fields based on other form inputs</li>
<li><strong>Design Presets</strong> — Save and reuse form styles across your site</li>
<li><strong>AI Form Generator</strong> — Generate complete CF7 forms from a text prompt</li>
<li><strong>Webhook Integration</strong> — Send form data to external services on submission</li>
<li><strong>Heading, Separator, Icon & Image Fields</strong> — Enhance your forms with visual elements</li>
</ul>
<p><a href="https://cf7mate.com" rel="nofollow ugc">Learn more about Pro features <span aria-hidden="true" class="wp-exclude-emoji">→</span></a></p>
<h4>Builder Compatibility</h4>
<p>CF7 Mate includes native integrations — not shortcode wrappers — for each builder:</p>
<ul>
<li><strong>Divi 4</strong> — Full Divi Builder module with visual controls</li>
<li><strong>Divi 5</strong> — Purpose-built module for the new Divi 5 architecture</li>
<li><strong>Gutenberg</strong> — Block editor block with live server-rendered preview</li>
<li><strong>Elementor</strong> — Dedicated widget with Elementor-native controls</li>
<li><strong>Bricks</strong> — Custom element for the Bricks Builder</li>
</ul>
<h4>Developers</h4>
<p>The free version source code is available on <a href="https://github.com/plugpress-io/cf7-styler-for-divi" rel="nofollow ugc">GitHub</a>. Feel free to fork or build from source.</p>
<h4>Who Is This For?</h4>
<ul>
<li>Agencies building branded forms for clients</li>
<li>Online stores that need styled order or inquiry forms</li>
<li>Service businesses collecting leads through custom contact forms</li>
<li>Anyone using Contact Form 7 who wants better-looking forms without writing CSS</li>
</ul>


Styler Mate for Contact Form 7

Style and enhance Contact Form 7 for Divi, Bricks, Elementor, Gutenberg, and more.

YOUELBLOCKS vs Styler Mate for Contact Form 7