Checkout/Cart Page
Enhance your checkout page with Gardrobo A.I. widgets to inspire last-step additions and boost average order value. These widgets provide curated recommendations that are relevant and appealing to customers at the final step of their shopping journey.
Here are the widget types available for integration on the checkout page:
Total Looks
Showcase complete outfits generated automatically based on the items already added to the cart. This widget helps customers visualize complementary products and encourages them to create cohesive looks by adding more items to their order.
Popular Products
Highlight top products from across your entire catalog, taking the customer’s gender into account. This widget surfaces best-selling or trending items, making it easy for customers to discover products they might have missed.
Personalized Recommendations
Deliver a personalized selection of products tailored to the individual customer. Using advanced algorithms, this widget ensures recommendations that are both relevant and compelling, increasing the likelihood of additional purchases.
Integration Script
To integrate the widgets, you need to add <div id="garderobo"></div> on the checkout page. This area will host the widgets.
Next, execute the initialization code:
...
<script>
_garderoboWidget.then(function(widget) {
widget.initCart(document.getElementById('garderobo'), {"yml_ids": [<array of product offer ids>]});
});
</script>
...Also, don't forget to do the basic initialization of the widgets.
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.II
Last updated