Once you've installed Picture It, make sure you've activated your first product.

When you activate a product, you will see the "Live Preview" button will automatically appear on the product page:
‍

‍

1. Customizing the button

To customize how the appearance and location of the button, simply navigate to your Settings page and edit the button to match your store and click "Save"!
‍

2. Embed button into CSS with an App Block

Don't want the button hovering across your product page? You can embed the preview button directly into your store's CSS with an app block.

(This feature is only available to themes on Online Store 2.0 or higher)

To add the app block:

1. Go to your theme editor
2. Navigate to your product detail page
3. Add a section and click "Apps" to select the Picture It app block
4. Move the app block to your desired location
5. Click into the button to customize
6. Click "Save" to complete

‍

‍

Note: App blocks will override the default floating button. If you choose to remove the app block, the default button will reappear.

3. Troubleshooting

If you're using an app block and experience your button appearing for a second then disappearing, this is most likely due to your store's caching. To fix this, please follow these steps:

1. Remove the button
2. Click "Save"
3. Add the button back
4. Click "Save" again

If the issue persists, try deactivating your products that are experiencing the issue and activating them again. If the problem persists, please get in touch at help@pictureit.co.

‍