2.08 Recommendations – Recommender Front-end integration

This video guides you through setting up a front-end integrated recommender in Luigi's Box. You'll learn how to choose the recommender type, manually set its placement using HTML selectors, customize its appearance with carousel or grid options, edit product tiles, and finalize the setup. The process is user-friendly and requires no programming skills.

Related resources:

Pages

E-Commerce Recommendation Engine Increase average order value with product suggestions personalized to every user with AI-driven recommendation engine for e-commerce websites.

Resources

Video overview

0:04

Introduction and Overview

0:17

Select the recommender type and set its placement manually for front-end integration

0:37

Define the recommender's placement using an HTML selector, typically after the product detail element

1:11

Specify the web pages where the recommender should appear by entering URLs or choosing criteria

1:40

Define the appearance of the recommender, including title position and display format (carousel or grid)

2:25

Configure the carousel, including the total number of items, visible items per page, and display options

3:02

Customize product tiles by dragging and dropping elements and adjusting colors

3:26

Review the live preview, save as a draft, or publish the recommender

3:43

View the list of all created recommenders

Create Free Account

Sign up today, choose the self-service pricing plan option, and learn more about the state of your search in our 30-day free trial.

Sign Up

Share