Widget Integration

Configure your chat widget's appearance and initial conversation behavior. Settings are available in the "Widget Integration" page tabs: "Content", "Style", "Embed", "URL", and "Preview".

Content

Configure the initial message displayed when opening the chat and the contact form feature.

Display Name

Enter the name displayed on the chat screen.

Welcome Message

Enter the first message displayed when the chat opens.

Example: "Hello, I'm your AI Concierge. Feel free to ask any questions!"

Input Placeholder

Set the placeholder text displayed in the message input field.

Contact Form

Configure the feature that allows customers to send inquiries directly from the chat.

Turn on "Enable Form" to accept inquiries directly from the chat widget
The email destination uses the contact email address set in Agent Settings

Watermark Settings

Toggle the "Powered by NEWT Chat" display at the bottom of the chat widget with "Show Watermark".

Available on Suite plan and above.

Style

Customize the chat widget's appearance.

Header & Send Button Color: Set the color of the header and send button

Chat Bubble Settings

Customize the appearance of the chat bubble displayed on your website.

Bubble Text: Text displayed next to the bubble icon (optional)
Chat Bubble Background Color: Set the bubble's background color
Chat Bubble Text Color: Set the bubble's text color
Icon: Select the icon to display on the chat bubble (Message, Chat, Help)

Configure where on your website the widget appears.

Base position: Select "Bottom Right" or "Bottom Left"
Distance from bottom: Set the distance between the widget and the bottom edge of the screen in px (0–200px, default: 20px)
Distance from right/left edge: Set the distance between the widget and the right or left edge of the screen in px (0–200px, default: 20px)

It may take a few minutes for position changes to appear on your embedded site.

Embed

Get the script to install on your website.

URL

Share your chat widget via URL.

URL Link

Get a direct URL to launch the widget. Use this when you want to launch the chat from outside your website, such as via newsletters, LINE, or social media.

Simply copy the URL and use it as a link destination. Clicking it will launch the chat widget directly.

Text Link

Get HTML code to embed a text link on your website. Paste it anywhere on your site to add a text link like "Chat with us" that opens the chat widget.

Verifying Settings

After changing settings:

Check the actual appearance on the "Test Run" page or "Preview" tab
Use the share feature to verify with team members
Once confirmed, embed on your website