Step 1: Enable Wiser in the Theme Editor
Click on the “Enable App” button on the app dashboard.
2. The app has been enabled in your theme editor, click "Save" to activate
Step 2: Adding Recommendations to the pages.
Once the app is enabled, go to the Wiser dashboard, and from the "Install Instructions" section, copy the div of the widgets that you want to add on your store.
2. After you copy the div, go to Online Store >> themes >> edit code and add the div to the template on which you need to add the widget and save the file.
a. Copy "Related Products" div and wanted to add it on the product pages.b. In theme, search for "product template" and add the div in the end or change the position accordingly.
Step 3: Activating Recommendation Widgets in the Wiser App
Access the Dashboard
On the Wiser admin navigate to the Dashboard and select it.
Locate Setup Widgets
This section displays various types of pages where you can add product recommendations—such as the homepage, product page, cart page, and more.
Select Your Target Page
Locate the page where you want to add recommendations and click the “Edit” button
In this example, we’ll be selecting the Product Page to display product recommendations directly on individual product listings.
Step 4: Enabling Widgets on Specific Pages
After selecting a page, toggle the Enable Widget button for the recommendation widget you had selected in the theme editor specifically to display on that page.
Rename the widget to match the style or purpose of your store (e.g., “You May Also Like”).
Be sure to click "Save" after enabling each widget.
Step 5: Customizing Widget DesignIn the Wiser dashboard, go to Customize Widgets in the left panel.
Here, you can modify the design to match your store’s theme:
Choose between different layouts (grid, slider, etc.).
Adjust fonts, colors, and sizes to align with your branding.
Congratulations!
You’ve successfully set up Wiser AI’s powerful product recommendation widgets on your Shopify store. Now watch your sales and engagement grow!