In this brief tutorial, we will cover how to effectively install the ArtPlacer Widgets into your Shopify product page.


TABLE OF CONTENTS


Before getting started 

An Advanced or Premium trial or active subscription is required in order to allow the implementation to work. If you don't have one, you can sign up for a free 7-day trial here.

If you are on the Basic plan, you can upgrade your trial or subscription plan from here.


We recommend reading the instructions provided in the Step-by-Step full guide to creating your widget before proceeding with the steps described below. 


The supported Shopify themes up to July 2022 are the following: 


Galleria 
Flex
Studio
North
California
17.06.22 Impulse
Dawn
Prestige V5 (3.0)
Debut
Crave

Minimal


NOTICE: If your theme was acquired on Shopify's official store, but it is not on the above list, don't worry! You can attempt the implementation and we'd be happy to build the compatibility for it.

Bear in mind that external or third party custom themes aren't necessarily compatible with our app. This also applies to Shopify's store themes that have been customized. You will have to work with your own developer, and we don't guarantee compatibility with our App.
If a custom theme is installed on your store, please, follow these instructions.





STEP-BY-STEP


Install the ArtPlacer Shopify App


1) Head to the Shopify App Store and search for ArtPlacer App.


2) Click on “Add App” to install it on your store.

Connecting Shopify Store with your ArtPlacer account

1) On your Shopify Admin dashboard, head up to Apps, and select ArtPlacer:



2) If you are already subscribed, log in using the very same credentials used to access your ArtPlacer account. 
If you are not, you will need to sign up for an Advanced or Premium plan trial. You can do that through the App or from here.


3) Generate and copy your Widget code for Shopify


4) Create the new widget on the ArtPlacer Shopify App.


To do so, go back to the ArtPlacer App settings on Shopify and click on Start Creating Widgets. 



5) You will find a widget form. It should look something like this:


*Make sure the selection matches with the one on your ArtPlacer account settings.


** These options only apply if you performed a dynamic integration.


6) Click on Create Widget.


That’s it! You’re all set!


TIPS


- If you made an occasional THEME SWITCH or visual interface modification on your site, It is always recommended to delete the Widgets and re-install them following the steps listed above. 


- For the widget to reproduce the artwork on its true scale and proportions, a size variant option should be enabled on your store product page:



Compatible size formats are the following (W=width value; H=height value) 

  • WxH
  • HxW
  • WxH cm/in
  • HxW cm/in
  • WxH - (Sample text)
  • HxW - (Sample text)
  • WxH cm/in - (Sample text)
  • HxW cm/in - (Sample text)


If you need further assistance, remember the quickest way to reach us is by submitting a NEW SUPPORT TICKET.