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

# Add Egentify's Chat Widget to Your Storefront Today

> Embed the Egentify chat widget on your storefront with a script tag or via the Shopify and WooCommerce integrations — no coding required for platform users.

The chat widget is how your customers interact with the AI agent on your storefront. It loads as a floating button in the corner of your store, opens into a full conversation interface, and gives customers instant access to product search, order status, cart actions, and more — all without leaving the page.

## Platform installs (no code required)

If you're running Shopify or WooCommerce, you can enable the widget without touching a single line of code.

<Tabs>
  <Tab title="Shopify">
    Egentify integrates directly with the Shopify Theme Editor using App Embeds.

    1. In your Shopify admin, go to **Online Store > Themes**.
    2. Click **Customize** on your active theme.
    3. Open the **App Embeds** panel (the puzzle-piece icon in the left sidebar).
    4. Find **Egentify Chat Widget** and toggle it on.
    5. Click **Save**.

    The widget appears on your storefront immediately. No code changes to your theme are needed.
  </Tab>

  <Tab title="WooCommerce">
    The Egentify for WooCommerce plugin automatically injects the chat widget on every page of your store once it's activated and connected.

    1. Install and activate the **Egentify for WooCommerce** plugin from your WordPress dashboard.
    2. Go to **WooCommerce > Egentify** and enter your Project ID to connect your store.
    3. The widget is injected automatically — no further configuration required.

    **Shortcode option:** If you prefer to place the widget manually — for example, only on specific pages — disable auto-injection in the plugin settings and use the shortcode instead:

    ```plaintext theme={null}
    [egentify_chat_widget]
    ```

    Add this shortcode to any page or post where you want the widget to appear.
  </Tab>
</Tabs>

## What the widget shows

The widget gives customers a full support experience without leaving your storefront:

* **Conversational AI responses** — the agent answers questions in natural language, with context from your store
* **Product cards** — search results display product images, prices, stock availability, and an add-to-cart button
* **Order status and tracking** — customers can look up their orders and get tracking links directly in the chat
* **Starter buttons** — configurable quick-reply buttons shown when the chat first opens, so customers can jump straight to common requests

## Customizing appearance

You can adjust the widget's colors, position, welcome text, agent name, avatar, corner radius, and starter buttons from the Egentify dashboard. See [Widget Customization](/docs/configuration/widget-customization) for the full list of options and how to configure each one.