manuelmasia

Here is the demo page: <a href="http://www.pixedelic.com/plugins/pixgridder" title="PixGridder" rel="nofollow ugc">PixGridder</a> where a link to Pro version is available (pixgridder-pro)
I prefer to define this plugin as a “grid builder” instead of a page builder, because a page builder is commonly intended as a tool that allows to create sections and, usually, comes with shortcodes such as tabs, accordions, particular sections, galleries etc… And, in many cases, all these shortcodes are not compatible with other similar plugins you could prefer to use.
PixGridder is instead very simple, because it only allows to split your page into rows and columns by moving the functions available on your tinyMCE editor from the whole page to each column you decide to split your page into. In this way you can use the plugins you prefer with the shortcodes you prefer (and also the buttons available on your tinyMCE editor) since the editor is exactly the same one you would have without using PixGridder.
<h4>How it works</h4>
PixGridder doesn’t generate shortcodes, it only puts into your posts and pages some html comments like this: <code></code>
They’re invisible except through the source code. So if you want to disable the plugin you don’t have to worry about a lot of strange and unuseful shortcodes across your content because everything will be hidden for both the users and the search engine robots.
However, if you want to remove any trace of the plugin from the source code of a page, you can do it by enabling the “no trace” option: you’ll get rid of all the HTML comments, but you’ll keep unaltered your content.
<h4>Page builder visual description</h4>
Take a look to the <a href="https://s.w.org/plugins/pixgridder/screenshot-2.jpg" rel="nofollow ugc">2nd screenshot</a>
<ol>
<li>title and version of the installed plugin</li>
<li>Preview tab: by clicking it you will see the live site with a preview of the changes, not editable from the preview visual itself</li>
<li>Builder tab: where you can edit your page/post by using the grid builder</li>
<li>row dragger: use it to sort your rows and move them to the top or to the bottom</li>
<li>ID and class: use it to open a dialog box where to add an ID or a class to your row</li>
<li>clone button: clone your entire row and append the clone below the original one (everything will be cloned, cloumns, IDs, classes etc.)</li>
<li>column select: select how many columns your row is based on</li>
<li>delete: remove the row</li>
<li>alert icon: this icon will appear when you make a not-allowed operation, such as adding a column where there is no space for other columns or try to reduce the width of column if it already has got the minimum width allowed</li>
<li>add row: click to add an empty row</li>
<li>add column: click to add an empty column</li>
<li>column dragger: use it to sort your columns and move them to the left or to the right inside a row</li>
<li>column content: here is displayed a preview of the content (the font and the text color won’t reflect on the frontend)</li>
<li>expand column: click to increase the width of the column</li>
<li>contract column: click to reduce the width of the column</li>
<li>edit column: click to open a dialog box where to edit the content of the column (a tinyMCE editor will open in the dialog box, the width of the textarea will be relative to the max width set for the theme you’re using and the width of the column you’re editing)</li>
<li>clone button: clone your entire column and append the clone to the right of the original one, if there is enough space (everything will be cloned, content, ID, class etc.)</li>
<li>ID and class: use it to open a dialog box where to add an ID or a class to your column</li>
<li>delete: remove the column</li>
<li>“Disable the grid builder”: tick the checkbox and update the page → now the page is editable without using the grid builder, but the frontend still displays columns and rows, so pay attention to not remove any html comment or you risk to break the layout</li>
<li>“Remove any trace of PixGridder from this page”: tick the checkbox and update the page → all the row and the columns will be removed but without touching the content, still available both on the frontend and on the editor</li>
</ol>

PixGridder

A simple page grid composer that splits your pages into ordered grids, a builder for rows and columns

Ravi Shah

hardikkotak

Ravikumar Patel

harshalmavlers

mitaluplers

Pravin R. Sonawane

Sony Merlin

