Configuring Your DelightChat Self-Service Widget

Learn how to customize your DelightChat self-service widget to improve customer engagement and support efficiency.

Dharmapriya S
43 steps
4 minutes

Delightchat

Click on Setting icon.

Click on "Storefront Widget Setup"

Click on "Live Chat, Self-Service Widget"

Click on "Basic Settings"

Turn the **Widget Status** toggle **ON.** This will activate the widget on your website.

social platform links - Enable only the social platform links that you want to display to your customers. Add your Instagram profile link

Add your Facebook page link

Add your Facebook Messenger link

Add your WhatsApp chat link (example., `wa.me/919XXXXXXXXX`)

Add your Twitter profile link

This is the message customers see when they visit your website. Enable **Show Welcome Message.**

Set a delay

Control what customers see and the order of sections. Drag to reorder based on priority.

Click on Save

Click on "Appearance" - customize your widget look on your website to match your brand.

**Primary Color** → Main color of the widget and button

**Secondary Color** → Optional

**Text & Icon Color** → Choose light or dark theme for better visibility

Choose an icon style for the widget button

Select icon position (Left or Right)

**Alignment** → Choose where the widget appears

Enable or disable widget on: Mobile and Desktop

Hide Widget on specific pages. Add URL paths where you don’t want the widget to appear

Click on save

Click on "Live Chat"

Enable Live Chat to let customers message you directly from your website.

Add "Live chat CTA text" - This is the button text customers see.

Add welcome message - This is the first message customers see when they open chat.

Outside business hours message - This message is shown when your team is offline.

Message us input placeholder - This is the text shown inside the message box.

Click on save

Click on "More Options"

This section lets you add **extra contact options** (like WhatsApp, Messenger, or Callback) to your website

Turn this **ON** to show a WhatsApp button on your website. Add your WhatsApp **click-to-chat link**

Whatsapp Button CTA Text - This is the text users see on the button.

Enable Second Whatsapp Chat Button - You can add another WhatsApp button, one for support and one for sales / demo

"Enable Facebook Messenger Chat Button" - Turn ON to show Messenger option

Enable Request Callback Form - Turn ON to allow users to request a callback

Optional fields: Add time slots separated by commas

Optional fields: Add reason for callback

Enable Comments Input field - Allows users to add extra details

Enable Allow Attachments - Users can upload files

Click on save

Configuring Your DelightChat Self-Service Widget

Learn how to customize your DelightChat self-service widget to improve customer engagement and support efficiency.

Dharmapriya S
43 steps
4 minutes

Delightchat

Click on Setting icon.

Click on "Storefront Widget Setup"

Click on "Live Chat, Self-Service Widget"

Click on "Basic Settings"

Turn the **Widget Status** toggle **ON.** This will activate the widget on your website.

social platform links - Enable only the social platform links that you want to display to your customers. Add your Instagram profile link

Add your Facebook page link

Add your Facebook Messenger link

Add your WhatsApp chat link (example., `wa.me/919XXXXXXXXX`)

Add your Twitter profile link

This is the message customers see when they visit your website. Enable **Show Welcome Message.**

Set a delay

Control what customers see and the order of sections. Drag to reorder based on priority.

Click on Save

Click on "Appearance" - customize your widget look on your website to match your brand.

**Primary Color** → Main color of the widget and button

**Secondary Color** → Optional

**Text & Icon Color** → Choose light or dark theme for better visibility

Choose an icon style for the widget button

Select icon position (Left or Right)

**Alignment** → Choose where the widget appears

Enable or disable widget on: Mobile and Desktop

Hide Widget on specific pages. Add URL paths where you don’t want the widget to appear

Click on save

Click on "Live Chat"

Enable Live Chat to let customers message you directly from your website.

Add "Live chat CTA text" - This is the button text customers see.

Add welcome message - This is the first message customers see when they open chat.

Outside business hours message - This message is shown when your team is offline.

Message us input placeholder - This is the text shown inside the message box.

Click on save

Click on "More Options"

This section lets you add **extra contact options** (like WhatsApp, Messenger, or Callback) to your website

Turn this **ON** to show a WhatsApp button on your website. Add your WhatsApp **click-to-chat link**

Whatsapp Button CTA Text - This is the text users see on the button.

Enable Second Whatsapp Chat Button - You can add another WhatsApp button, one for support and one for sales / demo

"Enable Facebook Messenger Chat Button" - Turn ON to show Messenger option

Enable Request Callback Form - Turn ON to allow users to request a callback

Optional fields: Add time slots separated by commas

Optional fields: Add reason for callback

Enable Comments Input field - Allows users to add extra details

Enable Allow Attachments - Users can upload files

Click on save