04. Shopify

04. Shopify

Embed SAAS Photo animation

Step 1. Install Shopify App to Store

Enter App page, then input your shopify domain to install


Step 2. Confirm Installation

Click install app button


Input SAAS Photo share link into image alt in product page


Step 4. The Result of Product Page




Embed animation by iframe

Step 1. Enter “Add a Product” Page

Click “Add a product” button


Step 2. Open “HTML Source Editor”

Click “HTML” button on the right top corner of description form


Step 3. Input <iframe> Tag

Write tag, assign animation url and size.

Note that the url in <iframe> must starts with https protocol.


<!-- input your animation link into src attribute -->
<iframe frameborder="0" width="500" height="300" src="https://saasphoto.com/share/123/glasses2/glasses4.html">
</iframe>


Step 4. Save Product

After all product information is finished, click “Save” button


Step 5. The Result of Product Page

When product is added successfully, the page will look like:

    • Related Articles

    • 12. Website for ImageCreator

      Single Embedded Animation By embedding a standalone animation into the website you give customers multiple views in one window. There is no need to click through different thumbnails to try to find the image or angle of the product you are looking ...

    • 04. Magento 2

      PackshotCreator - OrteryCapture Step 1. Install the extension Open Magento root directory, and create app/code/ directory. Then unarchive module .zip file. Open “Terminal”, and go to Magento root directory. Input “php -f bin/magento module:enable -c ...

    • 02. eBay

      Steps to embed Step 1. Create a HTML animation using a PackshotCreator solution Step 2. Upload the entire animation folder to an online hosting server Step 3. In the folder on your server, look for the ‘*.html’ file Step 4. Cut and paste this link ...

    • 01. Bigcommerce

      Steps to embed Step 1. Enter “Add a Product” Page Click “Products” in the left side, and select “Add” Step 2. Open “HTML Source Editor” Click “HTML” button on the right top corner of description form Step 3. Input <iframe> Tag Write <iframe> tag, ...

    • 06. Volusion

      Steps to embed Step 1. Enter “Add a Product” Page Click “Inventory > Products” in navigator bar Click “Add Products” button Step 2. Open “HTML Source Editor” Click “HTML” button on the left top corner of description form Step 3. Input <iframe> Tag ...