Connect2Form is a comprehensive WordPress form builder plugin that enables users to create custom contact forms with advanced features. Built with security, accessibility, and performance as core principles, it provides a solid foundation for form management with extensibility through addon plugins for CRM and email marketing integrations.
🚀 Core Features:
<ul>
<li>
Drag & Drop Form Builder – Intuitive visual interface with live preview and real-time editing
</li>
<li>
15+ Field Types – Text, email, file upload, date picker, select, radio, checkbox, textarea, number, URL, phone, consent, and more
</li>
<li>
Conditional Logic – Show/hide fields based on user input with advanced rule conditions
</li>
<li>
Email Notifications – Multiple customizable email templates with merge tags and HTML/plain text support
</li>
<li>
Auto-Responder – Automatic reply emails to form submitters with customizable templates
</li>
<li>
File Upload Support – Secure file handling with type validation, size limits, and virus scanning capability
</li>
<li>
Mobile Responsive – Perfect display and functionality on all devices and screen sizes
</li>
<li>
Multi-language Support – Full internationalization with RTL language support
</li>
</ul>
🔒 Security Features:
<ul>
<li>
CSRF Protection – Enhanced nonce verification with expiration
</li>
<li>
Input Sanitization – Comprehensive validation for all field types
</li>
<li>
File Upload Security – Type/size validation with virus scanning capability
</li>
<li>
Rate Limiting – Configurable per-IP submission limits
</li>
<li>
SQL Injection Prevention – Prepared statements and parameterized queries
</li>
<li>
XSS Protection – Output escaping and content sanitization
</li>
<li>
Honeypot Spam Detection – Hidden fields to catch automated submissions
</li>
<li>
reCAPTCHA Integration – v2 Checkbox, v2 Invisible, and v3 with score thresholds
</li>
<li>
Akismet Integration – Optional spam detection using Akismet service
</li>
<li>
IP Blocking – Block suspicious IPs and user agents
</li>
<li>
Security Headers – CSP, X-Frame-Options, and other security headers
</li>
</ul>
♿ Accessibility Features:
<ul>
<li>
WCAG 2.1 AA Compliant – Full compliance with accessibility standards
</li>
<li>
Screen Reader Support – ARIA labels, descriptions, and semantic markup
</li>
<li>
Keyboard Navigation – Complete keyboard accessibility throughout forms
</li>
<li>
High Contrast Mode – Support for high contrast display modes
</li>
<li>
Focus Management – Proper focus indication and management
</li>
<li>
Skip Links – Navigation aids for screen reader users
</li>
<li>
Semantic HTML – Proper HTML structure for assistive technologies
</li>
</ul>
📊 Performance Features:
<ul>
<li>
Database Query Caching – Cached queries with configurable expiration
</li>
<li>
Asset Optimization – Conditional loading and optimization
</li>
<li>
Lazy Loading – Heavy components loaded on demand
</li>
<li>
Memory Management – Automatic cleanup and memory optimization
</li>
<li>
Daily Cleanup Routines – Automatic cleanup of temporary data
</li>
<li>
CDN Support – Static asset delivery optimization
</li>
<li>
Database Optimization – Regular maintenance and optimization
</li>
</ul>
🔗 Integration & Extensibility:
<ul>
<li>
Addon System – Modular architecture for extending functionality
</li>
<li>
CRM Integrations – Available through Connect2Form Integrations addon
</li>
<li>
Email Marketing – Mailchimp, HubSpot, and other service integrations
</li>
<li>
Webhook Support – Available through addon plugins
</li>
<li>
REST API – Full REST API for external integrations
</li>
<li>
Developer Hooks – 50+ action and filter hooks for customization
</li>
<li>
Custom Field Types – Support for custom field development
</li>
<li>
Third-party Integrations – Easy integration with external services
</li>
</ul>
🛠️ Developer Features:
<ul>
<li>
50+ Action & Filter Hooks – Extensive customization capabilities
</li>
<li>
Custom Field Type Support – Create custom field types
</li>
<li>
REST API Endpoints – Full API for external integrations
</li>
<li>
Extensive Documentation – Comprehensive developer documentation
</li>
<li>
WordPress Coding Standards – Follows WordPress best practices
</li>
<li>
PHPDoc Comments – Complete code documentation
</li>
<li>
Modular Architecture – Clean, maintainable code structure
</li>
<li>
Unit Test Coverage – Comprehensive testing framework
</li>
</ul>
📋 Field Types Available:
<ul>
<li>
Text Fields – Single line text input with validation
</li>
<li>
Email Fields – Email validation with domain checking
</li>
<li>
Textarea – Multi-line text input with configurable rows
</li>
<li>
Number Fields – Numeric input with min/max validation
</li>
<li>
Date Fields – Date picker with format validation
</li>
<li>
Phone Fields – Phone number input with format validation
</li>
<li>
URL Fields – URL validation and formatting
</li>
<li>
Select Dropdowns – Single selection with custom options
</li>
<li>
Radio Buttons – Single selection with custom options
</li>
<li>
Checkboxes – Multiple selection with custom options
</li>
<li>
File Upload – Secure file upload with validation
</li>
<li>
Consent Fields – GDPR-compliant consent management
</li>
<li>
Hidden Fields – Hidden data fields
</li>
<li>
HTML Fields – Custom HTML content
</li>
<li>
reCAPTCHA – Spam protection integration
</li>
</ul>
📧 Email Features:
<ul>
<li>
Multiple Notifications – Send to multiple recipients
</li>
<li>
Custom Templates – Professional HTML and plain text templates
</li>
<li>
Merge Tags – Dynamic content insertion from form data
</li>
<li>
Auto-Responder – Automatic replies to form submitters
</li>
<li>
Email Formatting – HTML and plain text options
</li>
<li>
Attachment Support – Include uploaded files in emails
</li>
<li>
CC/BCC Support – Carbon copy and blind carbon copy
</li>
<li>
Reply-To Configuration – Custom reply-to addresses
</li>
</ul>
🔧 Admin Features:
<ul>
<li>
Form Management – Create, edit, duplicate, and delete forms
</li>
<li>
Submission Management – View, export, and manage form entries
</li>
<li>
Bulk Operations – Bulk delete, export, and manage submissions
</li>
<li>
Settings Management – Comprehensive settings for all features
</li>
<li>
Import/Export – Form and submission data portability
</li>
<li>
System Health – Monitor plugin performance and health
</li>
<li>
Maintenance Tools – Database cleanup and optimization
</li>
<li>
User Permissions – Role-based access control
</li>
</ul>
<h3>Third-Party Libraries & Resources</h3>
Connect2Form uses the following third-party libraries and resources to provide enhanced functionality:
JavaScript Libraries:
<ul>
<li>
Datepicker v1.0.20 – Date picker functionality
<ul>
<li>
Source: https://github.com/fengyuanchen/datepicker
</li>
<li>
License: MIT License
</li>
<li>
Used for: Date field input enhancement
</li>
<li>
Human-readable source: Available in GitHub repository
</li>
</ul>
</li>
</ul>
External Services (Optional):
<ul>
<li>
Google reCAPTCHA – Spam protection service
<ul>
<li>
Privacy Policy: https://policies.google.com/privacy
</li>
<li>
Terms: https://policies.google.com/terms
</li>
<li>
Data sent: Form submission data for validation only
</li>
</ul>
</li>
</ul>
Addon Integrations (Separate Plugin):
<ul>
<li>
Connect2Form Integrations – Separate addon plugin for CRM and email marketing
<ul>
<li>
Provides: Mailchimp, HubSpot, and other service integrations
</li>
<li>
Repository: Available as separate plugin download
</li>
<li>
Dependency: Requires Connect2Form core plugin
</li>
</ul>
</li>
</ul>
Build Tools & Development:
All JavaScript and CSS files in this plugin are human-readable and unminified except where noted. The plugin does not use build tools like webpack, gulp, or npm for distribution.
Source Code Availability:
<ul>
<li>
Plugin Source: https://github.com/connect2form/connect2form-advanced-contact-form-builder-with-marketing-tools
</li>
<li>
Documentation: https://connect2form.com/
</li>
<li>
Issue Tracker: https://github.com/connect2form/connect2form-advanced-contact-form-builder-with-marketing-tools/issues
</li>
<li>
Contribution Guide: https://github.com/connect2form/connect2form-advanced-contact-form-builder-with-marketing-tools/blob/main/CONTRIBUTING.md
</li>
</ul>
Minified Files:
<ul>
<li><code>assets/js/datepicker.min.js</code> – Third-party library (source link provided above)</li>
</ul>
All other JavaScript and CSS files are unminified and human-readable for easy inspection and modification.
<h3>External Services</h3>
This plugin connects to external third-party services to provide optional integration functionality. These connections are only established when specifically configured by the user and are completely optional.
MailChimp API Integration (Optional – Built-in)
<ul>
<li>
Service: MailChimp email marketing platform (mailchimp.com)
</li>
<li>
Purpose: To automatically add form submissions to your MailChimp email lists for newsletter and marketing purposes
</li>
<li>
Data Sent: Email addresses and any other form fields you choose to map (name, phone, etc.)
</li>
<li>
When: Only when a form is submitted AND MailChimp integration is configured in form settings
</li>
<li>
Data Location: Data is sent to MailChimp servers based on your account region (e.g., us1.api.mailchimp.com/3.0/lists/{list_id}/members)
</li>
<li>
API Endpoint: https://{datacenter}.api.mailchimp.com/3.0/lists/{list_id}/members
</li>
<li>
Privacy Policy: https://mailchimp.com/legal/privacy/
</li>
<li>
Terms of Service: https://mailchimp.com/legal/terms/
</li>
</ul>
HubSpot CRM Integration (Optional – Built-in)
<ul>
<li>
Service: HubSpot CRM platform (hubspot.com)
</li>
<li>
Purpose: To create or update contact records in your HubSpot CRM from form submissions
</li>
<li>
Data Sent: Contact information from form fields including email, name, phone, company details, and custom fields
</li>
<li>
When: Only when a form is submitted AND HubSpot integration is configured in form settings
</li>
<li>
Data Location: Data is sent to HubSpot API servers (api.hubapi.com/crm/v3/objects/contacts)
</li>
<li>
API Endpoint: https://api.hubapi.com/crm/v3/objects/contacts
</li>
<li>
Privacy Policy: https://legal.hubspot.com/privacy-policy
</li>
<li>
Terms of Service: https://legal.hubspot.com/terms-of-service
</li>
</ul>
Google reCAPTCHA Service (Optional)
<ul>
<li>
Service: Google reCAPTCHA spam protection (google.com)
</li>
<li>
Purpose: To protect forms from spam and automated bot submissions
</li>
<li>
Data Sent: User interaction data, IP address, and browser information for spam analysis
</li>
<li>
When: Only when reCAPTCHA is enabled for a specific form
</li>
<li>
Data Location: Data is processed by Google’s servers worldwide
</li>
<li>
Privacy Policy: https://policies.google.com/privacy
</li>
<li>
Terms of Service: https://policies.google.com/terms
</li>
</ul>
Technical Implementation Details:
<ul>
<li>
MailChimp Integration: Uses wp_remote_request() to POST data to MailChimp API v3.0 endpoints
</li>
<li>
HubSpot Integration: Uses wp_remote_request() to POST contact data to HubSpot CRM API v3
</li>
<li>
Data Format: All API calls send data in JSON format with proper authentication headers
</li>
<li>
Error Handling: Failed API calls are logged but do not prevent form submission completion
</li>
<li>
Data Retention: All data sent to external services is subject to their respective privacy policies
</li>
<li>
User Control: Users can disable integrations at any time through form settings
</li>
<li>
Data Minimization: Only necessary data is sent to external services as configured by the user
</li>
</ul>
<h3>Support</h3>
For support, feature requests, and bug reports, please visit:
<ul>
<li>
WordPress.org Support Forums: https://wordpress.org/support/plugin/connect2form-advanced-contact-form-builder-with-marketing-tools/
</li>
<li>
GitHub Issues: https://github.com/connect2form/connect2form-advanced-contact-form-builder-with-marketing-tools/issues
</li>
<li>
Documentation: https://connect2form.com/documentation/
</li>
<li>
Developer Guide: Available in the plugin directory as <code>developer-guide.txt</code>
</li>
</ul>
<h3>Developer Information</h3>
Connect2Form is built with developers in mind and provides extensive customization options:
<ul>
<li>
50+ Action & Filter Hooks for customization
</li>
<li>
REST API for external integrations
</li>
<li>
Custom Field Types support
</li>
<li>
Modular Architecture for easy extension
</li>
<li>
WordPress Coding Standards compliance
</li>
<li>
Comprehensive Documentation with examples
</li>
<li>
Developer Guide with detailed hook documentation
</li>
</ul>
For detailed developer information, see the <code>developer-guide.txt</code> file included with the plugin.

Connect2Form – Advanced Contact Form Builder


This plugin is absolutely fantastic! After using Contact Form 7 for a while, I was looking for something more intuitive and feature-rich, and I’m so glad I found this plugin. It’s the best alternative I’ve come across, and I believe it’s going to be a go-to tool for many WordPress users moving forward.



The drag-and-drop form builder is incredibly easy to use, and the customization options are amazing. I love how seamlessly it integrates with my site, and the added features like CRM integrations, email notifications, and spam protection make it a top choice for anyone looking to streamline their form management.



If you're looking for a simple, yet powerful form builder that can handle complex requirements, this plugin is a must-have. I’m excited to see how it continues to evolve, and I highly recommend it to anyone who needs a reliable and user-friendly contact form plugin!


A Game-Changer and the Best Alternative to Contact Form 7

Professional drag-and-drop form builder with accessibility, security, and performance optimization. Extensible with addon integrations.

PixGridder vs Connect2Form – Advanced Contact Form Builder