Non-Shopify PDP Integration

To install the AI Shop Assistant PDP on your e-commerce website, follow these steps:

Step 1: Open Your Website's Code

Ensure you can access your website's HTML files or insert custom scripts through your website builder or CMS.

Step 2: Locate the Product Page Code

Open the file responsible for rendering your product detail page. This is typically product.html, single-product.php, or another similar file, depending on your platform.

Step 3: Insert the AI Shop Assistant PDP Script

Find the location where you want the PDP widget to appear on the product page and insert the following script:

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

Replace <Please insert your tenant id here> with your actual tenant ID.

For Example:

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

Make sure to include defer in the script tag to ensure optimal loading.

Step 4: Save and Publish

Save your changes and upload the modified file to your web server if necessary.

Step 5: Verify the Installation

Navigate to your product page and confirm that the AI Shop Assistant PDP is visible and functioning.

Adjusting Layout Issues

If the PDP widget does not align properly, wrap it in a container for better control:

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

Additional Notes

The AI Shop Assistant PDP will only appear on the specific product page where you place the script.

AI Shopping Assistant Handbook