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, under the Templates heading, click on Add a new template.

4. Create the template using the following format.

5. Replace all of the 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!

Create landing pages

Related Articles