DPLab Page Studio

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.

Key Features

• Visual Drag & Drop Builder – Intuitive interface for creating layouts
• Live Preview – See changes instantly as you edit
• Interactive Editing – Click-to-edit interface that behaves like the real site
• Flexible Column System – 1, 2, 3, or 4 column layouts with custom widths
• 17 Built-in Widgets – Everything you need to build professional layouts
• Responsive Design – Automatically adapts to mobile, tablet, and desktop
• Template Override – Use custom layouts for homepage and single posts
• Shortcode Support – Embed layouts anywhere with [dplab_pagestudio_layout id="X"]
• Widget Customization – Card styles, colors, padding, borders, and more
• Global Design Settings – Colors, typography, and container width
• External Widget API – Extensible for plugins like DP Slider Pro, DP Gallery Pro, and DP Contact Form Pro

17 Built-in Widgets

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

Perfect For

• Creating unique homepage layouts
• Designing custom single post templates
• Building landing pages
• Creating portfolio pages
• Customizing blog post layouts
• Adding structured content sections

Global Design Settings

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.

How It Works

1. Create a Layout – Use the visual builder to design your layout
2. Add Widgets – Drag and drop text, images, buttons, and more
3. Customize Appearance – Style your widgets with colors, padding, borders
4. Publish & Use – Embed with shortcode or set as template override

Developer Friendly

• Clean, well-documented code
• WordPress Coding Standards compliant
• Extensible architecture with External Widget API
• REST API for programmatic access
• CSS variables for theme integration

Documentation | Support

External Services

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.

Social Share Widget

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: Facebook Terms | Privacy Policy

X (Twitter) * Data sent: Current page URL and title * When: User clicks the X/Twitter share button * Service: X Terms | Privacy Policy

LinkedIn * Data sent: Current page URL and title * When: User clicks the LinkedIn share button * Service: LinkedIn Terms | Privacy Policy

WhatsApp * Data sent: Current page URL and title * When: User clicks the WhatsApp share button * Service: WhatsApp Terms | Privacy Policy

Telegram * Data sent: Current page URL and title * When: User clicks the Telegram share button * Service: Telegram Terms | Privacy Policy

Pinterest * Data sent: Current page URL and title * When: User clicks the Pinterest share button * Service: Pinterest Terms | Privacy Policy

Instagram * Data sent: None (opens Instagram app/website) * When: User clicks the Instagram share button * Service: Instagram Terms | Privacy Policy

Video Embed Widget

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: YouTube Terms | Privacy Policy

Vimeo * Data sent: Video ID, user’s IP address (by Vimeo) * When: A Vimeo video is embedded and displayed * Service: Vimeo Terms | Privacy Policy

Important Notes

• No data is sent automatically. Social sharing only occurs when users actively click share buttons.
• Video embeds load content from YouTube/Vimeo servers when the page is viewed.
• This plugin does not store or process any personal data from these services.
• Site administrators should update their privacy policy to inform visitors about embedded content and social sharing features.