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. 

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

2. Find the theme you want to edit, click the  ... button, then click Edit HTML/CSS.

3. On the left side, 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.

{% layout none %}

<link href="//d2gkxpfclqno3n.cloudfront.net/pagestudio/blocks.css?shop={{ shop.permanent_domain }}" rel="stylesheet" type="text/css"/><script src="//d2gkxpfclqno3n.cloudfront.net/pagestudio/assets/shared/js/pagestudio.dist.js"></script><div class="studioengine">{{ page.content }}</div>

<style>
  body {
     margin: 0;
  }
</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!

Still need help? Contact Us Contact Us