# How to use page templates

To use the custom page templates in Story, start by creating a new Shopify page or use an existing page.&#x20;

![Shopify Admin](https://3236268666-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MI6cK8SrstUdE_nxQrW%2F-MVOnMUFGnS1FpVyEpq4%2F-MVOq_8RknQIdYGdyUV2%2FScreen%20Shot%202021-03-09%20at%205.56.14%20PM.png?alt=media\&token=ce306fab-55e4-4b7a-8d4f-9019a45c78db)

From the Template area, use the Template suffix drop-down and choose the page template style:

![](https://3236268666-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MI6cK8SrstUdE_nxQrW%2F-MVOer9qEp1fPsq2CN3U%2F-MVOfmAgALF7yYOPbMDh%2FKapture%202021-03-09%20at%2017.09.28.gif?alt=media\&token=444d7029-c0b6-4a6c-b808-1d475a46c59e)

{% hint style="success" %}
When Story theme is published, you'll be able to find the built-in custom Story page templates like:

page.contact\
page.lookbook\
page.team\
page.timeline
{% endhint %}

{% hint style="warning" %}
If Story is not published, these custom templates will not appear in your template drop-down list.&#x20;

This occurs when you are working in the non-published theme. To solve this problem create a page template of same name in the currently active, published theme. Then the page template will appear in the non-active theme.
{% endhint %}

After selecting the page template style and saving the page settings. Return to the Online **Theme Editor** and navigate to page which has the assigned template.&#x20;

![Use the Customize button to start the Theme Editor](https://3236268666-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MI6cK8SrstUdE_nxQrW%2F-MVSwFFyfK5j1KWOUs_A%2F-MVSyNx7rC3tw3LANBMN%2FScreen%20Shot%202021-03-10%20at%201.09.12%20PM.png?alt=media\&token=f3ea1764-95da-48b8-be83-9fff7de6d7a6)

![Scroll down to pages section to find your page](https://3236268666-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJFe8gZiFPB3ohxgaTmnx%2Fuploads%2Fo5ZelFrjzwdMhcCcG9Ol%2FKapture%202022-01-04%20at%2013.47.55.gif?alt=media\&token=4f828b26-acb4-4df4-9dd4-5bb78bbb6c5b)
