header-logo
Getting started with WixBuild your website and business with Wix. Try using our AI tools to create your website, customize templates, or hire professionals to build or enhance your online presence.
Creating a websiteRead how to use the Wix Editor and manage content on your site. Discover how to protect your visitors' privacy and make your site accessible.
Account & billingReview your account settings, manage your subscriptions and plans and understand your invoices.
Using the Wix mobile appsUse our mobile apps to run your business efficiently on the go and set up a dedicated app for your site members to stay in touch.
Connecting a domainFollow our step-by step guides to learn how to purchase, connect or transfer a domain for your site, and find out how to keep your site’s data secure.
Managing your businessGet tools to grow your business and web presence. Find the right tools for your specific needs, set up online payments and keep track of your site's analytics.
Promoting your siteLearn to make your site more visible promoting it on search engines, sending emails and running paid ads. Improve your online presence with practical tips.
Studio, Partners & EnterpriseGet the most out of your Studio or Enterprise account with advanced features that'll help you work more efficiently.
Need more help?Find solutions for site performance and technical issues, learn about issues we’re working to fix or contact us for help.
placeholder-preview-image
Wix LearnImprove your skills with our courses and tutorials.
Wix BlogGet tips for web design, marketing and more.
SEO Learning HubLearn to increase organic site traffic from search engines.
Website developmentBuild a custom site using our full-stack platform.
Hire a ProfessionalGet 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

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?
Unlock personalized helpLog in to get the most out of Helpmate.