Build responsive page layouts using the widgets you know and love using this simple drag and drop page builder.
SiteOrigin Page Builder is a powerful content creation interface, instantly recognizable, astonishingly different. SiteOrigin Page Builder makes it easy to create responsive column-based content using the widgets you know and love. Your content will accurately adapt to all mobile devices, ensuring your site is mobile-ready. Read more on SiteOrigin.
We’ve created an intuitive interface that looks just like WordPress itself. It’s easy to learn, so you’ll be building beautiful, responsive content in no time.
Page Builder works with standard WordPress widgets, so you’ll always find the widget you need. We’ve created the SiteOrigin Widgets Bundle to give you all the most common widgets, and with a world of plugins out there, you’ll always find the widget you need.
Page Builder gives you complete freedom to choose any WordPress theme you like. It’s not a commitment to a single theme or theme developer. The advantage is that you’re free to change themes as often as you like. Your content will always come along with you.
We’ve also made some fantastic free themes that work well with Page Builder.
Page Builder’s simple drag and drop interface means you’ll never need to write a single line of code. Page Builder generates all the highly efficient code for you.
We don’t limit you with a set of pre-defined row layouts. Page Builder gives you complete flexibility. You can choose the exact number of columns for each row and the precise weight of each column – down to the decimal point. This flexibility is all possible using our convenient row builder. And, if you’re not sure what you like, the Row Builder will guide you towards beautifully proportioned content using advanced ratios.
Page Builder supports live editing. This tool lets you see your content and edit widgets in real-time. It’s the fastest way to adjust your content quickly and easily.
This tool lets you roll forward and back through your changes. It gives you the freedom to experiment with different layouts and content without the fear of breaking your content.
Row and widget styles give you all the control you need to make your content uniquely your own. Change attributes like paddings, background colors, and column spacing. You can also enter custom CSS and CSS classes if you need even finer-grained control.
Page Builder is our commitment to the democratization of content creation. Like WordPress, Page Builder is, and always will be free. We’ll continue supporting and developing it for many years to come. It’ll only get better from here.
We offer free support on the SiteOrigin support forums.
Page Builder is actively developed with new features and exciting enhancements all the time. Keep track on the Page Builder GitHub repository.
Read the Page Builder developer docs if you’d like to develop for Page Builder.
Through the efforts of both professional translators and our community, Page Builder is available in the following languages: Afrikaans, Bulgarian, Chinese (China), Chinese (Taiwan), Croatian, Czech, Danish, Dutch, Dutch (Belgium), English (Australia), English (Canada), English (New Zealand), English (UK), English (US), Finnish, French (France), Galician, Georgian, German, Hebrew, Italian, Japanese, Portuguese (Brazil), Portuguese (Portugal), Romanian, Russian, Spanish (Colombia), Spanish (Spain), Spanish (Venezuela), Swedish, Turkish, and Ukrainian.
Page Builder is accessibility ready. Tab through all form fields and settings, make changes without using a mouse.
Documentation is available on SiteOrigin.
SiteOrigin Premium enhances Page Builder with a vast array of additional features and settings. Take your layouts to the next level with SiteOrigin Premium addons.
SiteOrigin Premium includes access to our professional email support service, perfect for those times when you need fast and effective technical support. We’re standing by to assist you in any way we can.
We recommend the Duplicator Plugin. We’ve tested it in several instances, and it always works well with Page Builder data.
Yes, provided your theme is licensed under GPL or a compatible license. If you’re publishing your theme on ThemeForest, you must select the GPL license instead of their regular license.
Page Builder is actively developed and updated, so generally; we recommend that you have your users install the original plugin so they can receive updates. You can try TGM Plugin Activation.
We’ve tried to ensure that Page Builder is compatible with most plugin widgets. It’s best to download Page Builder and test for yourself.
Undefined array key "option_name"
warning.Copy Content
is disabled.siteorigin_panels_add_preview_content
filter.siteorigin_panels_layout_tabs
filter.$layout_data
loading if already set.$layout_data
loading if already set.Background Image Display
and Size
settings conditional display behavior.$layout_data
loading if already set.siteorigin_panels_style_field_*
, and siteorigin_panels_style_field_sanitize_*
.@font-face
query string.siteorigin_panels_url
to better allow different directory names.Border Thickness
setting.Disable Parallax On Mobile
setting bug.Background Image Size
setting.Tested up to
tag to 6.1.siteorigin_panels_admin_row_colors_default
to set the default admin row background color.Inset
setting. Inset box shadows appear inside the row, cell, or widget.Choose Media
.siteorigin_panels_admin_row_colors
filter.$panels_data
is passed as a string containing JSON rather than an array.Uncaught TypeError
Customizer Layout Builder console error.Add New
button error.style
tag HTML validation.Link Color
and Link Hover Color
settings.Undefined index: cell_index
notice.Tested up to
tag.false
rather than null
.postId
to server when rendering widget form.GLOB_BRACE
flag in favor of multiple glob
functions.siteorigin_panels_output_row
and siteorigin_panels_output_widget
filters.px
set as the value.scroll
on mobile devices. Resolves iOS bug.Tested up to tag
to 5.9
.Mobile Widget Bottom Margin
setting.Mobile Cell Bottom Margin
setting.ready
function.panels_title_check_sub_fields
to allow for sub-field detection.style
error.Pro Tips
.Widget Styles > Mobile Layout
.Cell Vertical Alignment
setting.$css
to public to allow more extensive filtering.setup_style_fields
JavaScript event to allow the setup of custom style fields.siteorigin_panels_theme_container_width
and siteorigin_panels_theme_container_selector
.panels_title
to fetch the first valid widget description.panelsopen
for more consistent loading.siteorigin_panels_row_column_count_input
filter.siteorigin_panels_widget_style_fields
filter.siteorigin_panels_css_row_collapse_point
filter.$panels_data
was supplied.has_blocks()
before using the function.Modern
at Settings > Page Builder > General
.siteorigin_panels_before_widget_form
action is triggered before the widget form is output.<!-- more -->
quicktag.Page Builder Layout CSS Output Location
setting to the Classic Editor.bind
usage.preview_url
before preview_content
. Resolves Live Editor preview issue when a post loop is present in the page.Page Builder Layout CSS Output Location
setting that controls where PB outputs its CSS. Located at Settings > Page Builder > Layout
.<iframe>, <script>, <link>, <style>
from content analysis due to word count inflation.wp-color-picker
as an editor dependency.siteorigin_panels_layouts_result
.Are you sure you want to navigate away?
notice.Undefined index
notice when used outside of Page Builder.14.6
integration issue.wp_targeted_link_rel
on the generated preview content.Row Mobile Bottom Margin
setting at Settings > Page Builder > Layout
.undefined
Page Builder tab in WordPress 5.5.Settings > Page Builder > General
.builder_content
action.builderType
argument when fetching a selected prebuilt layout.jQuery
instead of alias $
for odd cases where $
is undefined.process_raw_widgets
once for preview data.withState
.enqueue_registered_widgets_scripts
which will reset global $post
.min-width
.$post
when attempting to disable Gutenberg for existing posts with Page Builder layout data.is_active_widget
check.panels_data
metadata to posts for revisions.panels_data
filter to generate_css
.mime_content_type
for external layouts if it’s not available. Just check file extensions.enqueue_admin_scripts
function for WP core JS widgets.delete_post_meta_by_key
instead of direct DB query to clear old cache renders.load
event jQuery function shortcut.revertToEditor
feature isn’t supported.widget_id
when cloning widgets.in_widget_form
action when rendering widget formswidget
class from Page Builder widgets.