Alvaro

<p><a href="https://gutenberg-showcase.melonpan.io/melonpan-block-images" rel="nofollow ugc">Demo</a> – <a href="https://melonpan.io/gutenberg-blocks/melonpan-block-images" rel="nofollow ugc">Documentation</a> – <a href="https://github.com/garciaalvaro/melonpan-block-images" rel="nofollow ugc">GitHub</a></p>
<p>Add a gallery of images in a simple but clean layout. The block comes with the following settings:</p>
<h3>Features</h3>
<p>The block comes with the following settings:</p>
<ul>
<li>Layout Vertical, Horizontal, Slider</li>
<li>Images separation</li>
<li>Cover size with aspect ratio</li>
<li>Responsive property</li>
<li>Fixed dimension for Horizontal and Slider layouts</li>
<li>Slider dot color</li>
</ul>
<p>Simple but created to be useful. Each image is rendered with the srcset property containing all sizes available. No scripts are added in the front-end.</p>
<h3>Usage</h3>
<p>The block can be found inside the blocks inserter menu under the <em>Melonpan Blocks</em> category.<br />
Once added in the post you can edit its settings on the Editor sidebar under the Block settings panel.</p>
<h3>Credits</h3>
<p>Screenshot images belong to <a href="https://unsplash.com/@charlpost" rel="nofollow ugc">Charles Postiaux</a>.</p>


Melonpan Block – Images

Add a gallery of images in a simple but clean layout.

Brainstorm Force

