Design pages with a live preview

Pagelayer Premium adds professional widgets, options, and tools to Pagelayer’s drag-and-drop WordPress builder. The real-time editor updates the preview as you work, letting you review page changes without reloading. Its visual editing process is intended for beginners and professionals who want to make design changes without technical knowledge for every task.

Use Pagelayer to design business pages, portfolios, and online stores. Its e-commerce design tools support product catalogs, product pages, and shopping cart experiences.

Premium tools and widgets

Premium capabilities include sticky headers, motion effects, mega menus, infinite scroll, calls to action, contact forms, image hotspots, tables, modals, a popup builder, timelines, and slides. These options support navigation, interaction areas, and various ways to present page content.

Pagelayer lists more than 100 widgets overall, including titles, rich text, quotes, lists, icons, badges, tooltips, images, image sliders, videos, grids, galleries, buttons, tabs, accordions, collapsible content, image boxes, icon boxes, spaces, embedded content, shortcodes, counters, Google Maps, testimonials, progress bars, color blocks, alerts, dividers, social profiles, star ratings, and anchors. The free selection includes more than 30 widgets, with additional professional widgets in Premium.

Combine editing approaches

Pagelayer works with Gutenberg blocks, so you can use the WordPress block editor alongside Pagelayer’s drag-and-drop controls and pick the approach that suits each part of a page. For text, click existing content to edit it or add custom wording with the inline editor. Header and text options provide further presentation controls.

Responsive options cover typography, color, padding, and other options for tablet and mobile layouts. Pagelayer also works with cloning a section, page, or post.

Start building

Install and enable Pagelayer in WordPress, then open the page-building workflow and select an editor approach. Add drag-and-drop components, combine them with Gutenberg blocks when appropriate, and choose the Premium tools needed for the page. Review changes in the real-time preview as you design.