1. Home
  2. Modules
  3. ChatFactory
  4. How to Use the ChatFactory Widget to Enhance Your Landing Pages and Websites

How to Use the ChatFactory Widget to Enhance Your Landing Pages and Websites

The ChatFactory Widget is a visually appealing, interactive AI-powered overlay that enhances visitor engagement on your Landing Page or website.

Behind the scenes is the AI-driven ChatFactory Agent, which intelligently handles interactions by analyzing visitor queries, recommending relevant content or products, and personalizing conversations in real time. This seamless integration of AI ensures a dynamic, tailored experience that keeps visitors engaged and helps guide them toward their goals.

These widgets can be customized to serve various purposes, including:

  • Recommending related products or content.
  • Assisting with customer support by answering visitor questions.
  • Guiding users through onboarding or setup processes.

Note: While a single ChatFactory Agent can pair with multiple ChatFactory Widgets, each widget can be paired with only one agent.


How to Create and Configure the ChatFactory Widget

Note: Before starting, ensure you have a fully configured ChatFactory AI Agent ready to pair with the widget.

  1. In ChatFactory, select the Widget tab as highlighted below.
    Widget tab

    Widget tab

  2. Click Create to start a new widget.
    Create a Widget

    Create a Widget

  3. Follow the prompts to name the widget and select the agent. If editing an existing widget, use the dropdown.
    Widget dropdown menu

    Widget dropdown menu

  4. Your new widget appears in the Widget dropdown list.
  5. To configure the widget, expand the Agent and Theme menus.
    Agent dropdown list

    Agent dropdown list

  6. Customize the widget’s theme if needed.
    Widget Theme menu

    Widget Theme menu

  7. Click Save to lock in your changes.

How to Embed the ChatFactory Widget on a Landing Page or Website

  1. Open the widget and click Widget Script.
    Widget Script button

    Widget Script button

  2. Click Copy Script in the window that opens.
    Copy Script button

    Copy Script button

  3. Go to the External Code menu.
    External Code menu item

    External Code menu

  4. Click Add External Code and paste the script.
    Add External Code window

    Add External Code window

  5. Save your changes.
  6. Go to a Templated Experience’s Landing Page Setup tab.
    Landing Page Setup tab

    Landing Page Setup tab

  7. Select the External Code snippet and save changes.
    External Code field

    External Code field

  8. Test the page to confirm the widget appears.
    Example of ChatFactory Widget on a Landing Page

    Example of ChatFactory Widget on a Landing Page

Views: 15

Updated on January 7, 2025
Was this article helpful?
Need Support?
Can't find the answer you're looking for? Don't worry we're here to help!
CONTACT SUPPORT