Versions Compared

Version Old Version 1 New Version Current
Changes made by

Andy Jiang

Chaoran Wang

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  1. In the theme code editor, find the main-product.liquid file.

  2. In your main-product.liquid file, find the place where you want to place the PDP on the page

  3. Add the script by copying and pasting it on the line directly above the </head> tag.

Code Block
languagehtml
<script src="https://widget.shopassistant-ai.com/preguide_ai.js" 
        data-tenantid='<Please insert your tenant id here>' 
        data-app-type="pdp" defer><'pdp'
        defer>
</script>
Info

Please insert your tenant id in the 'data-tenantid' attribute.

For Example:

Code Block
<script src="https://widget.shopassistant-ai.com/preguide_ai.js" 
        data-tenantid='prz_123123123' 
        data-app-type=
”pdp” defer><
'pdp'
        defer>
</script>
Info

Please ensure to include defer in the script tag.

...

If PDP layout is off, please add an outer container to the script like below

Code Block
languagehtml
<div style="display: block; width: 100%;">
  <script src="https://widget.shopassistant-ai.com/preguide_ai.js" 
          data-tenantid='prz_123123123' 
          data-app-type=”pdp”'pdp'
          defer></script>
</div>
Info

Note: The AI Shop Assistant PDP will be loaded on the specific page where you put the script.

...