--- title: "How Personalized Outfit Recommendations Help Shoppers Discover Complete Looks" slug: "mapp-fashion-use-case-outfits" description: "Mapp Fashion creates personalized outfits of garments, shoes and accessories around a viewed product. Show them via widget, Smart Pixel or API." updated: 2026-10-08T14:26:08Z published: 2026-10-08T14:26:08Z canonical: "docs.mapp.com/mapp-fashion-use-case-outfits" --- > ## Documentation Index > Fetch the complete documentation index at: https://docs.mapp.com/llms.txt > Use this file to discover all available pages before exploring further. # How Personalized Outfit Recommendations Help Shoppers Discover Complete Looks ## Overview Personalized Outfit Recommendations automatically generate complete outfit suggestions using enriched product attributes and machine learning. These recommendations highlight items that work well together, based on a shopper’s style and intent, helping to answer common questions like “How can I pair this?” or “How many ways can I wear this?” Typically displayed on the product detail page, the feature suggests garments, shoes, and accessories that complement the viewed item. Suggestions can also appear on basket pages, post-purchase pages, and in [post-purchase emails](/v1/docs/mapp-fashion-use-case-outfit-emails). ![A floral dress styled with a blazer, bag, and heeled sandals for evening wear.](https://cdn.document360.io/554b9b98-6720-4d8b-9919-c7b203d72648/Images/Documentation/personalized outfits cut(2).png) Personalized outfit recommendations showing complementary garments, shoes, and accessories. Looking for alternative products instead of outfit pairings? See [Similar Items](/v1/docs/mapp-fashion-use-case-similar-items). --- ## Benefits - **Attribute-Based Styling:** Outfits are generated using enriched product attributes for accurate, style-aware combinations. - **Higher Basket Value**: Shoppers are more likely to add additional items when seeing complete looks. - **Faster Decision-Making:** Shoppers receive instant styling inspiration and learn how to wear an item effectively. - **Flexible Implementation:** Works through either a ready-to-use widget or a customizable API integration. - **Consistent Brand Experience:** The layout can be customized to match the website’s design. --- ## How outfit recommendations are built Each outfit is built around a single starting item: the product a shopper is viewing, has added to their basket, or has purchased. Mapp Fashion combines that item with complementary garments, shoes, and accessories, guided by styling logic that reflects how items are worn together. Styling rules keep combinations sensible, so that colors, product types, and styles work together instead of clashing. Only items that are in stock are included, so every recommended outfit can be purchased as shown. Outfits are grouped by occasion, so a shopper can see looks for different contexts, such as casual, evening, or business. An outfit can also be built around an accessory. When a shopper views a bag or a pair of shoes, Mapp Fashion can suggest complete looks that feature that item. --- ## Where outfits come from As an alternative to automatically generated outfits, Shop the Look and Model Wears let you provide finished outfit combinations yourself, which Mapp Fashion then displays. This gives you full control over specific looks, such as campaign or editorial styling. In the Smart Pixel and the API, these looks are called partner outfits. See [Partner Outfits](/v1/docs/mapp-fashion-recommendation-items#partner-outfits) in Recommendation Items and the endpoint [/v2/items/partner_outfits](/v1/apidocs/return-curated-partner-outfits-for-a-single-source-item). --- ## How recommendations are personalized Recommendations adapt to each shopper. Outfits are ranked by how well they match the shopper’s style, based on their browsing and purchase behavior. The more a shopper interacts, the more relevant the recommendations become. For how the available data affects recommendation quality, see [Privacy & Cookies](/v1/docs/privacy-cookies). --- ## Prioritizing Specific Pairings with Fashion Sets Products that share a Set ID form a Fashion Set (sometimes called a co-ord), such as a matching two-piece or a curated capsule pairing. Assign a shared **Set ID** to the relevant products in your product data (see [Product Attribute Model](/v1/docs/connect-product-catalog-product-attributes-model)). This overrides personalization: instead of being ranked individually by the shopper's style profile (see [How recommendations are personalized](/v1/docs/mapp-fashion-use-case-outfits#how-recommendations-are-personalized) above), the two products are always shown together as a pairing. This also applies to outfits generated for [Post-Purchase Emails](/v1/docs/mapp-fashion-use-case-outfit-emails). > [!NOTE] > Note > > Set ID is available only for Product Catalogs running in Fashion-enabled mode. --- ## Integration ### Setup by Mapp Mapp works with each brand to define its styling logic. Mapp stylists study the brand to understand its identity, so that outfits reflect how the brand wants to be represented. This shapes how product types are paired (for example, which shoes suit a dress) and which styling strategies apply for different occasions. ### Requirements You provide your product data and your order and return data, delegate a domain, and set up tracking with the Smart Pixel. If you use the hosted widget, you also provide design assets and a container element on the page. For the complete list, see the column Personalized Outfits in the [Prerequisites Matrix](/v1/docs/mapp-fashion-prerequisites#5-prerequisites-matrix). ### Display Options Choose how the recommendations appear on your website: - **Hosted widget:** Mapp Fashion renders the recommendations and records interactions. See [Outfits](/v1/docs/smart-hosted-widgets#outfits) in Widget Types and Configuration. - **Smart Pixel retrieval:** The Smart Pixel requests the recommendations, and you render them in your own frontend. See [Recommendation Items](/v1/docs/mapp-fashion-recommendation-items#outfits). - **Server-side API:** Your server requests the recommendations. See [/v2/items/outfits](/v1/apidocs/return-outfits-for-a-single-source-item). If you render recommendations yourself, set up [Recommendation Tracking](/v1/docs/recommendation-tracking-fashion) so that clicks are recorded. For which identifier to pass, see [Product and Customer Identifiers](/v1/docs/mapp-fashion-product-and-customer-identifiers). For all building blocks of an integration, see the [Integration Overview](/v1/docs/mapp-fashion-introduction).