dplabapp

DPLab Page Studio is a powerful visual layout builder that lets you create stunning page layouts without writing any code. With an intuitive drag-and-drop interface, you can design custom layouts for your homepage, blog posts, and any page on your WordPress site.
100% Free – All features included, no premium upsells, no hidden costs.
<h4>Key Features</h4>
<ul>
<li>Visual Drag & Drop Builder – Intuitive interface for creating layouts</li>
<li>Live Preview – See changes instantly as you edit</li>
<li>Interactive Editing – Click-to-edit interface that behaves like the real site</li>
<li>Flexible Column System – 1, 2, 3, or 4 column layouts with custom widths</li>
<li>17 Built-in Widgets – Everything you need to build professional layouts</li>
<li>Responsive Design – Automatically adapts to mobile, tablet, and desktop</li>
<li>Template Override – Use custom layouts for homepage and single posts</li>
<li>Shortcode Support – Embed layouts anywhere with <code>[dplab_pagestudio_layout id="X"]</code></li>
<li>Widget Customization – Card styles, colors, padding, borders, and more</li>
<li>Global Design Settings – Colors, typography, and container width</li>
<li>External Widget API – Extensible for plugins like DP Slider Pro, DP Gallery Pro, and DP Contact Form Pro</li>
</ul>
<h4>17 Built-in Widgets</h4>
Content Widgets: 
* Text (Rich Editor) 
* Heading (H1-H6) 
* List 
* Quote
Media Widgets: 
* Image 
* Video (YouTube/Vimeo embed) 
* Icon 
* Button
Layout Widgets: 
* Spacer 
* Divider 
* Layout (Nested layouts) 
* HTML Code
Dynamic Widgets: 
* Blog List 
* Current Post 
* Categories 
* Menu 
* Social Share
<h4>Perfect For</h4>
<ul>
<li>Creating unique homepage layouts</li>
<li>Designing custom single post templates</li>
<li>Building landing pages</li>
<li>Creating portfolio pages</li>
<li>Customizing blog post layouts</li>
<li>Adding structured content sections</li>
</ul>
<h4>Global Design Settings</h4>
Configure site-wide design settings: 
* Colors – Primary, Secondary, Text, Background, Heading, Accent, H1 
* Typography – Heading font, Body font, Base font size 
* Layout – Container width (default 1200px)
All colors are available as CSS variables for consistent styling.
<h4>How It Works</h4>
<ol>
<li>Create a Layout – Use the visual builder to design your layout</li>
<li>Add Widgets – Drag and drop text, images, buttons, and more</li>
<li>Customize Appearance – Style your widgets with colors, padding, borders</li>
<li>Publish & Use – Embed with shortcode or set as template override</li>
</ol>
<h4>Developer Friendly</h4>
<ul>
<li>Clean, well-documented code</li>
<li>WordPress Coding Standards compliant</li>
<li>Extensible architecture with External Widget API</li>
<li>REST API for programmatic access</li>
<li>CSS variables for theme integration</li>
</ul>
<a href="https://dplab.app/docs" rel="nofollow ugc">Documentation</a> | <a href="https://dplab.app" rel="nofollow ugc">Support</a>
<h3>External Services</h3>
This plugin uses third-party services for social sharing and video embedding functionality. These services are only accessed when the user actively uses specific widgets.
<h4>Social Share Widget</h4>
When users click on social sharing buttons, they are redirected to the respective platform’s sharing page. The following data is sent:
Facebook 
* Data sent: Current page URL 
* When: User clicks the Facebook share button 
* Service: <a href="https://www.facebook.com/terms.php" rel="nofollow ugc">Facebook Terms</a> | <a href="https://www.facebook.com/privacy/policy/" rel="nofollow ugc">Privacy Policy</a>
X (Twitter) 
* Data sent: Current page URL and title 
* When: User clicks the X/Twitter share button 
* Service: <a href="https://twitter.com/tos" rel="nofollow ugc">X Terms</a> | <a href="https://twitter.com/privacy" rel="nofollow ugc">Privacy Policy</a>
LinkedIn 
* Data sent: Current page URL and title 
* When: User clicks the LinkedIn share button 
* Service: <a href="https://www.linkedin.com/legal/user-agreement" rel="nofollow ugc">LinkedIn Terms</a> | <a href="https://www.linkedin.com/legal/privacy-policy" rel="nofollow ugc">Privacy Policy</a>
WhatsApp 
* Data sent: Current page URL and title 
* When: User clicks the WhatsApp share button 
* Service: <a href="https://www.whatsapp.com/legal/terms-of-service" rel="nofollow ugc">WhatsApp Terms</a> | <a href="https://www.whatsapp.com/legal/privacy-policy" rel="nofollow ugc">Privacy Policy</a>
Telegram 
* Data sent: Current page URL and title 
* When: User clicks the Telegram share button 
* Service: <a href="https://telegram.org/tos" rel="nofollow ugc">Telegram Terms</a> | <a href="https://telegram.org/privacy" rel="nofollow ugc">Privacy Policy</a>
Pinterest 
* Data sent: Current page URL and title 
* When: User clicks the Pinterest share button 
* Service: <a href="https://policy.pinterest.com/terms-of-service" rel="nofollow ugc">Pinterest Terms</a> | <a href="https://policy.pinterest.com/privacy-policy" rel="nofollow ugc">Privacy Policy</a>
Instagram 
* Data sent: None (opens Instagram app/website) 
* When: User clicks the Instagram share button 
* Service: <a href="https://help.instagram.com/581066165581870" rel="nofollow ugc">Instagram Terms</a> | <a href="https://help.instagram.com/155833707900388" rel="nofollow ugc">Privacy Policy</a>
<h4>Video Embed Widget</h4>
When embedding videos, the plugin loads content from external video platforms:
YouTube 
* Data sent: Video ID, user’s IP address (by YouTube) 
* When: A YouTube video is embedded and displayed 
* Service: <a href="https://www.youtube.com/t/terms" rel="nofollow ugc">YouTube Terms</a> | <a href="https://policies.google.com/privacy" rel="nofollow ugc">Privacy Policy</a>
Vimeo 
* Data sent: Video ID, user’s IP address (by Vimeo) 
* When: A Vimeo video is embedded and displayed 
* Service: <a href="https://vimeo.com/terms" rel="nofollow ugc">Vimeo Terms</a> | <a href="https://vimeo.com/privacy" rel="nofollow ugc">Privacy Policy</a>
<h4>Important Notes</h4>
<ul>
<li>No data is sent automatically. Social sharing only occurs when users actively click share buttons.</li>
<li>Video embeds load content from YouTube/Vimeo servers when the page is viewed.</li>
<li>This plugin does not store or process any personal data from these services.</li>
<li>Site administrators should update their privacy policy to inform visitors about embedded content and social sharing features.</li>
</ul>

DPLab Page Studio

A powerful FREE visual layout builder for WordPress with drag-and-drop interface, 17 widgets, and responsive design.

etruel

Currently Contact Form 7 plugin just allow editing forms with HTML in standard textarea. This Add-on allows previews, items order with drag and drop, and deletes field items just with a click.
Also adds a HTML code highlighter in the textarea and some selectable themes to choose different colors schemes.
See <a href="https://wordpress.org/plugins/visual-builder-for-contact-form-7/screenshots/" rel="ugc">Screenshots</a> to see simple instructions and get an idea of its appearance.

Visual Builder for Contact Form 7

I needed to make the form edit a little more easy than HTML edit, then I made this for myself and I share with everybody with the vision to make it better in the time.
Please test and gives a good review to continue development !! :)



I want to make this easy!!

Adds a Visual Builder and a code highlighter for contact form 7 forms.  ADD-on.  Requires Contact Form 7 Plugin.

DPLab Page Studio vs Visual Builder for Contact Form 7