Category Page

Bring your category pages to life with Gardrobo A.I. widgets, designed to inspire customers and streamline their shopping journey. These widgets deliver curated content and insights, helping customers discover products more effectively and boosting engagement on your site.

Here are the widget types available for integration on category pages:

Total Looks

Showcase complete outfits generated automatically by our service. Total Looks are built around the top 3 most popular products in the current category, creating cohesive styles that inspire customers and encourage multi-item purchases.

Widget Example
Widget Popup Example

Highlight the most popular products in the category based on trends, sales, or user activity. This widget helps customers quickly identify what’s currently in demand.

Widget Example

Personalized Recommendations

Deliver a personalized selection of category products tailored to the individual customer. Using data-driven recommendations, this widget ensures relevance and enhances the customer experience.

Widget Example

Integration Script

To integrate the widgets, you need to add <div id="garderobo"></div> on the category page. This area will host the widgets.

Next, execute the initialization code:

...
<script>
   _garderoboWidget.then(function(widget) {
       widget.initCategory(document.getElementById('garderobo'), {"category_id": <category id>});
   });
</script>
...

category_id - Identifier of the category on which the user is located

Depending on the agreed widget types, the content of those or other widgets will be displayed in the specified area.

All widget styles are prepared in advance by Garderobo A.I. employees according to the layout agreed with you. During the initialization process, these styles are automatically loaded as a .css file.

Last updated