Getting Started with Picture It

‍

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" and Activate a Product

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

When clicking "Activate", you will be given options on how to activate your products:

1. Product Image to Use: Select which image in your product gallery to use for your live previews.
2. Activating Variants: Select how you wish users to preview your sizes and frames.
   
   1. Auto-Framing: Takes the main product image you select and we automatically generate canvases, frames, matting, and glare to your 3D model.
   2. Use Product Image Only: Use your product image and applies it across all your variants. Will display as a flat image when previewing in 3D.
   3. Use Variant Images: Uses the images set on each variant from your Shopify admin. Only recommended if you don't have backgrounds on each variant, otherwise, you'll need to edit each variant image and remove backgrounds on each variant.
3. Background removal: If your product images have backgrounds behind them, we allow you to remove them automatically when you activate products.

‍

2. Edit your product's preview‍

Once you activate a product, you can edit the main preview image (the "parent"), remove any backgrounds, set the parent image's dimensions, and do the same for its variants.

‍

‍

If you have variants, all dimensions will be imported if formatted correctly. You can always edit these directly.

‍

🖼️ Auto-Framing: If enabled, Picture It will take the product image and allow you to add and customize frames around it for the 3D preview. You can override and customize frames per product.

‍

‍

3. Edit your preview button‍

‍Activated products will show the Live Preview button. This can be customized in the Settings page, or be embedded and customized directly as an app block in your Store's Theme Editor.

Learn how to add the preview button here!
‍

‍

‍

4. Add Room Mockups (Optional)

‍‍To customize your Room Mockups and its backgrounds, navigate to the "Virtual Showrooms" 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.

‍

‍

When editing individual rooms and backgrounds, you can select whether you want to fix the products in a specific location or not. Just click Edit > Toggle on Fixed product placement.

‍

‍

5. Start previewing

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

‍

‍

For more questions, contact help@pictureit.co.