ImprovementChat Widget

Design your AskDolphin chat widget

AskDolphin now lets you design the chat widget yourself: the launcher icon or your own image, its colors and label, the position and size.

AskDolphin now lets you design the chat widget yourself: the launcher icon or your own image, its colors and label, the position and size.See the chat widget
Last updated

What's new

AskDolphin now lets you design the chat widget yourself: the launcher icon or your own image, its colors and label, the position and size. You also pick a light, dark or system theme, and a live preview shows every change before customers see it. It is how AskDolphin's chat widget comes to look like part of your site.

Why it matters

Customers trust a chat that looks like it belongs to the shop they are in. Matching your colors, and placing the button where it does not cover your own buttons, makes the widget feel like your site rather than a tool added on top of it.

How to use it

Open Settings, then Channels, then Live Chat widget, then Appearance, and stay on the General tab:

  • Chat button: pick one of four icons or upload your own image, set the Arrow color and Bubble color, turn on a transparent background if you like, and add a Button label of up to 32 characters.
  • Position & size: choose the Side, the Side spacing and Bottom spacing in pixels, and the Button size.
  • Colors: choose the Widget theme (System, Light or Dark), then set the primary, secondary and tertiary colors and the customer font color, separately for light and dark.
  • The Live preview beside the settings changes as you edit. Select Save when you are happy, or Restore defaults to start again.

Good to know

  • Your company name and logo come from your workspace settings, under Manage branding.
  • The Widget language setting is on the same tab.
  • The customizable chat widget is included on Free and Pro.

Frequently asked questions

Can I change the AskDolphin chat button?

Yes. Pick an icon or upload your own image, set its colors and label, and choose its side, spacing and size.

Does the AskDolphin chat widget have a dark mode?

Yes. Choose a Light, Dark or System theme for the widget and set its colors for light and dark separately.

Released
Category
Chat Widget
Availability
Free and Pro

Related updates

new-plans-free-proNew plans: Free and Pro
ai-billing-by-charactersFairer AI billing by characters, with a monthly limit
sales-assistant-budget-controlsBudget controls for AI sessions and recordings
ai-sales-assistantAI Sales Assistant for your store
session-replayLive visitors and Session Replay
dolphin-ai-product-notesAskDolphin's AI takes a note when it doesn't know
action-reviewAction Review: approve what customers ask for
cancellation-refund-requestsCancellation and refund requests in chat
order-status-in-chatOrder and delivery status inside the chat
canned-responsesCanned responses for your team
shopify-order-actionsShopify order actions in your inbox and chat
dolphin-ai-channel-settingsDolphin AI by AskDolphin: settings for chat, QR and email
dolphin-ai-toneSet the tone of AskDolphin's Sales Assistant
ai-email-repliesAI email replies and drafts, per mailbox
outlook-microsoft-365-integrationOutlook and Microsoft 365 integration
gmail-integrationGmail integration for your support inbox
chat-widget-ten-languagesThe AskDolphin chat widget in ten languages
widget-channels-tabA Channels tab for your social links
widget-products-services-tabProducts or Services tab in the chat widget
widget-conversation-startersA widget home screen that starts conversations
chat-widget-designDesign your AskDolphin chat widget
new-chat-widgetThe new AskDolphin chat widget
mailbox-sender-settingsSender addresses and domains for each mailbox
custom-business-emailConnect your business email by forwarding
ai-writing-assistant-inboxAI writing help in your support inbox
dolphin-replyDolphin Reply: AI draft replies in one click
help-center-ai-sourceHelp Center as an AI source and a Help tab
dolphin-ai-data-sourcesDolphin AI by AskDolphin now uses your Data Sources
framer-pluginAskDolphin for Framer: live chat plugin
new-qr-code-typesNew QR code types, including vCard, SMS and phone
qr-code-stylesAdvanced QR code styles and settings
qr-code-libraryQR code library with scan counts
chat-transcript-settingsChat transcript settings
support-notificationsNotifications for your support team
talk-and-listen-dolphin-aiTalk to Dolphin AI by AskDolphin and hear its replies
dashboard-dark-modeLight, dark or system theme, and your workspace color
new-support-dashboardA new support dashboard

Stop losing the quiet ones.

Install it in a minute. It starts working on your next visitor.

14 days, every feature.