Skip to main content

Configuration

Video tutorial​

General​

In the configuration panel you can choose how Visidea behave in your website.

Configuration sections​

General settings

In the general section you can configure how the plugin works globally. It is structured in two panels:

  • Global settings
  • CSS settings

In the Global Settings pane, you can configure the following options:

  • Visual Search Feature: Show or hide the Visual Search feature.
  • Visual Search Icon Placement: Specify the CSS selector for the element after which the Visual Search icon should be inserted.
  • Visual Search Image URL: Provide the URL of the image that appears when opening the Visual Search feature.
  • Search Bar Feature: Show or hide the Search Bar feature.
  • Search Bar Activation: Specify the CSS selector for the element that opens the Visidea Search Bar when clicked.
  • Gender Filter: Show or hide the gender filter.
  • Price Filter: Show or hide the price filter.
  • Category Filter: Show or hide the category filter.
  • Brand Filter: Show or hide the brand filter.
  • Website Category: Define the category of your website.
  • Currency: Set the currency for your website.
  • Currency Format: Choose the format for displaying the currency.

In the CSS settings pane, you can add custom CSS to your website to change completely the look and feel of the recommendations.

Recommedations settings

With Visidea you can add recommendations widgets into several sections of your website:

  • Home Page
  • Product Detail Page
  • Shopping Cart Page
  • Thank You Page

Widget configuration​

In each section, you can configure what and how to display content on the corresponding page.

You can add or remove blocks from the page and configure each block individually. Each block represents a carousel shown on your page.

In each block, you can configure the following settings:

  • Active: Show or hide the block on your page.
  • Algorithm: Choose what to display in the slideshow (details on each algorithm are provided below).
  • Heading: The text displayed before the carousel.
  • Items: Set how many products you want to show in the carousel.
  • Rows: Set how many rows you want to show in the carousel.
  • Arrows: Show or hide the navigation arrows in the carousel.
  • Dots: Show or hide the navigation dots below the carousel.
  • Cart Button: Show or hide the "Add to Cart" button (WordPress only).
  • Show After: Specify where to place the slideshow on your page using the CSS selector of an HTML element. The widget may be hidden if your theme is not fully recognized by our software; in this case, you need to specify the "Show After" to display the recommendations.
  • Slides XS: Number of slides to display on smartphones.
  • Slides SM: Number of slides to display on tablets.
  • Slides MD: Number of slides to display on laptops.
  • Slides LG: Number of slides to display on larger screens.

How to Get the CSS Selector​

  1. Go to the corresponding section on your website. For example, if you are setting the home page in the Visidea app, go to the home page of your website.
  2. Hover the cursor over the element after which you want to insert the recommendations and right-click.
  3. Select Inspect.
  4. Identify the highlighted element code.
  5. Right-click on the highlighted code.
  6. Select Copy > Copy selector.
  7. Paste the copied selector into the "Show After" field in the Visidea app.

Algorithms description​

Collaborative filtering​

Our AI suggests products based on the interactions your customers have had on your website. It learns from their activity to recommend items they might like.

This algorithm displays your best-selling products. These are the items that many of your customers are buying.

Last seen​

This algorithm shows the products your customers have recently viewed. It's a convenient way for them to quickly find items they were interested in.

Visual similarity​

On a product's detail page, this algorithm displays items that look similar to the one the customer is currently viewing. This helps them find alternatives with a similar appearance.

Frequently bought together​

On a product's detail page, this algorithm shows items that other customers often buy along with the one they are looking at. This can help them discover related products that might be useful.