Shopify

How do I embed 360 images on Shopify?

Imajize enables you to easily embed a 360° product spin into any Shopify product page by simply copying and pasting an embed link that is generated by the Imajize system. First you need to create an Imajize account  here and create some 360 spins. Once you have done that simply follow the instructions below to publish your 360 views on Shopify product pages.

Sign up with Imajize

Install the Shopify JavaScript and jQuery app.

  • Log in to your Shopify account.
  • Click here to install the Custom JavaScript & jQuery app
  • Once the plug-in is installed, choose the free plan
  • Click on "Add new JS snippet"
  • Check both checkboxes "Script before </head> tag" and "As HTML"
  • Enter "Imajize" for the snippet name and paste the following code into the snippet code text area:

<script>jQuery.getScript("//assets.imajize.com/scripts/" + Shopify.shop + ".min.js")</script>

  • Click the "Publish" button

Add a 360 product image to a Shopify product page.

  • Log into your imajize account and find the product view you want to add.
  • Click "Embed" and choose the "URL" tab.
  • Copy the embed code. It should look like this: http://embed.imajize.com/PQUDbEJO_N4
  • Log into your shopify account.
  • Navigate to the product page you want to edit. 
  • If you haven't already done so, add a static product image like you normally would.
  • After the image has been uploaded, hover over the image preview and then click "ALT"

  • Now paste the embed code that you copied from the imajize Embed page.

  • That's it! You will now see the 360 view on your product page.

Here is an example of an Imajize 360 viewer in action.


Note

If your free Imajize trial has expired your 360 spins will no longer appear on any websites.  You can upgrade your account here.


Boost engagement & decrease returns with Imajize.

If you haven't already created an Imajize free trial account you can  create one here.


Contact our world-class support team.

Imajize is working diligently on developing clean integrations with popular ecommerce platforms and content management systems. If you are having trouble then our dedicated integration team is always here to either point you in the right direction, or do the dirty work for you. We offer free support with basic integrations (for example, embedding your 360 view into your webpage's product description area), and we also offer paid integration development with Shopify themes that are incompatible with our Shopify 360 view integration solution. Pro tip: Ask your CMS/theme developer first; they are the true technical gatekeeper with direct access to all of the technical back-end software for making 360 view integrations clean, simple and easy. Third party developers–like us–have limited access to Shopify's core back-end software (it's akin to working on a car's engine without being allowed to open the hood). Contact our support team with any questions–we'll stick with you every step of the way.

Still need help? Contact Us Contact Us