--- title: Add pages to customer accounts description: Learn about full-page extensions for customer accounts. source_url: html: https://shopify.dev/docs/apps/build/customer-accounts/full-page-extensions md: https://shopify.dev/docs/apps/build/customer-accounts/full-page-extensions.md --- ExpandOn this page * [How it works](https://shopify.dev/docs/apps/build/customer-accounts/full-page-extensions#how-it-works) * [Limitations](https://shopify.dev/docs/apps/build/customer-accounts/full-page-extensions#limitations) * [Developer tools and resources](https://shopify.dev/docs/apps/build/customer-accounts/full-page-extensions#developer-tools-and-resources) * [Next steps](https://shopify.dev/docs/apps/build/customer-accounts/full-page-extensions#next-steps) # Add pages to customer accounts Merchants have diverse needs and some use cases won't fit into extension targets on existing customer account pages. For example, to create extensions for popular use cases like loyalty programs, wishlists, subscriptions, returns, and exchanges, a separate page is required. In these cases, build a full-page extension. Full-page extensions render UI in a new page, below the header and above the footer. ![A desktop view of the header and footer of customer accounts. The entire main content area between the header and footer is occupied by a large blue dotted-line box that says Full-page extension, indicating that this area can be populated by a full-page customer account UI extension.](https://cdn.shopify.com/shopifycloud/shopify-dev/production/assets/assets/images/apps/customer-accounts/full-page-extensions/full-page-extension-D7yZaGdj.png) *** ## How it works There are two full-page extension targets available: * [`customer-account.page.render`](https://shopify.dev/docs/api/customer-account-ui-extensions/targets/full-page/customer-account-page-render): Use this extension target if the page you’re building is not tied to a specific order. * [`customer-account.order.page.render`](https://shopify.dev/docs/api/customer-account-ui-extensions/targets/full-page/customer-account-order-page-render): Use this extension target if the page you’re building is tied to a specific order. Each full-page extension has a unique URL. You can build other extensions that link to a full-page extension URL. ### Allow or prevent direct linking Full-page extensions using the `customer-account.page.render` extension target allow direct linking by default. Merchants can add the link to these full-page extensions to their online store or customer account navigation menus. They can also copy the page URL and add it anywhere. The following video shows the merchant experience of adding a page to the customer account menu: To prevent direct linking, specify `using allow_direct_linking = false` in your extension configuration file. ## shopify.extension.toml ```toml [[extensions.targeting]] module = "./src/FullPageExtension.jsx" target = "customer-account.page.render" [extensions.targeting.capabilities] allow_direct_linking = false ``` Full-page extensions using the `customer-account.order.page.render` target do not allow direct linking. To link to your full-page extension, create an [order action extension](https://shopify.dev/docs/apps/build/customer-accounts/order-action-extensions) or [inline extension](https://shopify.dev/docs/apps/build/customer-accounts/inline-extensions/build-order-status) on the **Order status** page. *** ## Limitations Each extension can only extend the full-page extension target once. You can create multiple new pages by creating multiple extensions. It's best to use one page per use case. A full-page extension target ([customer-account.page.render](https://shopify.dev/docs/api/customer-account-ui-extensions/targets/full-page/customer-account-page-render) or [customer-account.order.page.render](https://shopify.dev/docs/api/customer-account-ui-extensions/targets/full-page/customer-account-order-page-render)) cannot coexist with any other targets in the same extension. *** ## Developer tools and resources [![](https://shopify.dev/images/icons/48/pickaxe-1.png)![](https://shopify.dev/images/icons/48/pickaxe-1-dark.png)](https://shopify.dev/docs/api/customer-account-ui-extensions/extension-targets-overview) [Targets overview](https://shopify.dev/docs/api/customer-account-ui-extensions/extension-targets-overview) [Explore all extension targets available for customer account UI extensions.](https://shopify.dev/docs/api/customer-account-ui-extensions/extension-targets-overview) [![](https://shopify.dev/images/icons/48/blocks.png)![](https://shopify.dev/images/icons/48/blocks-dark.png)](https://shopify.dev/docs/api/customer-account-ui-extensions/polaris-web-components) [Polaris web components](https://shopify.dev/docs/api/customer-account-ui-extensions/polaris-web-components) [Learn about the components that you can use to build customer account UI extensions.](https://shopify.dev/docs/api/customer-account-ui-extensions/polaris-web-components) *** ## Next steps [![](https://shopify.dev/images/icons/48/growth.png)![](https://shopify.dev/images/icons/48/growth-dark.png)](https://shopify.dev/docs/apps/build/customer-accounts/full-page-extensions/build-new-pages) [Build a full-page extension](https://shopify.dev/docs/apps/build/customer-accounts/full-page-extensions/build-new-pages) [Build a full-page extension for customers to manage a wishlist of products.](https://shopify.dev/docs/apps/build/customer-accounts/full-page-extensions/build-new-pages) *** * [How it works](https://shopify.dev/docs/apps/build/customer-accounts/full-page-extensions#how-it-works) * [Limitations](https://shopify.dev/docs/apps/build/customer-accounts/full-page-extensions#limitations) * [Developer tools and resources](https://shopify.dev/docs/apps/build/customer-accounts/full-page-extensions#developer-tools-and-resources) * [Next steps](https://shopify.dev/docs/apps/build/customer-accounts/full-page-extensions#next-steps)