> This page is for Docs.

> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://zuora.ferndocs.com/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://zuora.ferndocs.com/_mcp/server.

# Page layout customization and replacement

> Customize the page layout or replace the default page layout to control shared navigation, structure, and styling across pages in your project.

Customize the page layout or replace the default page layout to control shared navigation, structure, and styling across pages in your project.

## Customize the page layout

You can customize the default page layout directly because it is a standard component in the project.

Common customization scenarios include:

* Adding or modifying navigation elements
* Updating page headers, footers, or sidebars
* Adjusting responsive layout behavior
* Configuring loading states
* Applying shared styling and branding

Changes made to the page layout are automatically reflected on pages that use the layout.

## Replace the default page layout

If the default page layout does not meet your requirements, you can use a different component as the page wrapper for the project.

A custom page wrapper can be useful when you need to:

* Implement a different navigation structure
* Use a specialized page framework
* Support a unique application design
* Standardize a custom layout across pages

After a component is assigned as the default page wrapper, pages in the project use that component instead of the original page layout.

## Benefits of using a shared page layout

Using a shared page layout helps maintain consistency across an experience by centralizing common page structure and behavior.

Benefits include:

* Consistent navigation and page structure
* Easier maintenance of shared UI elements
* Reduced duplication across pages
* Simplified application-wide updates
* Consistent styling and user experience

By defining common functionality in a shared page layout, teams can update the experience in one place and have those changes applied across multiple pages.