You should also read
Here's a step-by-step guide to setting up the Bestseller Products Widget.
Click on "Apps" on the home page of the ModeMagic app
Select the "Bestselling Products" widget under "Apps"
Select the template from the left side of the screen under "Templates"
Under "Settings", the "Bestseller Products" Data, is visible by default.
You can also read: What are Data Sources in Widgets?
From the top of the screen, you can edit & view how the widget will be visible on different screen sizes.
Under "Settings", select each layer under "Styles" to make the corresponding changes.
From the right side of the screen, choose the store pages in which you want the widget to be visible.
a) Select "All products" if you want the widget to be visible on all product pages
b) Select "All collections" if you want the widget to be visible on all collection pages
c) Select "Home Page" if you want the widget to be visible on the home page
d) Select "Custom" & then add the regex in the "Add Regex" box. If you would like to add the widget in selective product pages only, you can add the regex as shown below-For eg: If the regex has to be added for the product "oakley-factory-winter-trigger-mens-mitt-2015", then you must add it in the "Add Regex" box as follows:
.*oakley-factory-winter-trigger-mens-mitt-2015*
Choose a "Custom" or "Floating" position for the widget from "Position in page"
Click on "Add to Store" in the bottom right corner of the screen to apply the widget to your store.
Once the widget is active, it will be visible under "Active". You can pause an active widget by clicking on the "Pause icon" or remove the widget by clicking on "Remove".