> For the complete documentation index, see [llms.txt](https://docs.echo3d.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.echo3d.com/ecommerce-sites/shopify.md).
# Shopify
You can integrate 3D content from echo3D to your store on [Shopify](https://www.shopify.com/).
Go to your store admin page on [Shopify](https://www.shopify.com/).
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:
```
{% assign metafiled = product.metafields.echo3D %}
{% assign key = 'shortURL' %}
```
Now add the [Advanced Custom Fields](https://apps.shopify.com/advanced-custom-field) app to your store.
{% hint style="info" %}
Any other app that allows you to add custom fields would work too.
{% endhint %}
Open the [Advanced Custom Fields](https://apps.shopify.com/advanced-custom-field) app and add the following data to your products:
| Data | Value |
| --------- | --------------------------- |
| Namespace | echo3D |
| Key | shortURL |
| Value | |
Where `https://go.echo3D.co/ABCD` is the short link to your 3D content which you can obtain through the the asset card.
{% hint style="info" %}
Use a different link for each of your products.
{% endhint %}
Now back at your store's product page the result should look something like**:**
**You did it!** 🎉