Quickstart
Web Console
API
Unity
Scene Viewer
JavaScript
WebXR
🛒
Shopify
Learn how to integrate echo3D into a Shopify store.
Adjust the theme you are using by going to the on the left-side menu, clicking Online Store and then clicking Themes.
Then click the Actions button of your current theme and choose Edit code.
Choose the page to which you want to add an iframe. For example, to add echo3D to the product page edit
product-template.liquid.
Find the code area of the page where you wish to add echo3D. For example, under the product image.
Add the following code:
1
{% assign metafiled = product.metafields.echo3D %}
2
{% assign key = 'shortURL' %}
3
<iframe src="{{ metafiled.shortURL }}""></iframe>
Copied!
Any other app that allows you to add custom fields would work too.
Data
Value
Namespace
echo3D
Key
shortURL
Value
https://go.echo3D.co/ABCD
Where
https://go.echo3D.co/ABCD is the short link to your 3D content which you can obtain through the Share Button in the Content Card.
Use a different link for each of your products.
Now back at your store's product page the result should look something like:
You did it! 🎉
Last modified 3mo ago
Copy link