> For the complete documentation index, see [llms.txt](https://docs.theshoppad.com/pagestudio/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.theshoppad.com/pagestudio/readme/create-landing-pages.md).

# Create landing pages

Add a page.studio-landing template to your Shopify theme so you can design landing pages in Page Studio.

In order to design landing pages in Page Studio, you will need to create a new **page.studio-landing** template within your Shopify theme.&#x20;

Follow the steps below on how to create this template.

1\. From your Shopify admin, click **Online Store**, then click **Themes.**

2\. Find the theme you want to edit, click the **Actions** button, then click **Edit code.**

<figure><img src="https://docs.theshoppad.com/pagestudio/assets/image%20%289%29.png" alt=""><figcaption></figcaption></figure>

3\. On the left sidebar, click the **Templates** heading, then click on **Add a new file**.

<figure><img src="https://docs.theshoppad.com/pagestudio/assets/image%20%2810%29.png" alt=""><figcaption></figcaption></figure>

4\. Create the template using the following format exactly as it is typed and hit enter to complete creating the file.

<figure><img src="https://docs.theshoppad.com/pagestudio/assets/image%20%2811%29.png" alt=""><figcaption></figcaption></figure>

5\. Replace any code within the new template with the following snippet.

```html
<meta name="viewport" content="width=device-width, initial-scale=1">

{% layout none %}

<body>
  <link href="https://docs.theshoppad.com/pagestudio//studios.cdn.theshoppad.net/pagestudio/blocks.css?v={{ page.metafields.global.version | default: 3 }}&shop={{ shop.permanent_domain }}" rel="stylesheet" type="text/css"/>
  <script src="https://docs.theshoppad.com/pagestudio//studios.cdn.theshoppad.net/pagestudio/pagestudio.dist.js?v={{ page.metafields.global.version | default: 3 }}"></script>
  <div class="studioengine">{{ page.content }}</div>
</body>

<style>
  body {
     margin: 0;
  }

  .is-boxes.slider-image {
    display: block !important;
  }
</style>
```

6\. Save your changes.

Now you'll be able to select this template from the Page Studio dashboard, and use it to create beautiful landing pages!

<figure><img src="https://docs.theshoppad.com/pagestudio/assets/image%20%2812%29.png" alt=""><figcaption></figcaption></figure>
