Installation Guide

A detailed explanation of how to install 360 Product Spinner to your Shopify store.

Add 360 Product Spinner to your store

You can add our app to your store from the Shopify App Store. After installation, you will have to accept recurring payment starting at $7.99 per month (first 7 days are free to use). If you uninstall the app within this trial period, you will not be charged.

Step 1: Create a bunch of product spinners

Click on the "Manage Spinners" button from the first step on the dashboard and create a bunch of product spinners.

360 Product Spinner, help a

The creation process is self-explanatory. Just pay attention to the messages and alerts within the application.

360 Product Spinner, help b 360 Product Spinner, help c 360 Product Spinner, help d

Step 2: Enable ScriptTag for Storefront

We suggest using our component because it's simple, light, and easy to use. You can turn it on from the application dashboard:

360 Product Spinner, help e

Also, you can disable this component if you want to briefly hide the spinners from visitors (for example, when you want to update them). Just don't forget to enable it back!

Step 3: Add a spinner to necessary page(s)

There are 4 ways how to add spinners to your pages. Depending on your needs, you can choose the most convenient option.

360 Product Spinner, help f

Option 1: Automated spinner placement

When enabled, customers will see a product spinner just below the 'Add To Cart' button.

Note: our script automatically detects which spinner to show on each of the product pages.

Option 2: Manual spinner placement (only product pages)

Just copy the following code and paste it to body of target product template (typically templates/product.liquid or sections/product-template.liquid).

<div develic-360-product-viewer></div>

Note: our script automatically detects which spinner to show on each of the product pages.

Option 3: Manual spinner placement (any page)

Use the following code (don't forget to use proper PID of the spinner) and paste it to a body of any page in your store.

<div develic-360-product-viewer="c67089c8-89dc-0000-0000-57d2ee6c26f6"></div>

Note: with this placement method you will have to manually specify target spinner by using PID (could be found in the spinners list on step 1)

Option 4: Support Team Assistance

Just contact us and we will take a look at your store’s pages structure and carefully add product spinners code to targeted ones.

Check your spinners on the storefront

Now, open your page on the storefront (as you open all other pages). If everything is done correctly, you should see the spinners there.

360 Product Spinner, help g 360 Product Spinner, help h

Any issues?

If you're struggling with product spinners placement or facing any other issues, please contact our support team.