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.

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.

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

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

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

<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!

PreviousPreview your page on different sized screens NextDisplaying the Page Studio Styling

Last updated 5 months ago