Last updated on January 1, 2025
This guide explains how to integrate the Holostep 3D & AR viewer into your Shopify webshop by adding a custom script globally to the Head Code section. This ensures the script is loaded on all pages of your site.
Log in to your Shopify Admin.
Go to the left menu: Online Store > Themes
Find your active theme, click Actions > Edit code
In the left-side file list, find and open the
layout/theme.liquidfile.
Scroll to the bottom of the file, just before the closing
</head>tag.
Copy and paste the following script:
<script async type="module" src="https://onsite-scripter.holostep.io/serve/core.js?accountId=YOUR_ACCOUNT_ID"></script>
IMPORTANT: Replace YOUR_ACCOUNT_ID with the account ID provided by the Holostep team to ensure a proper connection between the systems.
Click the Save button in the top-right corner
Last updated on January 1, 2025
If you need assistance or encounter any issues, feel free to reach out
to our support team at info@holostep.io.
Our team is ready to help with any questions or troubleshooting
to ensure a smooth integration experience.