N7 Docs
Go to Dashboard ↗

Integration on Shopify

This documentation explains how to update Shopify end configuration to proxy video requests to N7 AVO.

Prerequisites#

  1. You should have access to Shopify admin portal (admin.shopify.com )
  2. You should have a Nitrogen AVO endpoint available. If you have not received it - check with the Nitrogen POC person in contact with you, OR mail to support@n7.io .

Steps#

  1. Creating AVO settings#

    1. Open https://admin.shopify.com/
    2. Go to Sales channels > Online store themes > Themes menu from left side.
      Edit code for your current theme by clicking on ... menu and then clicking Edit code menu.
      Step
    3. Select config folder and then open settings_schema.json file.
      Then add our AVO setting from this file
      Step
    4. Now select Snippets folder, and copy avo-video.liquid file to it. Step

  2. Configuring AVO#

    1. Open https://admin.shopify.com/
    2. Go to Sales channels > Online store themes > Themes menu from left side.
      Click on Edit theme button next to your Current theme mentioned there. Step
    3. Click on settings menu at top
      Step
    4. Go to AVO menu, and enable it. Then add the AVO endpoint shared with you, and your current video domain name. Step

  3. Using AVO#

    1. Open https://admin.shopify.com/
    2. Go to Sales channels > Online store themes > Themes menu from left side.
      Edit code for your current theme by clicking on ... menu and then clicking Edit code menu.
      Step
    3. Now, in all the liquid files where you have added videos, you need to replace the current video tags with avo-video tags with respective settings.
      You can find example in this file
      Step