AlcmeonChat, Alcmeon's white-label chat solution, can be customized in several ways to match your brand identity: the button that launches it, the call-to-action message bubbles, the chat widget itself, and even the notification emails your customers will receive when an agent responds to their request.

Access the customization interface

To customize the appearance and text of your chat widget, go to the “Settings / Accounts” section then to your AlcmeonChat account page in Alcmeon and click on the “ Chat Demo ” link.

In the window that opens, the “Customize” button opens the customization window which is divided into 4 tabs that we will detail below:

• Closed chat
• Chat Header
• Cat Conversation
• Generate the code

Closed chat

This section allows you to customize how the AlcmeonChat widget appears when closed.

➡️

Background image

This image will be used only in your Alcmeon environment and will serve as a preview when you configure the other components of AlcmeonChat. We recommend uploading a 1680x1024px image in JPG or PNG format.

Launch button

You can change the appearance of the AlcmeonChat launch button, as well as its positioning on the page.

• Change the appearance of the button by uploading your image or logo
  • PNG Format PNG
  • Size: 64x64px
• Change the position of the button on your website page
  • Bottom right (default position)
  • Lower left corner
  • Upper right corner
  • Upper left corner
• Enable chat widget drag and drop (Desktop only)
  • This allows the customer to freely reposition the Chat module within your website page
• Enable notifications of new messages from the advisor
  • This feature displays a bubble on your launch button icon when an advisor has responded to the customer.
  • When enabled, you can change the color of this bubble.

Help messages

Help messages are the message bubbles that automatically appear when you close AlcmeonChat. You can configure their content and determine whether they should be displayed in one of two cases: if no conversation has been started, or if a conversation is already in progress.

New Conversation Assistant: When no conversation is in progress, these message bubbles automatically appear after 5 seconds and disappear after 10 seconds.

Ongoing Conversation Assistant: When a conversation is in progress, these message bubbles appear continuously until the customer closes them.

In both cases, you can display up to two messages.

Chat Header

This section allows you to change the content and appearance of the top part of the open chat widget.

➡️

Logo displayed top left

• Format: PNG (on transparent background)
• Size: 70x70px

Title

• Choose whether to display it or not
• Customize the text
• Customize text color using a color picker

Subtitle

• Choose whether to display it or not
• Customize the text
• Customize text color using a color picker

Link to your privacy policy

• Choose whether to display it or not
• Customize the text before the link
• Customize clickable text
• Set the link URL

Note: Often, your privacy policy is displayed at the beginning of your bot script, and there is no need to display it twice unless you want to persist it in the header section.

Chat conversation

In this tab, you can customize elements of the conversation itself, such as message and icon colors, as well as texts that may appear in the client interface.

➡️

Logo to the left of your brand's answers

• Choose whether to display it or not
• Format: PNG (on transparent background)
• Size: 40x40px

Primary color

• Customize the color using a color picker
• It will be used for: progress bar, buttons, menu items and icon hover state.

Secondary color

• Customize the color using a color picker
• It will be used for: the background color of menu items and hovered or active buttons.

Other colors

• Customer message text
• Customer message bubble background

Texts

Edit or translate the following texts that appear in the interface:

• the prompt "Type your message here"
• the "Select an option above" prompt that appears when your bot's scenario does not allow your customer to enter text at this step, but requires them to click a button in the scenario
• the text prompting the customer to enter a phone number as part of the SMS notification process in your bot scenario
• the text prompting the customer to enter an email address as part of the email notification process in your bot scenario.

Generate the code

This last tab allows you to set the language of AlcmeonChat, since a number of text elements cannot be customized, but are translated by default.

In this tab, you can therefore

• Set the default language for AlcmeonChat.
• Generate the JavaScript code to insert on the pages of your website where AlcmeonChat should appear.

If the JavaScript code has already been installed on your site, the visual changes will be automatically taken into account.

However, you will need to regenerate the JavaScript code and install it again on the website for the text changes to take effect.

💡Note: If the site has multiple language versions, the generated file will need to be duplicated and the values of the following fields will need to be modified according to the desired language:

• langCode (possible values: it, fr, en, sp, de)
• title (AlcmeonChat title in header)
• subtitle (AlcmeonChat subtitle in header)
• privacy_link_label (link text)
• privacy_link_prefix (text before link)
• helperMessage1 (first message bubble in case of an unstarted conversation)
• helperMessage2 (second message bubble in case of an unstarted conversation)
• helperMessage3 (first message bubble in case of an already started conversation)
• helperMessage4 (second message bubble in case of an already started conversation)
• send_your_email (Invitation to enter an email address)
• send_your_phone (Prompt to enter a phone number)
• send_a_message (Prompt for a message)
• select_an_option (Prompts to select an option from a menu)