> 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/consumer-apps.md).
# Consumer Apps
How to build a customized skincare product recommendation app on Haut.AI SaaS, with no coding required.
{% hint style="success" %}
Consumer App feature is available for all plans
{% endhint %}
{% hint style="info" %}
Consumer App section is available [here in SaaS platform](https://saas.haut.ai/app/skin-consultant/dashboard)
{% endhint %}
## About Consumer App
Consumer App is a web widget that can be integrated into any website or web store.
For a product-level overview, see the [platform overview](https://haut.ai/product/ai-skin-analysis?utm_source=referral\&utm_medium=saas_docs\&utm_campaign=Docs_SaaS_HautAI) on haut.ai.
Consumer App provides with a configurable user journey:
1. Step of standardized selfie image collection with [LIQA](/haut.ai/haut.ai-features/liqa.md) smart camera.
1. Optionally, a selfie image can be uploaded from the device. Check the requirements in [#faq](#faq "mention") section.
2. (*optional*) Step with user survey with multiple types of questions.
Find more information here: [Add and Customize Survey into Consumer App](/haut.ai/haut.ai-features/consumer-apps/add-and-customize-survey-into-consumer-app.md).
3. Step of detailed AI skin analysis review with skin concerns prioritization and sharing options.
Find the list of skin metrics on the following pages based on the algorithms that you are using:
1. [Face Skin Analysis 3.0](/haut.ai/haut.ai-features/algorithms/face-skin-analysis-3-0.md).
2. [Face Metrics 2.0](/haut.ai/haut.ai-features/algorithms/face-metrics-2-0.md).
4. Step of recommended [Start Here](/haut.ai/readme.md#product-item) review with focus on most compatible with user skin type and skin concerns, adding to wishlist or adding to cart options.
Find the information about this display on the page [Recommendations View in Consumer App](/haut.ai/haut.ai-features/product-recommendation-system-1.0-deprecated/recommendations-view-in-consumer-app.md).
Consumer App provides with a configurable user interface with customization options such as custom logo, colors, images, app language and many others.
***
## Getting Started with the Consumer App
Consumer App allows for a high degree of customization for different use cases.
Here is a quick start guide for Consumer App setup for e-commerce business:
1. [Create a Consumer App](/haut.ai/quick-start-guides/no-code-app-for-e-commerce-businesses/create-consumer-app.md)
2. [Brand a Consumer App](/haut.ai/quick-start-guides/no-code-app-for-e-commerce-businesses/brand-consumer-app.md)
3. [Integrate Consumer App to your e-Commerce Website](/haut.ai/quick-start-guides/no-code-app-for-e-commerce-businesses/integrate-consumer-app-to-your-e-commerce-website.md)
***
## Learning about available customization settings
Find the comprehensive guides on Consumer App customization settings following one of the documentation sections below:
* [Add and Customize Survey into Consumer App](/haut.ai/haut.ai-features/consumer-apps/add-and-customize-survey-into-consumer-app.md)
* [Configure Advanced Settings](/haut.ai/haut.ai-features/consumer-apps/configure-advanced-settings.md)
## Analytics and attribution
Use [Connect Google Analytics to Your Consumer App](/haut.ai/haut.ai-features/consumer-apps/connect-google-analytics-to-your-consumer-app.md) to add a GA4 measurement ID, review tracked events, forward iframe events to the parent page, and pass parent-page UTM campaign parameters into embedded app sessions.
***
## FAQ
### What image file formats does the Consumer App support for upload?
Consumer App supports the upload and processing of images only in these file formats:
* JPEG
* PNG
* WEBP
### What is the minimum resolution of the photo for the reliable skin analysis?
The minimum image resolution for reliable skin analysis is an image at least 2500 pixels wide and 2500 pixels high, with the face occupying at least 85% of the image.
***
{% hint style="warning" %}
Not a Haut.AI client yet?
{% endhint %}
Book a demo Platform overview on haut.ai
---
# 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/consumer-apps.md?ask=&goal=
```
`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.