---
title: Using the page builder and arranging layouts.
description: This article explains the process of building and arranging new pages based on a flexible content template.
---

[Skip to content](https://support.pixeld.com.au/knowledge/layouts#main-content)

English

Show submenu for translations

[Submit Support Ticket](https://support.pixeld.com.au/knowledge/kb-tickets/new?hsLang=en) [Customer portal](https://support.pixeld.com.au/tickets-view?hsLang=en)

![logo\_2018\_rgb\_on-white.png\]](https://support.pixeld.com.au/hs-fs/hubfs/logo_2018_rgb_on-white.png?height=40&name=logo_2018_rgb_on-white.png)

- [Insights](https://support.pixeld.com.au/blog)

Open main navigation

Close main navigation

- [Insights](https://support.pixeld.com.au/blog)
- English
  
  Show submenu for translations
- [Submit Support Ticket](https://support.pixeld.com.au/knowledge/kb-tickets/new)
- [Customer portal](https://support.pixeld.com.au/tickets-view)
- Go to www.pixeld.com.au

 Go to www.pixeld.com.au

 Hello. How can we help you?

- There are no suggestions because the search field is empty.

1. [Help Center](https://support.pixeld.com.au/knowledge?hsLang=en)
2. [Support](https://support.pixeld.com.au/knowledge/support?hsLang=en)

# Using the page builder and arranging layouts.

## This article explains the process of building and arranging new pages based on a flexible content template.

Flexible content is a way to create custom and dynamic content in WordPress. Using flexible content, editors can easily create and arrange different types of layouts (*components*), in a flexible way within pages and posts.

![](https://support.pixeld.com.au/hubfs/image-png-Mar-27-2023-11-45-10-3495-AM.png)

### Adding components:

1. From the WordPress dashboard, navigate to the **Pages** menu.
2. Select the which page you which to edit by hovering over the title and clicking **edit**, or select "**Add New**" from the top of the page.
3. On the right hand side of the screen in the **Page Attributes** panel select the **Page Builder** template.
4. To add a new page section select the **Add Row** button (*labels may vary*) in the **Page Builder** panel. This should display the available templates for adding to the page. (***Tip:*** *Most pages start with the "Hero" template.*) See here for a list of commonly used blocks.
   
   ![](https://support.pixeld.com.au/hubfs/add-layout-gif.gif)

### Arranging components:

1. To arrange flexible content, drag the layout holding on to the title bar of the added component.
2. Once the layout is above or below the desired section the component can be dropped into place. (*This works for **repeaters** too!*)
   
   ### ![](https://support.pixeld.com.au/hubfs/re-order-flex-gif.gif)
3. To preview the new arrangement scroll to the top of the edit screen and click **Preview Changes** in the Publish panel at the top of the page**.** This will allow you to see the changes you've made in a new tab without effecting the live version of the site.
4. **IMPORTANT:** Once you are happy with the new arrangement click **update** or **publish** button at the top right hand side of the page editor to **save your changes**.

- [Support](https://support.pixeld.com.au/knowledge/support?hsLang=en)
- [Uploading and Editing Media](https://support.pixeld.com.au/knowledge/uploading-and-editing-media?hsLang=en)
- [Getting started](https://support.pixeld.com.au/knowledge/getting-started?hsLang=en)
- [Digital marketing reports](https://support.pixeld.com.au/knowledge/digital-marketing-reports?hsLang=en)

- [Insights](https://support.pixeld.com.au/blog)

[![vast.png](https://support.pixeld.com.au/hs/hsstatic/content_shared_assets/static-1.4091/img/vast.png "vast.png")](http://www.pixeld.com.au)

Help Center

Copyright © 2026, Pixeld