The Recommendation Widget in the SellMore app allows you to display AI-powered or collection-based product suggestions on selected store pages.
It helps customers discover more products, increases store engagement, and can boost your sales.
You can customize the widget layout, choose the product source, set discounts, and style the design to match your store branding.
Widget Setup
Widget Heading
This option lets you add a heading above the recommendation widget.
It can be used to introduce the widget section to customers and explain what the recommendations are about.
Example: “Recommended for You” or “You Might Also Like.”
Widget Title
The main title displayed inside the widget.
This is usually a short, catchy line that draws attention to the recommended products.
Example: “Top Picks for You.”
Products to Display
Here, you decide where the widget will pull products from:
- AI Recommendation – The app automatically selects the most relevant products for each customer using AI.
- Specific Collection – Displays products from a collection you manually select from your Shopify store.
Exclusion Tags
Use this option to prevent certain products from being displayed in the widget.
Enter the Shopify product tags you want to exclude — ideal for clearance items, out-of-stock products, or items not suitable for recommendations.
Discount Type
Choose how you want to offer discounts in the recommendation widget:
- Select Discount – For no discount apply.
- Percentage – e.g., 10% off.
- Fixed Amount – e.g., $5 off.
- Fixed Amount Per Item Added – e.g., $2 off per product.
Offer Discount
Set the value of the discount based on the discount type you selected above.
Price to Display
Choose how product prices are shown in the widget:
- Store Price Only – Shows only the current selling price.
- Store Compare-to Price & Store Price – Shows both the original price and selling price.
- Store Compare-to Price & Price Including Discount – Shows original price and final discounted price.
- Store Price & Price Including Discount – Shows selling price and discounted price.
You can also set custom colors for:
- Compare-to Price Color – The color of the original price.
- Selling Price Color – The color of the selling/discounted price.
Discount Name
This is the name of the discount used by the widget.
The app will automatically apply the discount when a customer engages with the widget, so there’s no need to manually create a discount code.
Layout
Choose the way products are arranged in the widget:
- List View – Products are displayed vertically.
- Grid View – Products are displayed in a grid.
Products per Row
Set how many products you want to display in a single row (e.g., 3 products per row).
Number of Products
Set the total number of products to display in the widget (e.g., 10 products).
Enable Saving Label
Show customers how much they are saving:
- {{Amount}} – Shows savings in currency.
- {{Percentage}} – Shows savings in percentage.
Design Options
- Show Variant Selection – Allow customers to select product variants like size or color directly in the widget.
- Variant Label Text – Add a label for the variant selector.
- Show Description – Display a short description for each product.
- Description Label Text – Add a label for the product description section.
- Show Quantity Picker – Allow customers to select the quantity before adding the product to their cart.
- Quantity Label Text – Add a label for the quantity selector.
- Set Quantity Limit – Restrict the maximum quantity customers can select.
- You can also customize the Saving Label Text Color.
Add to Cart Button
Customize the button customers click to add items to their cart from the widget.
You can edit the button text, color, and style.
Additional options
- Show/Hide Widget – Use the eye icon to temporarily hide or show the widget.
- Analytics – Check widget performance data like views and clicks.
- Duplicate Widget – Copy an existing widget to create a similar one quickly.
- Delete Widget – Permanently remove the widget from your store.
