> For the complete documentation index, see [llms.txt](https://docs.littlebaytech.com/templates/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.littlebaytech.com/templates/messaging-template/design-guides/page-layouts.md).

# Page Templates

## How to create a new page by starting from a page template:

There are four 'page template' designs within the template.  These are pre-built, responsive pages (without data/workflows) that you can duplicate anytime you create a new page to save some time!

In the pages/reusable elements organizer, **click "Add a new page..."**&#x20;

1. <img src="/files/-LWEPyE1W8bysgoRFvOE" alt="" data-size="original">
2. Enter the name of your new page, and select one of the four page template designs from the **"Clone from" dropdown** (e.g., "zlayout\_1\_no\_siderbar", "zlayout\_2\_single\_sidebar", "zlayout\_3\_double\_sidebar", "zlayout\_4\_floating\_sidebar").  In this example, I chose the third page template design:

   <img src="/files/-LWEQW3F0msk3_eFM13k" alt="" data-size="original">
3. Click the **Create** button, and Bubble will automatically navigate you to your new page:

   <img src="/files/-LWERCRhKb2stl0x1u6x" alt="" data-size="original">
4. Customize this page in any way you'd like! 🙂

## List of Page Template Designs

### Page Template 1: No Sidebar (zlayout\_1\_no\_sidebar)

![](/files/-LWERjOSstNYLuSjX-Em)

### Page Template 2: Single Sidebar (zlayout\_2\_single\_sidebar)

![](/files/-LWERqxT_aQ7vO8jgZ4n)

### Page Template 3: Double Sidebar (zlayout\_3\_double\_sidebar)

![](/files/-LWES1hTFqG3YDS2ief8)

### Page Template 4: Floating Sidebar (zlayout\_4\_floating\_sidebar)

![](/files/-LWESG9cEigz4xGFanxS)

{% content-ref url="/pages/-LI9kYSCYHs8qGbZoX-b" %}
[Page Templates](/templates/messaging-template/design-guides/page-layouts.md)
{% endcontent-ref %}
