How To Style Your Smith.ai Chat Widget

How to style your widget

  1. In your dashboard, click on the settings gear:
  1. Click on “Widget” next to “Account” and “Business Info”
  1. Scroll down and click on “Style”
  1. From there, you can style your widget:
    1. Color (requires the hex code of your color):
    2. Button type (just the icon, or with the word "chat" next to it). You can also choose to have your widget displayed on the left side of your page instead of the bottom right corner.
    3. Title and intro:
    4. Upload your logo:
      5. Check out the size of your logo and change or remove it
  2. Don't forget to save! Here's how your widget should look after you update your color, button type, logo, title, and intro (this example also has a disclaimer):
These options affect the way that your widget looks, but the text will not appear in any of the chat responses. Live agents will respond to chats using details collected from your startup form. If enabled and programmed, your chatbot will answer chats using your knowledge base.

Questions? Contact us!

If you're already a Smith.ai client and need help, please email us at support@smith.ai or call us at (650) 727-6484 for assistance.

If you're not yet a Smith.ai client, please schedule a free consultation to get started with our live chat or email us at sales@smith.ai. We'll help you select the best plan to match your business’s growth goals and budget.

How did we do?

Customize Your Chat Widget Greeting, Disclaimer, and Availability Messaging

How to Change Live Chat Trigger Time

Contact