Editing with Four Page Editors

Edit Washlora pages with Gutenberg, Elementor, WPBakery or the Classic Editor.

Documentation home › Editing with Four Page Editors

Watch the video tutorial

EP 2 · 105 Laundry Website Demos, 3 Home Layouts & 4 Page Editors · 5:02 · YouTube

Choose one editor

Every niche home page exists in four editor versions. Pick one editor and keep its page versions — the versions are separate pages, not conversions of each other. If a page opens as an unavailable block, raw shortcode or empty area, the editor or the Washlora Native Layouts plugin is not active.

A native demo page with its home-layout and editor switcher.
A native demo page with its home-layout and editor switcher. Click to enlarge.
Editor 1

Edit with Gutenberg

Native Washlora Section blocks expose structured content without requiring edits to PHP templates.

  1. Open Pages → All Pages and choose the Gutenberg version of your page.
  2. Select a Washlora Section block. Edit its heading, eyebrow, body, images, button, link and repeated items in the block controls.
  3. Use List View to select and reorder whole sections. Keep a single main H1 in the hero.
  4. Use the layout control to change a section's presentation, then preview — each layout treats images and items differently.
  5. Save a draft or update the page, then check the front end on mobile and desktop.
Keep Washlora Native Layouts active. An unavailable-block message usually means the block plugin is missing.
Editor 2

Edit with Elementor

The page uses native Laundry section widgets inside Elementor containers.

  1. Open Pages → All Pages → Edit with Elementor.
  2. Select the Laundry section widget in the canvas or in Navigator.
  3. Edit the text, images, button or link and the repeated item fields. Choose the layout and tone in the widget controls.
  4. Reorder widgets in Navigator, keeping functional sections such as booking in the intended position.
  5. Update the page and inspect the front end. If styles look stale, use Elementor's cache and regeneration tools, then clear the site cache.
Use the Elementor version of the demo. Opening a Gutenberg page in Elementor does not convert its blocks.
Editor 3

Edit with WPBakery

Laundry sections are editable components inside WPBakery rows and columns.

  1. Open the WPBakery version of the page and launch the backend or front-end editor.
  2. Edit a Washlora Section component to change copy, images, item rows, layout, tone and links.
  3. Move the complete component or its parent row to reorder the page.
  4. Preserve functional components when you change the surrounding presentation.
  5. Save and preview. If raw shortcodes appear, confirm WPBakery and Washlora Native Layouts are active.
Avoid hand-editing encoded repeated-item attributes in the text view.
Editor 4

Edit with the Classic Editor

The Classic version uses structured section controls that are stored with the page.

  1. Open the Classic version from Pages → All Pages.
  2. Find the Laundry section controls below the main content editor.
  3. Change section fields and repeated items, and reorder the sections as needed.
  4. Keep the [laundry_classic_sections] output shortcode in the main content.
  5. Update and reload the front end to verify the saved layout.
Do not replace the main shortcode with copied preview HTML. The section controls are the editable source.