> For the complete documentation index, see [llms.txt](https://docs.saas.haut.ai/haut.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.saas.haut.ai/haut.ai/haut.ai-features/product-recommendation-system-1.0-deprecated/recommendations-view-in-consumer-app.md).

# Recommendations View in Consumer App

This page describes the presentation of product recommendations in Skin Consultant app.

Recommendations View is a display of the Product Recommendations in [Consumer Apps](/haut.ai/haut.ai-features/consumer-apps.md) for product items from the attached to Consumer App [Product Shelf](/haut.ai/haut.ai-features/product-recommendation-system-1.0-deprecated/product-shelf.md).

{% hint style="info" %}
Check this guide on [Create a Consumer App](/haut.ai/quick-start-guides/no-code-app-for-e-commerce-businesses/create-consumer-app.md#attaching-product-recommendation) in quick start [No-Code App for e-Commerce Businesses](/haut.ai/quick-start-guides/no-code-app-for-e-commerce-businesses.md).
{% endhint %}

***

## Consumer App interface

There are 2 sections of the Consumer App interface that display the recommended product items:

1. [#section-routine](#section-routine "mention")
2. [#section-you-might-also-like](#section-you-might-also-like "mention")

***

## Section "Routine"

### Preview of interface

<div><figure><img src="https://245161714-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MWxBX_zB4FnflOpyBGO%2Fuploads%2F6J6r5oqgysDPTcro0QkZ%2FRoutines.gif?alt=media&amp;token=9a59a1c6-8cbf-4e3a-bdea-192b26be7681" alt="" width="260"><figcaption><p>Routines preview in Consumer App on mobile device</p></figcaption></figure> <figure><img src="https://245161714-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MWxBX_zB4FnflOpyBGO%2Fuploads%2FGjgvoosjk7uSDe5gmm95%2FProduct%20Recommendation%20-%20Product%20View.jpg?alt=media&amp;token=8978bc20-b756-4c6d-b556-b9db43269316" alt="" width="312"><figcaption><p>Single product preview</p></figcaption></figure> <figure><img src="https://245161714-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MWxBX_zB4FnflOpyBGO%2Fuploads%2FnegE3aGMNKhBmXPy8NhZ%2FProduct%20Recommendation%20-%20Routine.jpg?alt=media&amp;token=3417f338-89b3-4865-8c46-e8c35598b1b8" alt=""><figcaption><p>Single product as a Routime step preview</p></figcaption></figure></div>

### Routine steps

Each routine can contain a **maximum of 7 steps** in the following order:

1. [#make-up-remover-step](#make-up-remover-step "mention")
2. [#cleanser-step](#cleanser-step "mention")
3. [#exfoliation-step](#exfoliation-step "mention")
4. [#lotions-and-serums-step](#lotions-and-serums-step "mention")
5. [#eye-care-step](#eye-care-step "mention")
6. [#day-and-night-creams-step](#day-and-night-creams-step "mention")
7. [#spf-step](#spf-step "mention")

Each step will be shown only if a user has concerns this type of product can target.

{% hint style="warning" %}
If the end-user does not have any specific skin concern, addressed by the exact step of the routine, the relevant step of the routine will be omitted.
{% endhint %}

***

## Make-up remover Step

The product item for this step is selected according to the following priority:

1. Make-up remover for vessel care, if the product item is added to [Slot: Make-up remover for vessels care](/haut.ai/haut.ai-features/product-recommendation-system-1.0-deprecated/product-shelf/special-concerns-category.md#slot-make-up-remover-for-vessels-care) of the attached Product Shelf.
2. Makeup remover for the relevant skin type, if the product item is added to [Slot: Make-up remover for aged skin](/haut.ai/haut.ai-features/product-recommendation-system-1.0-deprecated/product-shelf/basic-care-category.md#slot-make-up-removed-for-aged-skin) / [Slot: Make-up remover for oily skin](/haut.ai/haut.ai-features/product-recommendation-system-1.0-deprecated/product-shelf/basic-care-category.md#slot-make-up-remover-for-oily-skin) / [Slot: Make-up remover for dry skin](/haut.ai/haut.ai-features/product-recommendation-system-1.0-deprecated/product-shelf/basic-care-category.md#slot-make-up-remover-for-dry-skin) / [Slot: Make-up remover for normal skin](/haut.ai/haut.ai-features/product-recommendation-system-1.0-deprecated/product-shelf/basic-care-category.md#slot-make-up-remover-for-normal-skin) of the attached Product Shelf.

{% hint style="info" %}
**Maximum 1 product item is shown in Routines View.**

All other products items from the above-mentioned slots are shown in [#section-you-might-also-like](#section-you-might-also-like "mention")
{% endhint %}

***

## Cleanser Step

The product that will be shown at this step is selected according to the following priority:

1. Cleanser for vessel care, if the product item is added to [Slot: Cleanser for vessels care](/haut.ai/haut.ai-features/product-recommendation-system-1.0-deprecated/product-shelf/special-concerns-category.md#slot-cleanser-for-vessels-care) of the attached Product Shelf.
2. Cleanser for the relevant skin type, if the product item is added to [Slot: Cleanser for aged skin](/haut.ai/haut.ai-features/product-recommendation-system-1.0-deprecated/product-shelf/basic-care-category.md#slot-cleanser-for-aged-skin) / [Slot: Cleanser for oily skin](/haut.ai/haut.ai-features/product-recommendation-system-1.0-deprecated/product-shelf/basic-care-category.md#slot-cleanser-for-oily-skin) / [Slot: Cleanser for dry skin](/haut.ai/haut.ai-features/product-recommendation-system-1.0-deprecated/product-shelf/basic-care-category.md#slot-cleanser-for-dry-skin) / [Slot: Cleanser for normal skin](/haut.ai/haut.ai-features/product-recommendation-system-1.0-deprecated/product-shelf/basic-care-category.md#slot-cleanser-for-normal-skin) of the attached Product Shelf.

{% hint style="info" %}
**Maximum 1 product item is shown in Routines View.**

All other products items from the above-mentioned slots are shown in [#section-you-might-also-like](#section-you-might-also-like "mention")
{% endhint %}

***

## Exfoliation Step

The product that will be shown at this step in case the product is recommended and if the product item is added to [Special Concerns Category](/haut.ai/haut.ai-features/product-recommendation-system-1.0-deprecated/product-shelf/special-concerns-category.md#slot-exfoliation-for-pigmentation-care) of the attached Product Shelf.

{% hint style="info" %}
**Maximum 1 product item is shown in Routines View.**

All other products items from the above-mentioned slots are shown in [#section-you-might-also-like](#section-you-might-also-like "mention")
{% endhint %}

***

## Lotions and Serums Step

### Serums for special concerns sub-step

The product that will be shown at this step is selected according to the following priority:

1. Serum for anti-ageing prevention, if the product item is added to [Slot: Serum for anti-aging prevention therapy](/haut.ai/haut.ai-features/product-recommendation-system-1.0-deprecated/product-shelf/special-concerns-category.md#slot-serum-for-anti-aging-prevention) of the attached Product Shelf.
2. Serum for anti-ageing support therapy, if the product item is added to [Slot: Serum for anti-aging support therapy](/haut.ai/haut.ai-features/product-recommendation-system-1.0-deprecated/product-shelf/special-concerns-category.md#slots-for-anti-aging-support-therapy) of the attached Product Shelf.
3. Serum for anti-ageing complex, if the product item is added to [Slot: Serum for anti-aging complex](/haut.ai/haut.ai-features/product-recommendation-system-1.0-deprecated/product-shelf/special-concerns-category.md#slot-serum-for-anti-aging-complex) of the attached Product Shelf.
4. Serum for acne care, if the product item is added to [Slot: Serum for acne-care](/haut.ai/haut.ai-features/product-recommendation-system-1.0-deprecated/product-shelf/special-concerns-category.md#slot-serum-for-acne-care) of the attached Product Shelf.
5. Serum for vessels (redness) care, if the product item is added to [Slot: Serum for vessels care](/haut.ai/haut.ai-features/product-recommendation-system-1.0-deprecated/product-shelf/special-concerns-category.md#slot-serum-for-vessels-care) of the attached Product Shelf.
6. Serum for pigmentation care, if the product item is added to [Slot: Serum for pigmentation care](/haut.ai/haut.ai-features/product-recommendation-system-1.0-deprecated/product-shelf/special-concerns-category.md#slot-serum-for-pigmentation-care) of the attached Product Shelf.

{% hint style="info" %}
**Maximum 1 product item is shown in Routines View.**

All other products items from the above-mentioned slots are shown in [#section-you-might-also-like](#section-you-might-also-like "mention")
{% endhint %}

### Lotions sub-step

The product will be shown at this step based on the relevant skin type:

* [Slot: Lotion for aged skin](/haut.ai/haut.ai-features/product-recommendation-system-1.0-deprecated/product-shelf/basic-care-category.md#slot-lotion-for-aged-skin)
* [Slot: Lotion for oily skin](/haut.ai/haut.ai-features/product-recommendation-system-1.0-deprecated/product-shelf/basic-care-category.md#slot-lotion-for-oily-skin)
* [Slot: Lotion for dry skin](/haut.ai/haut.ai-features/product-recommendation-system-1.0-deprecated/product-shelf/basic-care-category.md#slot-lotion-for-dry-skin)
* [Slot: Lotion for normal skin](/haut.ai/haut.ai-features/product-recommendation-system-1.0-deprecated/product-shelf/basic-care-category.md#slot-lotion-for-normal-skin)

***

## Eye care Step

### Care for Dark Circles sub-step

The product that will be shown at this step in case the product is recommended and if the product item is added to [Eye Care Category](/haut.ai/haut.ai-features/product-recommendation-system-1.0-deprecated/product-shelf/eye-care-category.md#slot-eye-care-for-dark-circles) of the attached Product Shelf.

{% hint style="info" %}
**Maximum 1 product item is shown in Routines View.**

All other products items from the above-mentioned slots are shown in [#section-you-might-also-like](#section-you-might-also-like "mention")
{% endhint %}

### Care for Eye Bags sub-step

The product that will be shown at this step in case the product is recommended and if the product item is added to [Slot: Eye care for eye bags](/haut.ai/haut.ai-features/product-recommendation-system-1.0-deprecated/product-shelf/eye-care-category.md#slot-eye-care-for-eye-bags) of the attached Product Shelf.

{% hint style="info" %}
**Maximum 1 product item is shown in Routines View.**

All other products items from the above-mentioned slots are shown in [#section-you-might-also-like](#section-you-might-also-like "mention")
{% endhint %}

### Care for Pronounced Wrinkles sub-step

The product that will be shown at this step in case the product is recommended and if the product item is added to [Slot: Eye care for pronounced wrinkles](/haut.ai/haut.ai-features/product-recommendation-system-1.0-deprecated/product-shelf/eye-care-category.md#slot-eye-care-for-pronounced-wrincles) of the attached Product Shelf.

{% hint style="info" %}
**Maximum 1 product item is shown in Routines View.**

All other products items from the above-mentioned slots are shown in [#section-you-might-also-like](#section-you-might-also-like "mention")
{% endhint %}

### Care for Small Wrinkles sub-step

The product that will be shown at this step in case the product is recommended and if the product item is added to [Slot: Eye care for small wrinkles](/haut.ai/haut.ai-features/product-recommendation-system-1.0-deprecated/product-shelf/eye-care-category.md#slot-eye-care-for-small-wrinkles) of the attached Product Shelf.

{% hint style="info" %}
**Maximum 1 product item is shown in Routines View.**

All other products items from the above-mentioned slots are shown in [#section-you-might-also-like](#section-you-might-also-like "mention")
{% endhint %}

***

## Day and night creams Step

### Day cream sub-step

The product that will be shown at this step is selected according to the following priority:

1. Day cream for anti-ageing support therapy in case the product is recommended and if the product item is added to [Slot: Day cream for anti-aging support therapy](/haut.ai/haut.ai-features/product-recommendation-system-1.0-deprecated/product-shelf/special-concerns-category.md#slot-day-cream-for-anti-aging-support-therapy)of the attached Product Shelf.
2. Day cream for anti-ageing complex in case the product is recommended and if the product item is added to [Slot: Day cream for anti-aging complex](/haut.ai/haut.ai-features/product-recommendation-system-1.0-deprecated/product-shelf/special-concerns-category.md#slot-day-cream-for-anti-aging-complex) of the attached Product Shelf.
3. Day cream for vessel care in case the product is recommended and if the product item is added to [Slot: Day cream for vessels care](/haut.ai/haut.ai-features/product-recommendation-system-1.0-deprecated/product-shelf/special-concerns-category.md#slot-serum-for-vessels-care) of the attached Product Shelf.
4. Day cream for pigmentation care in case the product is recommended and if the product item is added to [Slot: Day cream for pigmentation care](/haut.ai/haut.ai-features/product-recommendation-system-1.0-deprecated/product-shelf/special-concerns-category.md#slot-day-cream-for-pigmentation-care) of the attached Product Shelf.
5. Product from the [Basic Care Category](/haut.ai/haut.ai-features/product-recommendation-system-1.0-deprecated/product-shelf/basic-care-category.md) relevant to the skin type, if the product item is added to [Slot: Day cream for dry skin](/haut.ai/haut.ai-features/product-recommendation-system-1.0-deprecated/product-shelf/basic-care-category.md#slot-day-cream-for-dry-skin) / [Slot: Day cream for normal skin](/haut.ai/haut.ai-features/product-recommendation-system-1.0-deprecated/product-shelf/basic-care-category.md#slot-day-cream-for-normal-skin) of the attached Product Shelf.

{% hint style="info" %}
**Maximum 1 product item is shown in Routines View.**

All other products items from the above-mentioned slots are shown in [#section-you-might-also-like](#section-you-might-also-like "mention")
{% endhint %}

### Night cream sub-step

The product that will be shown at this step is selected according to the following priority:

1. Night cream for anti-ageing support therapy in case the product is recommended and if the product item is added to [Slot: Night cream for anti-aging support therapy](/haut.ai/haut.ai-features/product-recommendation-system-1.0-deprecated/product-shelf/special-concerns-category.md#slot-night-cream-for-anti-aging-support-therapy) of the attached Product Shelf.
2. Day cream for anti-ageing complex in case the product is recommended and if the product item is added to [Slot: Night cream for anti-aging complex](/haut.ai/haut.ai-features/product-recommendation-system-1.0-deprecated/product-shelf/special-concerns-category.md#slot-night-cream-for-anti-aging-complex) of the attached Product Shelf.
3. Day cream for vessel care in case the product is recommended and if the product item is added to [Slot: Night cream for vessels care](/haut.ai/haut.ai-features/product-recommendation-system-1.0-deprecated/product-shelf/special-concerns-category.md#slot-night-cream-for-vessels-care) of the attached Product Shelf.
4. Product from the [Basic Care Category](/haut.ai/haut.ai-features/product-recommendation-system-1.0-deprecated/product-shelf/basic-care-category.md) relevant to the skin type, if the product item is added to [Slot: Night cream for oily skin](/haut.ai/haut.ai-features/product-recommendation-system-1.0-deprecated/product-shelf/basic-care-category.md#slot-night-cream-for-oily-skin) / [Slot: Night cream for dry skin](/haut.ai/haut.ai-features/product-recommendation-system-1.0-deprecated/product-shelf/basic-care-category.md#slot-night-cream-for-dry-skin) / [Slot: Night cream for normal skin](/haut.ai/haut.ai-features/product-recommendation-system-1.0-deprecated/product-shelf/basic-care-category.md#slot-cleanser-for-normal-skin) of the attached Product Shelf.

{% hint style="info" %}
**Maximum 1 product item is shown in Routines View.**

All other products items from the above-mentioned slots are shown in [#section-you-might-also-like](#section-you-might-also-like "mention")
{% endhint %}

***

## SPF Step

The product that will be shown at this step in case the product is recommended and if the product item is added to [Slot: SPF for aged skin](/haut.ai/haut.ai-features/product-recommendation-system-1.0-deprecated/product-shelf/basic-care-category.md#slot-spf-for-aged-skin) / [Slot: SPF for oily skin](/haut.ai/haut.ai-features/product-recommendation-system-1.0-deprecated/product-shelf/basic-care-category.md#slot-spf-for-oily-skin) / [Slot: SPF for dry skin](/haut.ai/haut.ai-features/product-recommendation-system-1.0-deprecated/product-shelf/basic-care-category.md#slot-spf-for-dry-skin) / [Slot: SPF for normal skin](/haut.ai/haut.ai-features/product-recommendation-system-1.0-deprecated/product-shelf/basic-care-category.md#slot-spf-for-normal-skin) of the attached Product Shelf.

{% hint style="info" %}
**Maximum 1 product item is shown in Routines View.**

All other products items from the above-mentioned slots are shown in [#section-you-might-also-like](#section-you-might-also-like "mention")
{% endhint %}

***

## Section "You might also like"

In this section, the system shows all the recommended products.

***

{% hint style="warning" %}
Not a Haut.AI client yet?
{% endhint %}

<a href="https://haut.ai/book-a-demo?utm_source=referral&#x26;utm_medium=saas_docs&#x26;utm_campaign=Docs_SaaS_HautAI" class="button primary" data-icon="user-vneck">Book a demo</a> <a href="https://haut.ai/product/ai-skin-analysis?utm_source=referral&#x26;utm_medium=saas_docs&#x26;utm_campaign=Docs_SaaS_HautAI" class="button secondary" data-icon="external-link">Platform overview on haut.ai</a>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.saas.haut.ai/haut.ai/haut.ai-features/product-recommendation-system-1.0-deprecated/recommendations-view-in-consumer-app.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.