echo3D
π Back to website
π» Go to console
πΊ Watch workshop
π¬ Discuss on Slack
Searchβ¦
Introduction
Quickstart
π
Get an API Key
π»
Access the Console
π²
Add a 3D Model
π
See it in AR
π
Share it with Others
β
Troubleshooting
Web Console
π
Load a Key
πΌ
Manage Pages
π
Deliver Pages
π
Analyze Pages
π
Compute Pages
π
Learn Pages
β
Help Menu
β¬
Downloads
π¨
Themes
π
Search
π€
Profile
API
π§©
Objects
ππ¨
Queries
π
Data
πΌ
Upload
π½
Download
π
Convert
π
Compress
βΊ
Locate
π
Search
Unity
π¨
Installation
π§°
Using the SDK
π
Transforming Content
π©π»
Edit Code
π€³
Adding AR Capabilities
β
Troubleshooting
Scene Viewer
π²
Deploy Experience
π
Transforming Content
π’
Embed into Website or App
π©π»
Add Code
β
Troubleshooting
AR.js
π²
Deploy Experience
π
Transforming Content
π’
Embed into Website or App
β
Troubleshooting
React Native
π©
Fetching Data
π©π»
Edit Code
π€³
Adding AR/VR Capabilities
π
Transforming Content
Swift
π¨
Installation
π€³
Adding AR Capabilities
Flutter
π¨
Installation
π©π»
Edit Code
π€³
Adding AR Capabilities
JavaScript
π©
Fetching Data
π©π»
Edit Code
WebXR
π²
Deploy Experience
eCommerce Sites
π
Shopify
π
Wix
3D Content
π¨
Content Creation
π
Google Poly
π«
3D Capture Apps
Powered By
GitBook
π
Shopify
Learn how to integrate echo3D into a Shopify store.
You can integrate 3D content from echo3D to your store on
Shopify
.
Go to your store admin page on
Shopify
.
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!
Now add the
Advanced Custom Fields
app to your store.
Any other app that allows you to add custom fields would work too.
Open the
Advanced Custom Fields
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
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!
π
WebXR - Previous
Deploy Experience
Next - eCommerce Sites
Wix
Last modified
8mo ago
Copy link