Learn how to customize the look and feel of your chatbot dialogue window.
To get started, click Configuration.
There are several different customization options.
This is where you’ll 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’s name/avatar.
Each category’s color is determined by a hexadecimal color value (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).
In Agent Settings, you can add a label to your chatbox (ex: “Adobe Bot”) 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.
Custom avatars should be square images less than 256kb and smaller than 200x200 px. Supported file types include: .jpg, .png, .gif, .webp, .svg.
When you’re done making changes, remember to click Save.
If your site utilizes a Content Security Policy, you may need to whitelist the following URLs for the chatbot to work as expected:
Marketo Support is not set up to assist with troubleshooting HTML. For HTML assistance, please consult a web developer.