YOUELBLOCKS Team

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

YOUELBLOCKS

Create and manage custom forms intuitively using WordPress block editor.

Satinder Singh

CoolHappy

Cool Plugins

Eduardo Villão

<a href="https://coolformkit.com/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=top_name" rel="nofollow ugc">Cool FormKit</a> is an advanced contact form builder for Elementor. It provides a form widget for Elementor Free and also extends the default Elementor Pro form widget with additional fields and smart features.
If you already use Elementor Pro, you can extend default Elementor form widget using Cool FormKit (aka coolformkit) to unlock advanced features. For example, you can enhance phone fields with a <a href="https://coolformkit.com/features/country-code-for-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=country_code" rel="nofollow ugc">Country Code</a> and apply <a href="https://coolformkit.com/features/conditional-logic-for-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=conditional_logic" rel="nofollow ugc">Conditional Logic</a> to show or hide fields dynamically based on user input. You can also add a <a href="https://docs.coolplugins.net/doc/range-slider-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=docs&utm_content=range_slider" rel="nofollow ugc">Range Slider</a> for interactive input, a <a href="https://docs.coolplugins.net/doc/signature-field-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=docs&utm_content=signature_field" rel="nofollow ugc">Signature Field</a> for collecting e-signatures, or a <a href="https://docs.coolplugins.net/doc/calculator-field-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=docs&utm_content=calculator_field" rel="nofollow ugc">Calculator Field</a> for creating instant estimates and quotes. Means aside from building simple contact forms, Cool FormKit helps you create advanced forms in Elementor.
Not just that — if you are using the Hello Plus plugin with its form widget, Cool FormKit also extends it with the same advanced options, making it a truly all-in-one form builder for Elementor Free, Pro, and Hello Plus.
👉 <a href="https://coolformkit.com/elementor-forms/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=demo&utm_content=view_elementor_forms" rel="nofollow ugc">VIEW FORM EXAMPLES</a>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/gJ2ON1-oJhM?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
With Cool FormKit, you can create contact forms, registration forms, booking forms, feedback forms, survey forms, calculator forms, and more — all with a drag-and-drop form builder and no coding required. It makes building forms in Elementor fast, flexible, and user-friendly.
<h3>Cool FormKit Lite Features</h3>
<ul>
<li>Form Widget for Elementor Free: Build forms directly in Elementor Free with a drag-and-drop contact form widget. </li>
<li>Form Extender for Elementor Pro: Already using Elementor Pro forms? Extend them with extra options like conditional logic and country code. </li>
<li>Form Extender for Hello Plus: Create forms with the Hello Plus form widget and extend them with advanced fields and logic. </li>
<li>Save Form Entries: Automatically save form submissions in your WordPress dashboard for records management. </li>
<li><a href="https://coolformkit.com/features/whatsapp-redirect-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=features_whatsapp_redirect" rel="nofollow ugc">WhatsApp Redirect Form</a>: Redirect users to WhatsApp after submitting a form — perfect for instant lead follow-ups. </li>
<li><a href="https://coolformkit.com/features/conditional-logic-for-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=features_conditional_logic" rel="nofollow ugc">Conditional Fields</a>: Show or hide fields dynamically based on other field values for smarter forms. </li>
<li><a href="https://coolformkit.com/features/country-code-for-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=features_country_code" rel="nofollow ugc">Country Code Field</a>: Add an international country code dropdown with flags inside the <code>Tel field</code>. </li>
<li><a href="https://coolformkit.com/features/input-mask-for-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=features_input_masks" rel="nofollow ugc">Form Input Masks</a>: Help users enter properly formatted data like dates, phone numbers, and credit cards. </li>
</ul>
<h3>Cool FormKit Premium Features</h3>
<ul>
<li><a href="https://coolformkit.com/features/range-slider-for-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=features_range_slider" rel="nofollow ugc">Range Slider</a>: Add interactive range sliders to capture numeric values in a visual way. </li>
<li><a href="https://coolformkit.com/features/signature-field-for-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=features_signature_field" rel="nofollow ugc">Signature Field</a>: Let users sign electronically with a responsive signature pad. </li>
<li><a href="https://coolformkit.com/features/rating-field-for-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=features_rating_field" rel="nofollow ugc">Rating Field</a>: Collect star ratings and feedback in your Elementer forms. </li>
<li><a href="https://coolformkit.com/features/select2-field-for-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=features_select2_field" rel="nofollow ugc">Select2 Field</a>: Enhance dropdowns with search, AJAX, and multi-select options. </li>
<li><a href="https://coolformkit.com/features/checkbox-radio-styles-for-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=features_checkbox_radio" rel="nofollow ugc">Checkbox & Radio Styles</a>: Apply modern styles on checkboxes and radio buttons. </li>
<li><a href="https://coolformkit.com/features/image-radio-for-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=features_image_radio" rel="nofollow ugc">Image Radio Field</a>: Replace boring radio buttons with images as selectable options. </li>
<li><a href="https://coolformkit.com/features/toggle-field-for-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=features_toggle_field" rel="nofollow ugc">Toggle Field</a>: Add toggle switches for on/off style selections. </li>
<li><a href="https://coolformkit.com/features/cloudflare-turnstile-for-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=features_turnstile" rel="nofollow ugc">Cloudflare Turnstile</a>: Protect your forms with Cloudflare Turnstile security. </li>
<li><a href="https://coolformkit.com/features/hcaptcha-for-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=features_hcaptcha" rel="nofollow ugc">hCaptcha</a>: Add hCaptcha verification to Elementor forms for anti-spam security. </li>
<li><a href="https://coolformkit.com/features/country-and-state-field-for-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=features_country_state" rel="nofollow ugc">Country & State Field</a>: Add a Country + State selector in Elementor form. </li>
<li><a href="https://coolformkit.com/features/wysiwyg-field-for-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=features_wysiwyg" rel="nofollow ugc">WYSIWYG Field</a>: Insert a rich-text editor field so users can enter formatted content. </li>
<li><a href="https://coolformkit.com/features/calculator-for-elementor/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=features_calculator" rel="nofollow ugc">Calculator Forms</a>: Create calculators like BMI, EMI, and Interest Calculator directly in Elementor 👉 Examples: <a href="https://coolformkit.com/elementor-forms/bmi-calculator/" rel="nofollow ugc">BMI Calculator</a>, <a href="https://coolformkit.com/elementor-forms/emi-calculator/" rel="nofollow ugc">EMI Calculator</a>, <a href="https://coolformkit.com/elementor-forms/interest-calculator/" rel="nofollow ugc">Interest Calculator</a> </li>
<li>Spam Protection: Secure your Elementor forms by blocking submissions that contain restricted or spam words in form fields. </li>
<li>Smart Conditional Logic: Apply advanced conditional logic in Elementor forms to trigger automatic workflows like:
<ul>
<li><a href="https://docs.coolplugins.net/doc/conditional-redirect-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=docs&utm_content=features_conditional_redirect" rel="nofollow ugc">Conditional Redirects</a> </li>
<li><a href="https://docs.coolplugins.net/doc/conditional-email-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=docs&utm_content=features_conditional_email" rel="nofollow ugc">Conditional Emails</a> </li>
<li><a href="https://docs.coolplugins.net/doc/conditional-mailchimp-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=docs&utm_content=features_conditional_mailchimp" rel="nofollow ugc">Conditional Mailchimp Integration</a> </li>
</ul>
</li>
</ul>
👉 <a href="https://coolformkit.com/features/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=features_all" rel="nofollow ugc">VIEW MORE FEATURES</a>
<h4>Cool FormKit – Exclusive Features for Elementor Pro Forms</h4>
<ul>
<li>
Frontend Post Submission Forms: Enable users to submit content from the frontend and instantly create WordPress posts. 👉 <a href="https://www.youtube.com/watch?v=fNIoWyXF9js" rel="nofollow ugc">Watch Demo</a>
</li>
<li>
Hide Form After Submission & Show Custom Message: Hide the form after successful submission and show a custom success message. 👉 <a href="https://www.youtube.com/watch?v=CMN32j4hGlA" rel="nofollow ugc">Watch Demo</a>
</li>
</ul>
<h3>More Form Extensions For Elementor</h3>
Using the default Elementor form builder widget from Elementor Pro? 
Now enhance your Elementor forms with these lightweight form addons developed by Cool Plugins.
<ul>
<li>
<a href="https://coolplugins.net/product/conditional-fields-for-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=elementor_form_addons" rel="nofollow ugc">Conditional Fields for Elementor Form</a> 
Add advanced if/else logic to your forms. Show, hide, enable, or disable fields dynamically depending on user selections.
</li>
<li>
<a href="https://wordpress.org/plugins/country-code-field-for-elementor-form/" rel="ugc">Country Code for Elementor Form Telephone Field</a> 
Insert an international country dial code dropdown with flags into phone fields. Ensure visitors always enter valid, well-formatted phone numbers.
</li>
<li>
<a href="https://wordpress.org/plugins/form-masks-for-elementor/" rel="ugc">Form Input Masks for Elementor Forms</a> 
Apply flexible input masks on form fields like phone, date, credit card, and more so that users enter data in the correct format every time.
</li>
</ul>
<h3>More Addons for Elementor You’ll Love</h3>
Cool Plugins team has also built several other popular addons that extend Elementor with unique design and functionality options.
<ul>
<li>
<a href="https://cooltimeline.com/plugin/timeline-widget-pro/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=other_addons" rel="nofollow ugc">Timeline Widget for Elementor</a>: Showcase your history, milestones, or company story in modern vertical or horizontal timeline layout in Elementor.
</li>
<li>
<a href="https://eventscalendaraddons.com/plugin/events-widgets-pro/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=other_addons" rel="nofollow ugc">Events Widgets for Elementor</a>: Display The Events Calendar upcoming events in grid, list, or carousel layouts styled beautifully in Elementor editor.
</li>
<li>
<a href="https://coolplugins.net/product/autopoly-ai-translation-for-polylang/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=other_addons" rel="nofollow ugc">AutoPoly – AI Translation for Polylang</a>: Automatically translate Elementor pages with AI. Create multilingual websites quickly using Polylang + AutoPoly.
</li>
<li>
<a href="https://locoaddon.com/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=other_addons" rel="nofollow ugc">LocoAI – Auto Translate for Loco Translate</a>: Instantly translate WordPress plugins and themes with AI with One-click.
</li>
<li>
<a href="https://wordpress.org/plugins/loop-grid-extender-for-elementor-pro/" rel="ugc">Loop Grid Extender for Elementor Pro</a>: Supercharge Elementor Pro loop grids with support for ACF repeater fields and advanced taxonomy filters.
</li>
</ul>
Use of 3rd Party Services: This plugin connects to the Cool Plugins feedback server only for optional usage data sharing and voluntary feedback submission (for example, during plugin deactivation). Data is transmitted solely after explicit user consent. No hidden tracking is performed, and no frontend visitor or site user data is collected.  For more details, please review our <a href="https://my.coolplugins.net/terms/usage-tracking/" rel="nofollow ugc">Data Usage Policy</a>, <a href="https://my.coolplugins.net/terms/" rel="nofollow ugc">TOS</a>, and <a href="https://my.coolplugins.net/terms/privacy-policy/" rel="nofollow ugc">Privacy Policy</a> 
and this plugin uses Google reCAPTCHA v2 and v3 to protect forms from spam. it may collect device and interaction data per <a href="https://policies.google.com/privacy" rel="nofollow ugc">Google’s Privacy Policy</a>. It also includes the <a href="https://intl-tel-input.com" rel="nofollow ugc">intl-tel-input library</a>, distributed under the <a href="https://github.com/jackocnr/intl-tel-input/blob/master/LICENSE" rel="nofollow ugc">MIT License</a>.
<h4>Disclaimer</h4>
Cool FormKit is an independent product developed by Cool Plugins. It is not affiliated with, endorsed, or sponsored by Elementor. Elementor is a registered trademark of Elementor Ltd. All references to Elementor in this plugin are strictly for descriptive purposes, to indicate that it works as an addon/extension for the Elementor page builder.

Cool FormKit Lite – Advanced Form Builder for Elementor

Contact form addon for Elementor. Create forms in Elementor Free or extend Elementor Pro forms with conditional logic, country code and extra fields.

YOUELBLOCKS vs Cool FormKit Lite – Advanced Form Builder for Elementor