Wix Answers Help Center: Customizing Your Widget

Customize your Wix Answers Widget to reflect your company's style and branding. From your Widget's settings, you can personalize the look and feel of your Widget, determine which knowledge base content displays, modify how customers contact you and more.

Step 1 | Set Up Your Style & Branding

Change your Widget's colors, icons, position and font from the Style & Branding tab.

Show me how

Step 2 | Set Up Your Knowledge Base Module

Choose which knowledge base articles display in your Widget from the Knowledge Base Module tab.

Show me how

Step 3 | Set Up Your Messaging Module

Modify the behavior and appearance of your Widget's Live Chat or Contact Form from the Messaging Module tab.

Show me how

In the Wix Answers app, go to Settings > Support Channels > Widgets.
(If you have multiple widgets) Click the widget name and select the relevant widget.
Click the Messaging Module tab and ensure the Toggle icon is enabled.
Select how customers can contact you:
- Live Chat: Allow customers to message you in real-time with Live Chat.
  1. Select the relevant language next to Chat Setup in.
  2. Customize your Live Chat Widget using the available options:
    - Chat Layout & Content: Set up your Widget's appearance. Learn More
    - Chat Business Hours: Set your available chat hours. Learn More
    - Contact Options During Business Hours: Customize how your Widget behaves during business hours. Learn More
    - Contact Options Outside Business Hours: Customize how your Widget behaves outside of business hours. Learn More
- Contact Form: Allow customers to contact you through a contact form.
  1. Select the relevant language next to Messaging Module Settings in.
  2. Select a contact option:
    - Submit a ticket via the Answers Contact Form (recommended): Customers fill in the form to contact you.
      1. (Optional) Click Add Field to add another field to your contact form.
      2. Scroll up and customize your contact form text:
        
        Page Title: Add a title for the contact form.
        
        Subtitle: Add a subtitle that appears under the title.
        
        Response Message to Users: Enter a message to give customers an estimate of your response time.
    - Submit tickets via an external Contact Form: Customers are directed to your external contact page or form to contact you.
      1. Enter the URL of your contact page or form.
      2. Scroll up and enter a message under Response Message to Users to give customers a response time estimate.
    - Submit tickets via Email: Customers are directed to contact you via email when clicking the Email us button.
      1. Enter your email address.
      2. Scroll up and enter a message under Response Message to Users to give customers a response time estimate.
Click Update.

Step 4 | Set Up Your Advanced Settings

Choose whether your Knowledge Base or Messaging Module opens first, add custom code, enable additional languages, and whitelist domains you trust from the Advanced tab.

Show me how

Step 5 | Install on Your Website

Once you've finished customizing your Widget, embed it on your website.

Show me how

Tip:

Preview changes you make to your Widget in the side panel to the right.