The preview mode is for you to see what our recommendation boxes look like with your online store before you Publish our app and push it live to your live store.
Make sure to check the styles, placements and alignments of the recommendation boxes on each of your pages. You can navigate through your store in the live preview just like how you would on your browser.
Also, check the recommendation boxes that you would like to have active on each of your pages. We suggest to have at least 2 recommendation boxes on each page (especially Recently Viewed in all pages).
Finally, don't forget to take a look at the top left corner where you can specify which Shopify Theme you are using. We have some pre-determined customizations for a number of different Shopify themes. If you know what theme you have on your store, you can go ahead and select your theme. If you can't find your theme, or if the pre-determined customizations look different than what you have on your store, you can still customize our recommendation boxes elements by clicking on Personalizer (at the top) > Customize with Box Designer.
Note: The products in the Preview/Box Designer's recommendation boxes are not the real recommendations that will show in your live store. The products are in alphabetical order and are there to only preview to you what the recommendation boxes will look like.