You May Also Like

You May Also Like shows the customer a list of items related to the product they are interacting with, which leads to an increase in click-through rates. Recommending similar products keeps users exploring, increasing the chance they will find and buy something they like.

Example for You May Also Like

Introduction

Product Detail Pages often feature a ‘You May Also Like’ (YMAL) or ‘Related Products’ ribbon, which help prevent users from giving up if they haven’t found exactly what they are looking for. By showing You May Also Like recommendations, your website will encourage users to click through to additional items, and continue their shopping.

For example, a user looking at a pair of yellow Onitsuka Tiger Tai-Chi-NM may not buy the shoes for any number of reasons (e.g. out of their price range or their desired size is out of stock). However, You May Also Like recommendations can surface shoes similar in style, increasing the chance that the user will view that item and make a purchase.

Product details page with You May Also Like ribbon

On Product Detail Pages, the You May Also Like recommendation ribbon can also be displayed along with similar recipes like  Frequently Bought Together , which provide additional opportunities for keeping users exploring on your website.

Do it with APIs

To implement You May Also Like product recommendations, make a call to the Product to Products API , passing in the anchor product in the product_id. For example, the following API request will return You May Also Like recommendations on a product detail page for a pair of tiger yellow and black Onitsuka Tiger TAI-CHI-NM:

//Request
POST /v1/recommendation/product_to_products?api_key=<API_KEY> HTTP/1.1
{
    "user_id": "user-123",
    "product_id": "onitsuka-tiger-tai-chi-nm-tiger-yellow",
    "fl": ["title", "price"]
}

//Response
{
    "message": "success",
    "data": {
        "took": 56,
        "miso_id": "f98b1904-ddce-11eb-be53-fa1729b23183",
        "products": [
            {
                "product_id": "onitsuka-tiger-mexico-66-tiger-yellow",
                "title": "Onitsuka Tiger Mexico 66 'Tiger Yellow/Black",
                "price": 100,
                ..., // Additional scoring information
            },
            {
                "product_id": "onitsuka-tiger-moal-77-tiger-yellow",
                "title": "Onitsuka Tiger Moal 77 'Tiger Yellow/Black'",
                "price": 210,
                ..., /// Additional scoring information
            },
            ...
        ]
    }
}

(Note: the response has been condensed for illustrative purposes)

Read more about the scoring information that Miso returns in the API response.

Tips and Tricks

  • In this article, we have discussed on YMAL ribbons on the product detail page. However, YMAL can also be applied to many areas of your site such as Add to Cart prompts, shopping cart page, and ‘Inspired by your purchases” ribbons on the home page.
  • Consider diversifying your recommendations. There are situations where it is more desirable to show related recommendations that are not too similar to the product of interest. For example, marketplaces with a range of brands or sellers or content media sites with many content contributors, may opt to diversify recommendations in their YMAL ribbon to drive product and content discovery. Learn more about the diversification parameter in the Product to Products API documentation.
  • Similar vs. frequently bought together recommendations. As previously discussed, showing similar products to the anchor product can help drive add to cart conversions. However, once customers have already added an item to the cart, recommending similar items can distract a user from checking out. Instead, showing items that are complementary (i.e. often purchased together) can help increase the order value and reach minimum order value to trigger discounts or free shipping. For more information, check out the following resources:

Additional Resources

For more information on Miso’s Recommendations API, check out the official API Documentation.

For more recipes like this, visit the Recipes page on our Docs site.

API Reference

💻

Need more info on the API? Check out our dedicated API page with all the info you could ever want.

Read API Reference
Icon/Activity Icon/Add Icon/API Icon/Arrow/Down Icon/Arrow/Left Icon/Arrow/Right Icon/Arrow/TopRight Icon/Arrow/Up Icon/Bento Icon/Billing Icon/Bin Icon/Book Icon/Bookmark/Default Icon/Bookmark/Filled Icon/Calendar Icon/Caret/Down Icon/Caret/Up Icon/Chavron/DownIcon/Chavron/LeftIcon/Chavron/RightIcon/Chavron/UpIcon/Checknox/CheckedIcon/Checknox/Unchecked Icon/Checklist Icon/Chip Icon/Clipboard / Copied Icon/Clipboard/Default Icon/Clock/Stopwatch Icon/CMD Icon/Data/Catalog Icon/Data/Engine Icon/Data/Group Icon/Data/Interact Icon/Data/Users Icon/Dive Icon/Docs/Key Icon/Dojo Icon/Email Icon/Env/Development Icon/Env/Playground Icon/Env/Prod Icon/Folder Icon/Fullscreen/Collapse Icon/Fullscreen/Expand Icon/Guides/Multiple Icon/Guides/Single Icon/Hashtag Icon/Heart/Outline Icon/Heart/Solid Icon / Cart z Icon / Click Icon / Clock Icon / Data Icon / Doc Icon / EmptyCart z Icon/Social/Facebook Icon / Genome Incognito Icon / Money Icon/Social/ProductHunt Icon / Search Icon/Social/Twitter Icon / User Icon/Info/Error Icon/Info/Info Icon/Info/Question Icon/Info/Warning Icon/Interact/Download Icon/Interact/Edit Icon/Interact/External v2 Icon/Interact/External Icon/Interact/Filter Icon/Interact/Logout Icon/Interact/Options Icon/Interact/Re-order Icon/Interact/Reload Icon/Interact/Remove Icon/Interact/Replace Icon/Interact/Search Icon/Interact/Shuffle Icon/Interact/Undo Icon/Interact/Upload Icon/Interact/Video Icon/Invoice Icon/Loading Icon/Loading Icon/Lock/Locked Icon/Lock/Unlocked Icon/Lock Icon/Mapping Menu Icon/Notification Icon/Overview Icon/Person/Team Icon/Person/User Icon/Plan/Enterprise Icon/Plan/Growth Icon/Plan/Startup Icon/Plan/Trial Icon/Recipe Icon/Rocket Icon/Settings/App Icon/Settings/User Icon/Settings Icon/Shrine Icon/Sidebar/Close Icon/Sidebar/Open Icon/Slideout Icon/Sort/Ascending Icon/Sort/Default Icon/Sort/Descending Icon/Star/Filled Icon/Star/Outlined Stopwatch Icon/Support Icon/Tag Icon/Interact/Thumb/Dislike Icon/Interact/Thumb/Like Icon/Tick Icon/Trend/New Icon/Trend/Trending Icon/Tutorial Icon/Lock/Unlocked Icon/View/Grid Icon/View/List Icon/Watchlist/Add