Designing and Customizing the Wix AI Chat Assistant

5 min read
The Wix AI Chat Assistant allows you to reflect your brand's voice and style by designing and customizing your chat interface. You can adjust colors, text, layout, and more directly in your editor, making it easy for visitors to use. This personalized touch can make them feel more connected to your brand and more likely to complete their purchase. By encouraging site visitors to get in touch, you increase engagement and provide better service.
2 screenshots side by side showing different design options for the AI Chat Assistant.
In this article, learn more about:

Designing your AI Chat Assistant

Design each component of your AI Chat Assistant in your editor.

To design your AI Chat Assistant:

  1. Go to your editor.
  2. Click the Wix AI Chat Assistant.
  3. Click Settings.
  4. Click the Design tab.
  5. Choose what you want to design:

Customizing your AI Chat Assistant layout

Choose which pages you want to display your AI Chat Assistant on, where on those pages it appears, and how new messages appear to visitors.

To customize your layout:

  1. Go to your editor.
  2. Click the AI Chat Assistant.
  3. Click Settings.
  4. Click the Layout tab.
  5. Choose what you want to customize:
    • Position: Decide whether you want your chat box to appear in the bottom left or bottom right of your site.
    • Width and height: Choose your chat width and height, you can use default settings or customize it using the slider.
A screenshot of the Layout tab of the AI Chat Assistant Settings, showing different design options.

Configuring the AI Chat Assistant's text settings

Enter the text you'd like to appear when the AI Chat Assistant is minimized or offline. Give your visitors upfront information such as its typical response time.

To configure your text settings:

  1. Go to your editor.
  2. Click the AI Chat Assistant.
  3. Click Settings.
  4. Click the Text tab.
  5. Choose what you want to customize:
    • Chat Box: Enter the name you'd like to appear in the header when the chat box is open. Then set the default text prompting visitors to enter a message (e.g. "Type your message...").
    • Chat Minimized: Enter the text that site visitors see when your chat box is minimized, both when you appear online and available to chat and when you appear offline and unavailable.
      Note: This option is only available if you've selected a minimized chat layout that includes text.
A screenshot of the Text tab of the AI Chat Assistant Settings, showing different design options.

Did this help?

|