Publishing landing pages on Shopify

Last updated: July 26, 2022 Written by: Avatar Marta Szeliga
Table of contents
Table of contents

You can publish your landing pages to Shopify to sell and promote your services or products. This feature is one of the four Publishing options available in Landingi.

IMPORTANT: To publish your landing page to Shopify, do not change its default (test) domain.

Publish your landing page in Shopify

1. Log in to your account on the Landingi platform, then from the landing page list or dashboard, go to the Publishing options of the selected landing page.

2. Click the Publish on Shopify tile.

3. Copy the code:

4. Log in to your Shopify store, go to the Online Store tab, and click Themes (1). In the new window on the right, click Actions (2) and select Edit code (3).

5. In the list on the left of the code editor, search for Templates, then click Add a new template.

6. Select page (1) from the Create a new template list. Choose liquid (2) as the Template type and enter the name (3) of the template that will allow you to identify it later, and then confirm by clicking Create template.

7. In the new window, in the code editing mode, write the {{page.content}} variable as shown below and click Save.

8. Navigate to the Online store tab and go to the Pages subpage (1). Then click Add page (2)

9. On the editing page, go to the HTML code mode.

10. Add title and paste the previously copied code (1) for publishing in Shopify from the Landingi platform. From the Theme template list, select the template (2) you created in the previous step. Confirm all actions by clicking the Save button.

IMPORTANT: Due to technical limitations, you will not be able to direct to a specific section.

11. To view your landing page on the Shopify page, go to Online Store (1), Pages (2) and click on View page (3).

12. From now, your landing page will be published in your Shopify store. You can edit it any time in Landingi and publish it, and all changes will update automatically.

Button settings with the Core and Create plans

If you want to place a button on your landing page that redirects to a product's page in Shopify or another URL outside your Shopify store, you can configure the redirection in the button toolbar.

1. Go to the editor and select your button. Unfold the Click Action tab in the right-side toolbar.

2. Choose Redirect as the action and paste your URL address.

3. If the page should open in another tab, check the Open in a new tab option.

4. Publish your landing page.

Check if the redirection works correctly.


Was this manual helpful?