# Create landing pages

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://2399025339-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Flklrekxvi2ofo3eXbyBY%2Fuploads%2F1XsPBrxNuLEtoVXouKMt%2Fimage.png?alt=media&#x26;token=153428c7-fddf-4576-91b6-7a344f660770" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://2399025339-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Flklrekxvi2ofo3eXbyBY%2Fuploads%2FLjkOwbSqa1m8laVYdYEO%2Fimage.png?alt=media&#x26;token=43e9125f-1874-4a3b-a6c7-58c89ba0b514" 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://2399025339-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Flklrekxvi2ofo3eXbyBY%2Fuploads%2FNDiOOXEyeR4A5DiID4kg%2Fimage.png?alt=media&#x26;token=57420d8a-8be9-4049-a364-ec858fc38f4a" 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="//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="//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://2399025339-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Flklrekxvi2ofo3eXbyBY%2Fuploads%2FUYTSwd1aoUnCLaXZXdqQ%2Fimage.png?alt=media&#x26;token=d6b360a9-3fc2-4c60-9fa4-a75f33c43e03" alt=""><figcaption></figcaption></figure>
