> ## Documentation Index
> Fetch the complete documentation index at: https://docs.yourhomie.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Setup

> Configure product questions, generate them for your product pages, and embed the widget on your storefront.

This guide walks you through generating short, helpful questions for your product detail pages (PDPs) and showing them on your storefront. Your frontend fetches the questions publicly and renders them only when a valid set exists.

<Note>
  **Before you start:** work within an organization, and ideally identify your most visited or most asked-about PDPs so you can start where it matters most.
</Note>

## 1. Configure product questions

Open one of your assistants and select **AI product questions**, then click **Start setup** to begin the initial configuration. This setup defines how questions are generated and which domains may fetch them.

| Setting                                                    | Required | Description                                                                                       | Recommendation                                                                 |
| ---------------------------------------------------------- | -------- | ------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------ |
| **Number of questions per product**                        | Required | How many questions homie generates for each product page (1–6).                                   | **3–5** keeps the questions useful without crowding the page.                  |
| **Where would you like to display the product questions?** | Required | The domain(s) of your shop allowed to fetch and show the question sets. At least one is required. | Add your live shop domain(s) so only authorized sites can load your questions. |
| **Additional instructions**                                | Optional | Extra guidance for generation, such as tone, focus areas, or topics to avoid.                     | Phrase them as short bullet points for the best results.                       |

<Frame>
  <img src="https://mintcdn.com/homieai/m0ZcYuq9OdpATfdE/images/Bildschirmfoto-2026-07-03-um-07.53.21.png?fit=max&auto=format&n=m0ZcYuq9OdpATfdE&q=85&s=d3e9ef866b1c2666e0b088ac76f4bdad" alt="Product Questions setup page showing the number of questions, allowed domains, and additional generation rules" lightAlt="Product Questions setup page showing the number of questions, allowed domains, and additional generation rules" darkAlt="Product Questions setup page showing the number of questions, allowed domains, and additional generation rules" className="dark:hidden" width="687" height="664" data-path="images/Bildschirmfoto-2026-07-03-um-07.53.21.png" />

  <img src="https://mintcdn.com/homieai/m0ZcYuq9OdpATfdE/images/Bildschirmfoto-2026-07-03-um-07.53.21-1.png?fit=max&auto=format&n=m0ZcYuq9OdpATfdE&q=85&s=d8540837c9c5a865402b61d0eeb6ff1d" alt="Product Questions setup page showing the number of questions, allowed domains, and additional generation rules" lightAlt="Product Questions setup page showing the number of questions, allowed domains, and additional generation rules" darkAlt="Product Questions setup page showing the number of questions, allowed domains, and additional generation rules" className="hidden dark:block" width="687" height="664" data-path="images/Bildschirmfoto-2026-07-03-um-07.53.21-1.png" />
</Frame>

## 2. Add product pages

Click **Create** to add product pages. You can choose from three import methods.

<Frame>
  <img src="https://mintcdn.com/homieai/m0ZcYuq9OdpATfdE/images/Bildschirmfoto-2026-07-03-um-07.53.10.png?fit=max&auto=format&n=m0ZcYuq9OdpATfdE&q=85&s=72cc3846ef39701753c215e8bbfff949" alt="Create dialog offering single URL, sitemap, and CSV import methods for adding product pages" lightAlt="Create dialog offering single URL, sitemap, and CSV import methods for adding product pages" darkAlt="Create dialog offering single URL, sitemap, and CSV import methods for adding product pages" className="dark:hidden" width="908" height="421" data-path="images/Bildschirmfoto-2026-07-03-um-07.53.10.png" />

  <img src="https://mintcdn.com/homieai/m0ZcYuq9OdpATfdE/images/Bildschirmfoto-2026-07-03-um-07.53.10-1.png?fit=max&auto=format&n=m0ZcYuq9OdpATfdE&q=85&s=e8d5f672ea45e65d433def237366525a" alt="Create dialog offering single URL, sitemap, and CSV import methods for adding product pages" lightAlt="Create dialog offering single URL, sitemap, and CSV import methods for adding product pages" darkAlt="Create dialog offering single URL, sitemap, and CSV import methods for adding product pages" className="hidden dark:block" width="908" height="421" data-path="images/Bildschirmfoto-2026-07-03-um-07.53.10-1.png" />
</Frame>

<Tabs>
  <Tab title="Single URL">
    Enter a product page URL directly and click **Add**. Ideal for adding individual high-priority pages.
  </Tab>

  <Tab title="Sitemap">
    Pick one of your allowed domains and a sitemap path (default `/sitemap.xml`), then click **Load sitemap**. By default homie imports only URLs that match common product-page patterns; you can choose to import every URL instead.
  </Tab>

  <Tab title="CSV import">
    Upload a CSV file containing your product URLs. The file must include a column named **`url`** — this is the only column that gets processed.
  </Tab>
</Tabs>

<Note>
  You can combine all three methods — start with your top PDPs manually, then expand via sitemap or CSV to scale up.
</Note>

## 3. Generate questions

Once your list is ready, click **Generate**. homie processes all URLs in the background and skips duplicates automatically. Depending on the number of URLs, this may take a few minutes.

The result table lists each product URL with its number of questions, when they were generated, and how often the set has been viewed (**Views**). Rows update live while generation runs, so you can track progress. Use the search box and pagination to manage large catalogs.

<Tip>
  Start with 20–50 top-performing PDPs (high traffic, frequent inquiries). Evaluate usage and refine before scaling across your full catalog.
</Tip>

## 4. Embed on your product pages

You'll find the embedding options in the **Integration** tab of **AI product questions**. There are two ways to display the generated questions.

<Note>
  **Prerequisite:** the homie assistant must already be installed on your storefront. Product questions extend the existing assistant — they don't load a separate script.
</Note>

### Shopify

<Steps>
  <Step title="Open the Shopify theme editor">
    In Shopify, open the **Theme Editor** and navigate to a **product page**.
  </Step>

  <Step title="Add the section">
    Click **Add section** in the sidebar, then under **Apps** select the **homie Product Questions** component.
  </Step>

  <Step title="Position the block">
    Drag the block to your desired position, for example below the product description.
  </Step>
</Steps>

<Note>
  Make sure questions have already been generated for the product you're previewing. Otherwise the section appears empty.
</Note>

### Manual integration

Add the following element to your page template wherever you want the questions to appear:

```html theme={null}
<div id="homie-product-questions"></div>
```

<Note>
  This host element is required. The already-installed homie assistant script automatically detects `#homie-product-questions` on each page and fills it with that page's questions. Without the element, no questions are rendered.
</Note>

## Trigger a question programmatically

When a shopper clicks a suggested question, the chat opens with that question already asked. You can trigger the same behavior yourself from your own UI using the Client API. See [`sendMessage`](/en/api-reference/client/methods) in the client methods reference to open the chat with a specific PDP question.

If you need to fetch a question set directly — for example to render questions in a custom frontend — use the public endpoint documented in [Get PDP questions](/en/api-reference/backend/pdp-questions/get-pdp-questions).

## Next steps

<CardGroup cols={2}>
  <Card title="Style the widget" icon="palette" href="/en/user-guide/product-questions/styling">
    Match the product questions widget to your storefront.
  </Card>

  <Card title="Add knowledge" icon="book" href="/en/user-guide/knowledge/overview">
    Give the assistant the content it needs to answer the questions well.
  </Card>
</CardGroup>
