Contents x
    Simple Integration: Shopify
      • Print
      Contents

      Simple Integration: Shopify

        • Print
        Article summary

        Log in

        Log into the Shopify admin account in the following address.

        Edit theme

        Select Themes from the Online Store. In your current theme, click Actions, then click Edit code.

        Edit code

        When the code editing window opens, click theme.liquid and enter the code below under the tag. Enter the accessKey into 'ACCESS_KEY,' and save.

        <script type="text/javascript" src="https://static.shoplive.cloud/shoplive-shortform.js"></script>
<script>cloud.shoplive.initShortform({ accessKey: 'ACCESS_KEY' });</script>

        Edit page

        Click the Pages button to add the Shortform collection page. Click the Add Page button, enter a title, enter the code below, and save.

        <div id="shoplive-shortform"></div>
<script defer >
  document.addEventListener('DOMContentLoaded', function() {
  cloud.shoplive.setShortformCollection("shoplive-shortform", {template: "GRID2"} );
  });
</script>

        Display an example

        What's Next