<h4>SUREFORMS – THE BEST NO-CODE CUSTOM FORM BUILDER</h4>
<p>★★★★★</p>
<p>👉 <a href="https://bsf.io/sureforms-demo" rel=" nofollow ugc">Try the live demo of SureForms</a></p>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/qLpnm4GdXks?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></span>
<h3>CREATE BEAUTIFUL RESPONSIVE FORMS USING WORDPRESS BLOCK EDITOR (GUTENBERG EDITOR) WITHOUT CODING ⚡</h3>
<p>Our mission at SureForms is to empower you to build <strong>beautiful forms without any code</strong>.</p>
<p>We’re taking a fresh approach with Gutenberg, WordPress’s native drag-and-drop builder, to make creating forms seamless and intuitive with no new interface to learn.</p>
<p>SureForms is a beginner-friendly form plugin that makes building contact forms and other high-converting custom forms fast and simple with advanced features like multi-step forms, conversational forms, conditional logic, etc.</p>
<p>Good design and user experience are crucial for forms. Yet many website owners struggle to make their forms blend seamlessly with their site’s look and feel, often leading to lower response rates.</p>
<p>In this regard, SureForms addresses several pain points commonly experienced by website owners:</p>
<ul>
<li>Complex Process of Form Building</li>
<li>Design Limitations</li>
<li>Lack of Mobile-friendliness and Accessibility</li>
<li>Limited Engagement in Their Forms</li>
<li>Spam and Security Issues</li>
</ul>
<p>SureForms is packed with features to address these pain points of WordPress users.</p>
<h3>POWERFUL FEATURES OF SUREFORMS 💪</h3>
<p>Below are some of the top features SureForms offers:</p>
<h4>Native WordPress</h4>
<p>SureForms uses WordPress’s native block editor for a seamless drag-and-drop form building experience. No need to learn a new editor or a new style.</p>
<p>It’s fast, simple, and the most beginner-friendly form builder for WordPress.</p>
<h4>Create Forms Effortlessly with AI</h4>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/uDLF4dk3YHI?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></span>
<p>SureForms is the first AI-powered form builder for WordPress, which makes form creation faster and smarter. From simple contact forms to advanced calculators, AI handles the details, offers smart suggestions, and helps you build functional, user friendly forms in just a few clicks.</p>
<p><strong>Here are a few examples of forms you can create with SureForms AI:</strong></p>
<ul>
<li>Contact Form</li>
<li>Feedback / Survey Form</li>
<li>Event RSVP Form</li>
<li>Job Application Form</li>
<li>Newsletter Form</li>
<li>Support Form</li>
<li>Calorie Counter</li>
<li>Calculators</li>
<li>Conversational Forms</li>
</ul>
<h4>No-Code Flexibility</h4>
<p>SureForms makes advanced features like conditional logic, multi-step forms, query parameters and etc. simple to use through a no-code interface. This empowers anyone to create powerful, interactive forms without writing a single line of code.</p>
<h4>Payment Forms</h4>
<p>SureForms supports a built-in Payment Forms feature. With SureForms, anyone can easily create full-fledged donation forms, event registrations, product checkouts, or any kind of form that needs to accept payments, all without relying on any extra add-on or third-party plugins. This makes collecting payments seamless, secure, and effortless directly through your forms.</p>
<p>Here are a few examples of how the Payment Feature in SureForms can power your forms:<br />
–   <a href="https://sureforms.com/form/donation-form/" rel="nofollow ugc">Donation Form</a><br />
–   <a href="https://sureforms.com/form/photography-packages-payment-form/" rel="nofollow ugc">Photography Packages Booking Form</a><br />
–   <a href="https://sureforms.com/form/monthly-membership-plan/" rel="nofollow ugc">Monthly Membership Plan Form</a><br />
–   <a href="https://sureforms.com/form/freelance-web-design-packages-payment/" rel="nofollow ugc">Web Design Packages Booking Form</a></p>
<h4>Instant Forms</h4>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/pMH129ZUxJ0?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></span>
<p>With SureForms’ own Instant Form feature, you can publish forms with a unique shareable URL. No embedding needed. Share them anywhere and make your forms instantly accessible.</p>
<h4>Mobile-First Approach</h4>
<p>SureForms recognizes the importance of mobile friendly forms. The forms created with SureForms are designed with a mobile-first approach, ensuring they look and function flawlessly on various devices.</p>
<h4>Multi-Column Layouts</h4>
<p>SureForms makes it easy to arrange input fields into multiple columns for a clean, efficient form layout. This makes your forms look organized, visually appealing, and encourages higher completion rates. You can customize the columns to fit your design.</p>
<h4>Input Fields</h4>
<p><strong>SureForms comes with 15+ fields to build your form:</strong></p>
<ul>
<li>Text Field</li>
<li>Email</li>
<li>URL</li>
<li>Textarea</li>
<li>Multiple Choice</li>
<li>Checkbox</li>
<li>GDPR Agreement</li>
<li>Number Field</li>
<li>Phone Number</li>
<li>Dropdown</li>
<li>Address Field</li>
<li>Custom Button</li>
<li>Separator</li>
<li>Heading</li>
<li>Image</li>
<li>Icon</li>
</ul>
<h4>Inline Field Validation</h4>
<p>Real-time validation for form fields provides instant feedback to users if they enter incorrect or incomplete information. This ensures data accuracy and enhances the user experience.</p>
<h4>GDPR Compliance</h4>
<p>Ensure your forms are GDPR compliant and protect user data by simply enabling the built-in GDPR setting.</p>
<h4>Anti-Spam Forms</h4>
<p>Protect your forms from spam with built-in measures like Google reCAPTCHA and Honeypot fields. These ensure submissions are genuine, block bots, and keep your forms secure without bothering your users.</p>
<h4>Personalized Confirmation Messages</h4>
<p>SureForms provides options for setting up customized confirmation messages or redirections that are displayed to users after successful form submissions.</p>
<p>Tailor these messages to provide personalized feedback or redirect respondents to specific pages.</p>
<h4>Email Notifications</h4>
<p>Configure customized email notifications triggered by form submissions. Specify recipients, email templates, and personalized messages to stay informed and automate communication.</p>
<h4>Form Entries</h4>
<p>Stores form entries securely to access and manage form submission data within your WordPress dashboard. You can also review, export, or perform actions on form entries as needed.</p>
<h4>Visual Data Reporting</h4>
<p>Analyze and gain insights from form submissions through interactive charts, graphs, and data visualizations. Take data-driven decisions.</p>
<h4>Developer-Friendly Customization</h4>
<p>SureForms gives developers clean APIs, hooks, and well-structured code, making it easy to customize, extend, and integrate forms with other systems, plugins, or themes.</p>
<h3>Premium Features of SureForms 🔥</h3>
<p><a href="https://sureforms.com/features/conversational-form/" rel="nofollow ugc"><strong>Conversational Forms</strong></a>:<br />
Chat-like forms, one question at a time, for more conversions.</p>
<p><a href="https://sureforms.com/features/multi-step-forms/" rel="nofollow ugc"><strong>Multi-step Forms</strong></a>:<br />
Bite-sized forms, less form fatigue for your users.</p>
<p><a href="https://sureforms.com/features/conditional-logic/" rel="nofollow ugc"><strong>Conditional Logic Forms</strong></a>:<br />
Personalized forms based on users’ answers.</p>
<p><a href="https://sureforms.com/features/pdf-generator/" rel="nofollow ugc"><strong>PDF Generation</strong></a>:<br />
Instantly create downloadable PDFs of form submissions for records or sharing.</p>
<p><a href="https://sureforms.com/features/login-and-registration/" rel="nofollow ugc"><strong>Registration & Login Forms</strong></a>:<br />
Fully functional, branded Registration & Login form for your site using just a block.</p>
<p><a href="https://sureforms.com/features/integrations/" rel="nofollow ugc"><strong>Advanced Native Integration</strong></a>:<br />
Connect your forms natively with top apps and services like Telegram, FluentCRM, Mailchimp, Brevo, and more to automate workflows and save time.</p>
<p><a href="https://sureforms.com/features/calculator-form/" rel="nofollow ugc"><strong>Calculators</strong></a>:<br />
Provide instant quotes or results with interactive calculators in your site. Designed to bring more traffic to your site.</p>
<p>With SureForms, we are here to fix some real issues users face with WordPress Forms. That’s why <strong>300,000+ websites</strong> have embraced SureForms for all their form related needs.</p>
<h3>HOW IT WORKS ❓</h3>
<p>From installation to creating your first form, SureForms is designed to be simple and intuitive. Here is how it works:</p>
<h4>Step 1: Install WordPress Plugin 🔌</h4>
<p>From your WordPress dashboard, navigate to the Plugins menu and click on the “Add New” button. Search for the SureForms plugin, then click “Install Now” and “Activate”.</p>
<h4>Step 2: Build your Form ⚙️</h4>
<p>Once the plugin is installed, you will be redirected to the SureForms dashboard page in your WordPress dashboard. There you will find a button to create a new form. Click it to build and customize your form using the SureForms interface to suit your requirements.</p>
<h4>Step 3: Embed/Publish your Form 📄</h4>
<p>Once your form is ready, easily embed it on any page or post using the provided shortcode or block. Or, you can use the ‘Instant Form’ option to make it live instantly.</p>
<h3>WHO CAN BENEFIT FROM SUREFORMS?</h3>
<p>SureForms is built for anyone who needs contact forms, custom forms, or advanced user-friendly forms on WordPress.</p>
<ul>
<li><strong>Website Owners:</strong> For any GDPR-compliant forms without coding.</li>
<li><strong>Designers:</strong> For forms that match site aesthetics with custom styling options.</li>
<li><strong>Developers:</strong> Ability to extend with clean APIs, hooks, and custom CSS.</li>
<li><strong>No-Code Professionals:</strong> Use advanced features like Conditional Logic, Multi-step, and Conversational Forms with ease.</li>
<li><strong>Agencies:</strong> To save time with easy integration for scalable workflows.</li>
<li><strong>E-commerce Stores:</strong> To power up Checkouts, Registrations, and Customer Forms.</li>
<li><strong>Educators & Communities:</strong> To build student Registration or Login Forms, Feedback Forms, or Membership Forms quickly.</li>
</ul>
<p>Don’t think this is just it. There is no limit to the types of businesses and organizations that can benefit from using SureForms.</p>
<h3>WORDPRESS THEMES & PLUGINS THAT SUREFORMS SUPPORTS 🔗</h3>
<h4>SureForms works with any theme, including:</h4>
<ul>
<li>Astra</li>
<li>Spectra One</li>
<li>Blocksy</li>
<li>Bricks Builder</li>
<li>Flatsome</li>
<li>GeneratePress</li>
<li>Hestia</li>
<li>Kadence</li>
<li>Neve</li>
</ul>
<h4>SureForms is compatible with all plugins, including:</h4>
<ul>
<li>Spectra</li>
<li>Easy Digital Downloads</li>
<li>FluentCRM</li>
<li>GiveWP</li>
<li>LearnDash</li>
<li>LifterLMS</li>
<li>MemberPress</li>
<li>PrestoPlayer</li>
<li>Restrict Content Pro</li>
<li>SureCart</li>
<li>SureMembers</li>
<li>OttoKit</li>
<li>The Events Calendar</li>
<li>TutorLMS</li>
<li>Wishlist Member</li>
<li>WooCommerce</li>
<li>CartFlows</li>
<li>Elementor Pro</li>
<li>Beaver Builder</li>
<li>Divi Builder</li>
<li>And many more</li>
</ul>
<h3>BRANDING GUIDELINE</h3>
<h4>SureForms® is a registered trademark. Please use the following format when mentioning SureForms anywhere:</h4>
<ul>
<li>SureForms [correct]</li>
<li>Sure Forms [incorrect]</li>
<li>Sureform [incorrect]</li>
<li>Sureforms [incorrect]</li>
<li>Sure forms [incorrect]</li>
<li>SureForm [incorrect]</li>
<li>Sure Form [incorrect]</li>
</ul>
<h3>CONNECT WITH OUR TEAM AND COMMUNITY</h3>
<p><a href="https://www.facebook.com/groups/surecart" rel="nofollow ugc">Join our Facebook group community</a>:<br />
Learn the tricks and techniques that other SureForms users are using to grow their business. Also, get exciting insider information on upcoming feature releases.</p>
<h3>WANT TO CONTRIBUTE TO THE PLUGIN?</h3>
<p>You may now contribute to the plugin on <a href="https://github.com/brainstormforce/sureforms-public" rel="nofollow ugc">GitHub</a>.</p>
<h3>USE OF 3RD PARTY SERVICES</h3>
<p>To improve the user experience, SureForms may use the following 3rd party services if the required features are enabled:</p>
<ul>
<li>
<p><strong>ipinfo</strong> — is used to show User IP Info to Admin when IP Logging is turned on. <a href="https://ipinfo.io/terms-of-service" rel="nofollow ugc">TOS</a> and <a href="https://ipinfo.io/privacy-policy" rel="nofollow ugc">Privacy Policy</a></p>
</li>
<li>
<p><strong>Google Fonts</strong> — are loaded to add additional fonts to your website. Google’s <a href="https://policies.google.com/terms" rel="nofollow ugc">TOS</a> and <a href="https://policies.google.com/privacy" rel="nofollow ugc">Privacy Policy</a></p>
</li>
<li>
<p><strong>ipapi</strong> — is used to auto detect the current user region Phone Field <a href="https://ipapi.co/terms/" rel="nofollow ugc">TOS</a> and <a href="https://ipapi.co/privacy/" rel="nofollow ugc">Privacy Policy</a></p>
</li>
<li>
<p><strong>reCAPTCHA</strong> — is used for spam prevention and to ensure that the submissions made through the form are done by real human users. <a href="https://policies.google.com/terms" rel="nofollow ugc">TOS</a> and <a href="https://policies.google.com/privacy" rel="nofollow ugc">Privacy Policy</a></p>
</li>
</ul>
<h3>Blocks</h3>
<p>This plugin provides 16 blocks for all users:</p>
<ul>
<li>
<p><strong>Address:</strong> Displays a SureForms Address Field</p>
</li>
<li>
<p><strong>Phone Number:</strong> Displays a SureForms Phone Field</p>
</li>
<li>
<p><strong>Email:</strong> Displays a SureForms Email Field</p>
</li>
<li>
<p><strong>Textarea:</strong> Displays a SureForms Textarea Field</p>
</li>
<li>
<p><strong>Number:</strong> Displays a SureForms Number Field</p>
</li>
<li>
<p><strong>URL:</strong> Displays a SureForms URL Field</p>
</li>
<li>
<p><strong>Dropdown:</strong> Displays a SureForms Dropdown Field</p>
</li>
<li>
<p><strong>Custom Button:</strong> Displays a SureForms Custom Button</p>
</li>
<li>
<p><strong>Text:</strong> Displays a SureForms Text Field</p>
</li>
<li>
<p><strong>Multiple Choice:</strong> Displays a SureForms Multiple Choice Field</p>
</li>
<li>
<p><strong>Checkbox:</strong> Displays a SureForms Check Box Field</p>
</li>
<li>
<p><strong>Separator:</strong> Displays a SureForms Separator Field</p>
</li>
<li>
<p><strong>Heading:</strong> Displays a SureForms Heading Field</p>
</li>
<li>
<p><strong>Image:</strong> Displays a SureForms Upload Image Field</p>
</li>
<li>
<p><strong>Icon:</strong> Displays a SureForms Icon Field</p>
</li>
<li>
<p><strong>GDPR Agreement:</strong> Displays a SureForms GDPR Agreement Field</p>
</li>
</ul>


SureForms – Contact Form, Payment Form & Other Custom Form Builder


Just like the other plugins in the Sure Products family, SureForms is intuitive to use and lightweight on both the front end and back end, making it easy to manage form designs and entries. It’s also delightful to experience how quickly the webpage responds when a form is submitted, making the entire process smooth and enjoyable.


Zero entry barrier with rick features

The most beginner-friendly, AI Form Builder for WordPress to create contact forms & other custom forms with advanced features, without any code.

Melonpan Block – Images vs SureForms – Contact Form, Payment Form & Other Custom Form Builder