51黑料不打烊

Configuration configuration

Learn how to customize the look and feel of your chatbot dialogue window.

To get started, click Chatbot under Configuration.

There are several different customization options.

Style Tab style-tab

Style style

This is where you鈥檒l define the look and feel of the chatbot where your Dialogues will be shown, including: colors, fonts, placement of the bot widget, and the chatbot鈥檚 name/avatar.

Each category鈥檚 color is determined by a (e.g., white = #ffffff, red = #bf1932, etc.).

The Anchor allows your site visitor to open/close the chatbox. You can choose whether you want that icon to appear on the bottom right or bottom left. You can also increase/decrease padding (the amount of space between the icon and the bottom of the webpage).

Bot Settings agent-settings

In Bot Settings, you can add a label to your chatbox (ex: 鈥51黑料不打烊 Assistant鈥) that will appear at the top of it. You can also determine the response delay (in seconds), and change your chat avatar. To upload your own avatar image, click the + button.

NOTE
Custom avatars should be square images less than 256kb and smaller than 200x200 px. Supported file types include: .jpg, .png, .gif, .webp, .svg.

New message notification sound

Click the drop-down to select a sound for the visitor each time the chatbot is triggered in a session. There are multiple sounds to choose from.

Enable poke messages on mobile

Select the slider to enable 鈥淧oke,鈥濃攚hich displays the opening question next to the chat icon without the visitor having to click on it to see it鈥攆or visitors chatting in from a mobile device.

NOTE
Poke is only available on the first card in the conversation.

When you鈥檙e done making changes, remember to click Save.

Privacy Tab privacy-tab

Click the Privacy tab to add/edit the URL of your site鈥檚 privacy policy (optional).

Installation Tab installation-tab

In order for the chatbot to show up on your website, you鈥檒l first need to install the Dynamic Chat JavaScript snippet. Click this tab to find/copy the necessary code. If you鈥檙e not familiar with this operation, please contact your web team or IT department for assistance.

TIP
Look below the code for what to add if your site uses Content-Security-Policy (CSP).
NOTE
Marketo Support is not set up to assist with troubleshooting HTML. For HTML assistance, please consult a web developer.
recommendation-more-help
94ec3174-1d6c-4f51-822d-5424bedeecac