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>Contact Form 7 is rock-solid but plain. CF7 Mate fills in the parts most people end up writing CSS or shopping around for: a clean visual styler that lives inside your page builder, an AI generator that writes a working CF7 form from a one-sentence description, and a few extra field types CF7 doesn’t ship — star ratings, range sliders, an international phone field.</p>
<p>Nothing replaces CF7. You still build and manage forms in the regular CF7 editor. CF7 Mate just makes the result look the way you want and adds the things power users keep asking for.</p>
<p>Works with <strong>Divi 4 & 5</strong>, the <strong>WordPress block editor</strong>, <strong>Elementor</strong>, and <strong>Bricks</strong>.</p>
<p><a href="https://cf7mate.com" rel="nofollow ugc">Product site</a> · <a href="https://cf7mate.com/docs" rel="nofollow ugc">Documentation</a> · <a href="https://cf7mate.com/pricing" rel="nofollow ugc">Pricing</a> · <a href="https://github.com/plugpressco/cf7-styler-for-divi" rel="nofollow ugc">GitHub</a></p>
<h4>AI Form Generator (free)</h4>
<p>Describe the form you want in plain English — “a booking form with name, date, time slot, and a notes box” — and CF7 Mate writes the Contact Form 7 markup for you. The result is a normal CF7 form you can save, edit field-by-field, or extend with any other CF7 plugin. There’s no proprietary format and no lock-in.</p>
<p>You bring your own OpenAI (or compatible) API key. Generation costs a fraction of a cent per form, and your key is stored only in your own WordPress database.</p>
<p>Useful for contact forms, booking forms, surveys, NPS questionnaires, quote requests, job applications, and anything else you’d normally build by hand.</p>
<h4>Visual styling that lives in your builder</h4>
<p>Open a CF7 form inside Divi, Elementor, Bricks, or the WordPress block editor and you get the same point-and-click styling controls you already use for the rest of your page — colors, typography, spacing, focus states, responsive breakpoints. No CSS file to maintain, no shortcode to remember.</p>
<p>The integrations are real builder modules, not generic shortcode wrappers, so they pick up your theme’s global colors, presets, and breakpoints automatically.</p>
<h4>Extra field types CF7 doesn’t ship</h4>
<ul>
<li><strong>Star rating</strong> for reviews, feedback, and CSAT-style questions.</li>
<li><strong>Range slider</strong> for budgets, quantities, and quote calculators.</li>
<li><strong>International phone number</strong> with a country flag picker and dial-code prefixing.</li>
<li><strong>Heading</strong>, <strong>separator</strong>, <strong>image</strong>, and <strong>icon</strong> decorative elements to break up long forms.</li>
</ul>
<p>Each one is registered as a real CF7 form tag — the values land in your notification emails like any built-in field.</p>
<h4>Grid layout for CF7</h4>
<p>Arrange fields into responsive multi-column rows so your forms don’t look like a stack of inputs on desktop. Per-breakpoint column counts mean a 3-column lead form on desktop still stacks cleanly on phones.</p>
<h4>Pro features</h4>
<p>The Pro plan (<a href="https://cf7mate.com/pricing" rel="nofollow ugc">cf7mate.com/pricing</a>) adds the heavyweight features most form-building plugins charge extra for:</p>
<ul>
<li><strong>Multi-step forms</strong> — split long forms into a guided wizard so visitors don’t bounce.</li>
<li><strong>Conditional logic</strong> — show, hide, or skip fields and steps based on what the user enters.</li>
<li><strong>Form entries</strong> — save every submission to your own WordPress database with search, filter, and CSV export. Never lose a lead to a missed email.</li>
<li><strong>Form analytics</strong> — per-form views, submissions, and conversion rate, stored locally, no third-party tracker.</li>
<li><strong>Form scheduling</strong> — open and close any form on a date/time window with a custom closed-state message.</li>
<li><strong>Conditional email routing</strong> — send notifications to different recipients based on what the user picked.</li>
<li><strong>Save and continue later</strong> — let visitors resume long forms from an email link.</li>
<li><strong>Style presets</strong> — save a styled form as a reusable preset and apply it to other forms in one click.</li>
<li><strong>White label</strong> (Agency plan) — replace CF7 Mate branding with your own for client sites.</li>
</ul>
<p>Everything stays inside the standard CF7 workflow. Pro doesn’t fork CF7 or hide your data — entries live in your database, schedules in post meta, analytics in your database.</p>
<h4>Who this is for</h4>
<p>Anyone who uses Contact Form 7 and wants modern styling, smarter forms, or both. We hear most often from agencies and freelancers building branded forms for clients, service businesses capturing leads, and event organizers running registration windows.</p>
<h4>Privacy</h4>
<p>The free plugin sends nothing off your site. The AI generator sends only your design prompt (not user submissions) to the AI provider you configure. The Pro license check exchanges your license key with our licensing server — no form data, no submissions. Form Entries stores submissions only in your own database.</p>
<h4>Source</h4>
<p>The free plugin is open source: <a href="https://github.com/plugpressco/cf7-styler-for-divi" rel="nofollow ugc">github.com/plugpressco/cf7-styler-for-divi</a>. Issues and PRs welcome.</p>


CF7 Mate – AI Form Builder, Styler & Multi-Step Forms for Contact Form 7

Contact Form 7 add-on with an AI form generator, visual styling for every major page builder, and extra field types.

YOUELBLOCKS vs CF7 Mate – AI Form Builder, Styler & Multi-Step Forms for Contact Form 7