Algolia Recommend for Magento

Algolia Recommend lets you display recommendations from your product catalog on your website. If an item isn’t what users are looking for, they can quickly jump to similar or complementing items.

Check the pricing overview for more information about the available plans for Algolia Recommend.

Before you start

Before you can use Algolia Recommend with Magento, check these requirements:

• Algolia extension for Magento Open Source and Adobe Commerce version 3.8 or higher
• You’re sending click and conversion events. Algolia Recommend relies on click and conversion events to continuously improve its recommendations. You can also upload events via CSV to get started.

Configure Algolia Recommend for Magento

In your Magento dashboard, go to Stores > Configuration > Algolia Search > Recommend Products Settings.

You can enable the Frequently Bought Together and Related Products models.

Enable Frequently Bought Together

Set Enable Frequently Bought Together to Yes to show recommendations from this model on product detail pages below the main product information. If you’re using recommendations from Algolia’s Frequently Bought Together model, you should remove the default related products from the user interface.

Enable Related Products

Set Enable Related Products to Yes to show recommendations from this model on product detail pages below the main product information. If you’re using recommendations from Algolia’s Related Products model, you should remove the default upsell products from the user interface.

You can configure content-based filtering in the Algolia dashboard.

Remove the Magento related products block

To hide Magento’s default related products, set Remove The Magento Related Products Block to Yes.

Remove the Magento upsell products block

To hide Magento’s default upsell products, set Remove The Magento Upsell Products Block to Yes.

Customize the layout for Recommend

Use Algolia’s boilerplate extension to change how the recommendations appear in the user interface.

Change the layout for Frequently Bought Together

Copy the file view/frontend/web/recommend.js from the original extension to the same path in the custom extension. To change the layout, edit the frequentlyBoughtTogether block.

Change the layout for Related Products

Copy the file view/frontend/web/recommend.js from the original extension to the same path in the custom extension. To change the layout, edit the relatedProducts block.

Customize styles

To customize the style of the recommendations, edit the classes defined in view/frontend/web/internals/recommend.css in the original extension.