Back to Resources

Getting Started with Picture It

How to set up Live Previews and Virtual Showrooms in Shopify

Once you have Picture It installed on your Shopify account, you'll be directed to the homepage. From here, you can start adding live previews to your products by following these steps:

1. Navigate to "My Products"

Select a product you'd like to activate. Click "activate" to add the live preview.


If the product has variants, you can select whether you want to only use the parent's image, or activate live previews for each individual variant as well (this is only recommended if your variant images do not have backgrounds)

2. Edit your product's preview

Once you activate a product, you can edit the main preview image, select the background collection to use, set the image's dimensions, and do the same for its variants.

3. Edit your preview button

Products with live previews activated will show the fully customizable "live preview" button. You can personalize the copy, colors, and position to your liking in the "Settings" page.

For store themes using Shopify Online Store 2.0, you can embed the button as an app block in the CSS. Just navigate to your theme editor's product page and click "Add Block". Navigate to the "Apps" section and add Picture It's button.

4. Edit your backgrounds

To customize your virtual showroom's backgrounds, navigate to the "Backgrounds" page. Each collection will contain a set of customizable backgrounds. Once in a background collection, you can select or upload background images to use and edit their widths so that your products fit into the image realistically.

5. Start previewing

Preview your activated products and see your virtual showrooms and augmented reality in action!

For more questions, contact help@pictureit.co.

Try Picture It for FREE today

Or book a call with the CEO, Alex Le, for a custom demo.

14-day free trial, cancel anytime.