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.

loftocean

LoftBuilder is a drag & drop WordPress page builder. You can build responsive layouts, add text and media, and create engaging animations and interactions. Build your site page in minutes. Without coding.
<h4>Intuitive</h4>
You can edit every element on the page directly. Type text, change column width, drag and drop to change everything’s position… You know what’s going on your page while working.
It’s not a front-end editor. It’s an editor with front-end looking. That makes your published front-end pages always keep clean, without any extra codes.
<h4>Works with any theme</h4>
LoftBuilder is a flexible plugin, and it works with almost any theme. You will not lose the content when you switch themes.
BTW, our team is working on some themes for our LoftBuilder.
<h4>Switch published content</h4>
You can choose which content to publish for each page: the content created in LoftBuilder editor, or the content written in WordPress default editor. So you can publish some essential/summary content while working on more details of a page.
<h4>Unlimited Colors</h4>
Each element and background can be set to any color you want. And to keep the look consistent throughout your site, you can set a primary accent color and apply it to element – buttons, icons, charts, maps, color overlays, and etc.
<h4>Trending & Modern</h4>
Compatible with modern browsers: Chrome, Safari, Firefox, Opera, Edge.
<h4>Features & Options</h4>
<ul>
<li>16 modules: Text, Media, Button, Icon, Accordion, and etc.</li>
<li>2 special sections: Posts and Tabs.</li>
<li>12 predefined sections with pre-designed layouts and sample content.</li>
<li>Font Awesome icons are included.</li>
<li>Custom background color/image for page header, sections and columns.</li>
<li>Background parallax scroll effect for page header and section.</li>
<li>Color overlay on top of the background image.</li>
<li>Page content entrance animation.</li>
<li>Individual custom CSS for each page.</li>
<li>Responsive & retina ready.</li>
<li>Ready for translation (.pot file included).</li>
</ul>
For more details please <a href="http://www.loftocean.com/" rel="nofollow ugc">visit our site</a>.
PS: LoftBuilder currently only works with pages.
<h4>Any Problem?</h4>
Please feel free to contact us if you encounter any issue. We are very pleased when our users find bugs we missed! And we are always ready to support you, and will continue improving LoftBuilder.
When you need our support, or would love to report a bug, or request new features, or want to ask any question, please:
<ul>
<li>Post a new topic in the <a href="https://wordpress.org/support/plugin/loftbuilder" rel="ugc">support forum</a></li>
<li>Email us: general@loftocean.com</li>
<li>Check <a href="http://loftocean.com/doc/loftbuilder/" rel="nofollow ugc">online documentation</a></li>
</ul>

LoftBuilder

Create stunning and responsive pages with LoftBuilder. An intuitive front-end looking,  drag & drop page builder.

DPLab Page Studio vs LoftBuilder