# 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**.

![](/files/-MRSRgIvYUAQ4O9gFl4_)

Then click the **Actions** button of your current theme and choose **Edit code**.

![](/files/-MRSRmfk9VzyWbTCd20y)

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.&#x20;

Add the following code:

```
{% assign metafiled = product.metafields.echo3D %}
{% assign key = 'shortURL' %}
<iframe src="{{ metafiled.shortURL }}""></iframe>
```

Now add the [Advanced Custom Fields](https://apps.shopify.com/advanced-custom-field) app to your store.

![](/files/-MRSYQcDFx69z3I7U1lT)

{% hint style="info" %}
&#x20;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     | <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 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 lik&#x65;**:**

![](/files/-MRScHs6dn2Va-eaKUat)

**You did it!** 🎉


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.echo3d.com/ecommerce-sites/shopify.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
