header-logo
Learn how to build your website and business using Wix.
Design and manage your site with smart functionalities.
Manage subscriptions, plans and invoices.
Run your business and connect with members.
Learn to purchase, connect or transfer a domain to your site.
Get tools to grow your business and web presence.
Boost your visibility with SEO and marketing tools.
Get advanced features to help you work more efficiently.
Find solutions, learn about known issues or contact us.
placeholder-preview-image
Improve your skills with our courses and tutorials.
Get tips for web design, marketing and more.
Learn to increase organic site traffic from search engines.
Build a custom site using our full-stack platform.
Get matched with a specialist to help you reach your goals.
placeholder-preview-image
In this article
  • Customizing your chat layout
  • Configuring the chat's text settings
  • Designing your chat
  1. Home
  2. Managing your business
  3. Managing your customers
  4. Wix Smart Chat
  5. Wix Smart Chat: Designing and Customizing the Chat

Wix Smart Chat: Designing and Customizing the Chat

7 min
In this article
  • Customizing your chat layout
  • Configuring the chat's text settings
  • Designing your chat
Wix Smart Chat 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 Wix Smart Chat.

Customizing your chat layout

Choose how you want to display the chat on your site. Choose where on the page it appears and how new messages appear to visitors.

To customize your layout:

  1. Go to your editor.
  2. Click the chat widget.
  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 Wix Smart Chat widget settings in the Wix Editor.

Configuring the chat's text settings

Enter the text you'd like to appear when the chat 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 chat widget.
  3. Click Settings.
  4. Click the Text tab.
  5. Choose which mode you want to customize: AI Chat text or Manual Chat text.
  6. Choose what you want to customize:
    • Header text: Enter the name you'd like to appear in the header when the chat box is open. 
    • Input helper text: Set the default text prompting visitors to enter a message (e.g. "Type your message...").
    • When chat is online: Enter the text that site visitors see when your chat box is available to chat but minimized.
    • When chat is offline: Enter the text that site visitors see when your chat box is unavailable and minimized.
      Note: This option is only available if you've selected a minimized chat layout that includes text in the Design tab.
A screenshot of the Text tab of the Wix Smart Chat widget settings in the Wix Editor.

Designing your chat

Design each component of the chat in your editor.

To design your chat:

  1. Go to your editor.
  2. Click the chat widget.
  3. Click Settings.
  4. Click the Design tab.
  5. Choose what you want to design:
A screenshot of the Design tab of the Wix Smart Chat widget settings in the Wix Editor.

Did this help?

|
Hire a ProfessionalGet matched with a Wix Partner who can help you reach your site goals.
Start Now

Helpmate

Hello

Need a bit more guidance?
Summary of this article
Unlock personalized helpLog in to get the most out of Helpmate.