> 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/quick-start-guides.md). # Quick Start Guides - [No-Code App for e-Commerce Businesses](https://docs.saas.haut.ai/haut.ai/quick-start-guides/no-code-app-for-e-commerce-businesses.md): Set up a no-code Consumer App for a skincare e-commerce store: brand it, embed it on your website, and connect it to your CRM. - [Add Product Items to Product Inventory](https://docs.saas.haut.ai/haut.ai/quick-start-guides/no-code-app-for-e-commerce-businesses/add-product-items-to-product-inventory.md): This page describes how to import your product items to SaaS Product Inventory - [Bulk Import from Shopify](https://docs.saas.haut.ai/haut.ai/quick-start-guides/no-code-app-for-e-commerce-businesses/add-product-items-to-product-inventory/bulk-import-from-shopify.md): How to import your whole Shopify catalogue into a Haut.AI product shelf, and what happens when you re-import. - [Bulk Import from Other Platforms](https://docs.saas.haut.ai/haut.ai/quick-start-guides/no-code-app-for-e-commerce-businesses/add-product-items-to-product-inventory/bulk-import-from-other-platforms.md): How to bulk import product items from a CSV file when your catalogue does not live in Shopify, using the Haut.AI standard format. - [Create and Configure Product Shelf](https://docs.saas.haut.ai/haut.ai/quick-start-guides/no-code-app-for-e-commerce-businesses/create-and-configure-product-shelf.md): This page describes how to connect your product items with skin concern categories of your consumers. - [Create a Consumer App](https://docs.saas.haut.ai/haut.ai/quick-start-guides/no-code-app-for-e-commerce-businesses/create-consumer-app.md): This page describes how to setup the Consumer App widget for your e-commerce web store - [Brand a Consumer App](https://docs.saas.haut.ai/haut.ai/quick-start-guides/no-code-app-for-e-commerce-businesses/brand-consumer-app.md): This page describes how to adjust the appearance of the Consumer App to match your e-commerce web store experience. - [Integrate Consumer App to your e-Commerce Website](https://docs.saas.haut.ai/haut.ai/quick-start-guides/no-code-app-for-e-commerce-businesses/integrate-consumer-app-to-your-e-commerce-website.md): This page describes how to integrate the Consumer App as widget to your e-commerce web store. - [Integrate as Floating Button to Shopify](https://docs.saas.haut.ai/haut.ai/quick-start-guides/no-code-app-for-e-commerce-businesses/integrate-consumer-app-to-your-e-commerce-website/integrate-as-floating-button-to-shopify.md): This page describes how to integrate the Consumer App as widget, available across all pages of your Shopify web store. - [Customize the color of the Floating Button](https://docs.saas.haut.ai/haut.ai/quick-start-guides/no-code-app-for-e-commerce-businesses/integrate-consumer-app-to-your-e-commerce-website/integrate-as-floating-button-to-shopify/customize-the-color-of-the-floating-button.md): This page describes how to customize the color of the Floating Button. - [Customize the text of the Floating Button](https://docs.saas.haut.ai/haut.ai/quick-start-guides/no-code-app-for-e-commerce-businesses/integrate-consumer-app-to-your-e-commerce-website/integrate-as-floating-button-to-shopify/customize-the-text-of-the-floating-button.md): This page describes how to customize the text of the Floating Button. - [Customize the position of the Floating Button](https://docs.saas.haut.ai/haut.ai/quick-start-guides/no-code-app-for-e-commerce-businesses/integrate-consumer-app-to-your-e-commerce-website/integrate-as-floating-button-to-shopify/customize-the-position-of-the-floating-button.md): This page describes how to customize the position of the Floating Button. - [Change the stack of the order (z-index) of the Floating Button](https://docs.saas.haut.ai/haut.ai/quick-start-guides/no-code-app-for-e-commerce-businesses/integrate-consumer-app-to-your-e-commerce-website/integrate-as-floating-button-to-shopify/change-the-stack-of-the-order-z-index-of-the-floating-button.md): This page describes how to change the z-index of the Floating Button. - [Integrate as iFrame Section to Shopify](https://docs.saas.haut.ai/haut.ai/quick-start-guides/no-code-app-for-e-commerce-businesses/integrate-consumer-app-to-your-e-commerce-website/integrate-as-iframe-section-to-shopify.md): This page describes how to integrate the Consumer App as widget, available only as a section of single page of your Shopify web store. - [Known Limitations](https://docs.saas.haut.ai/haut.ai/quick-start-guides/no-code-app-for-e-commerce-businesses/integrate-consumer-app-to-your-e-commerce-website/known-limitations.md): This page describes known limitations that might affect some clients - [Integrate Consumer App with Klaviyo CRM](https://docs.saas.haut.ai/haut.ai/quick-start-guides/no-code-app-for-e-commerce-businesses/integrate-consumer-app-with-klaviyo-crm.md): This page describes how you can integrate the Consumer App with Klaviyo and send data to the Klaviyo - [Post-Analysis Communication & Follow-Up Flows](https://docs.saas.haut.ai/haut.ai/quick-start-guides/no-code-app-for-e-commerce-businesses/integrate-consumer-app-with-klaviyo-crm/communications-and-follow-up-flows.md): How a completed analysis becomes an automated email or WhatsApp follow-up — the end-to-end flow, a typical message cadence, and the consent rules. - [Data Sent to Klaviyo](https://docs.saas.haut.ai/haut.ai/quick-start-guides/no-code-app-for-e-commerce-businesses/integrate-consumer-app-with-klaviyo-crm/data-sent-to-klaviyo.md): What the Klaviyo integration sends after each analysis: the profile fields it syncs and every property on the Skin Analysis Complete event. - [Create the Proposed Email Template](https://docs.saas.haut.ai/haut.ai/quick-start-guides/no-code-app-for-e-commerce-businesses/integrate-consumer-app-with-klaviyo-crm/create-proposed-email-template.md): Create a ready-to-edit "Your Skin Analysis Results" email template in your connected Klaviyo account with one click. - [Sending Automated Emails with Skin Analysis Results](https://docs.saas.haut.ai/haut.ai/quick-start-guides/no-code-app-for-e-commerce-businesses/integrate-consumer-app-with-klaviyo-crm/sending-automated-emails-with-skin-analysis-results.md): How to build a Klaviyo flow that emails each user their skin analysis results, from the trigger through to the email template. - [Sending Automated WhatsApp Messages with Skin Analysis Results](https://docs.saas.haut.ai/haut.ai/quick-start-guides/no-code-app-for-e-commerce-businesses/integrate-consumer-app-with-klaviyo-crm/sending-automated-whatsapp-with-skin-analysis-results.md): How to build a Klaviyo flow that sends skin analysis results over WhatsApp, including templates and the consent check it needs. - [Build Klaviyo Segments from Skin Analysis Results](https://docs.saas.haut.ai/haut.ai/quick-start-guides/no-code-app-for-e-commerce-businesses/integrate-consumer-app-with-klaviyo-crm/build-klaviyo-segments-from-skin-analysis-results.md): Build a dynamic Klaviyo segment on a skin condition tag such as Poor redness or dry skin type using the hautai\_ profile properties, and keep it updated. - [Integrate Consumer App with Mailchimp](https://docs.saas.haut.ai/haut.ai/quick-start-guides/no-code-app-for-e-commerce-businesses/integrate-consumer-app-with-mailchimp.md): Connect the Consumer App to Mailchimp so survey contacts land in your audience and each completed analysis can trigger a Customer Journey. - [Data Sent to Mailchimp](https://docs.saas.haut.ai/haut.ai/quick-start-guides/no-code-app-for-e-commerce-businesses/integrate-consumer-app-with-mailchimp/data-sent-to-mailchimp.md): What the Mailchimp integration sends: the contact fields it fills, how consent maps to subscription status, and the Skin Analysis Complete event. - [Switch from the Face Skin Metrics 2.0 to the Face Skin Analysis 3.0](https://docs.saas.haut.ai/haut.ai/quick-start-guides/no-code-app-for-e-commerce-businesses/switch-from-the-face-skin-metrics-2.0-to-the-face-skin-analysis-3.0.md): How to switch your Consumer App from Face Skin Metrics 2.0 to Face Skin Analysis 3.0, what improves, and what changes for your integration. - [Build Custom App powered by Haut.AI](https://docs.saas.haut.ai/haut.ai/quick-start-guides/build-custom-app-powered-by-haut.ai.md): A step-by-step guide to building your own app on Haut.AI services, from backend setup to image collection and product recommendations. - [Configure Your App Backend and SaaS for Integration](https://docs.saas.haut.ai/haut.ai/quick-start-guides/build-custom-app-powered-by-haut.ai/configure-your-app-backend-and-saas-for-integration.md): This page describes the necessary steps needed to start building a custom app, powered by Haut.AI - [Integrate Haut.AI Image Analysis with Your App](https://docs.saas.haut.ai/haut.ai/quick-start-guides/build-custom-app-powered-by-haut.ai/integrate-haut.ai-image-analysis-with-your-app.md): The steps needed to integrate Haut.AI image analysis into your Custom App. - [Create the Best End-User Experience for Image Collection in Your App](https://docs.saas.haut.ai/haut.ai/quick-start-guides/build-custom-app-powered-by-haut.ai/create-the-best-end-user-experience-for-image-collection-in-your-app.md): This page describes the recommended steps to ensure the best user experience for image collection - [E2E Anonymization Pipeline](https://docs.saas.haut.ai/haut.ai/quick-start-guides/build-custom-app-powered-by-haut.ai/e2e-anonymization-pipeline.md): This page explains when and how to use Skin Atlas anonymization in a custom app before sending images to Haut.AI SaaS analysis. - [Integrate Haut.AI Product Recommendation with Your App](https://docs.saas.haut.ai/haut.ai/quick-start-guides/build-custom-app-powered-by-haut.ai/integrate-haut.ai-product-recommendation-with-your-app.md): This page points to the recommended documentation for adding Product Recommendation System 2.0 to your custom app. - [Good Practices for Making Your App Trustworthy, Effective and Transparent for End-Users](https://docs.saas.haut.ai/haut.ai/quick-start-guides/build-custom-app-powered-by-haut.ai/good-practices-for-making-your-app-trustworthy-effective-and-transparent-for-end-users.md): This page describes the recommended steps to make your app feel and work transparent and effective for end-users --- # 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/quick-start-guides.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.