Open Messenger from your own button
Add data-ccm-open="new" to any button or link on a page that has the Messenger code:
<button type="button" data-ccm-open="new">Message us</button>| Value | Opens |
|---|---|
data-ccm-open="new" |
The new-message screen, ready to write. |
data-ccm-open="home" |
Messenger’s home screen. |
This also works for buttons added to the page later. In Bubble, Webflow or other builders, add it as a custom attribute on the element (name data-ccm-open, value new).
Only your own button
Section titled “Only your own button”To hide the round corner button and open Messenger only from your own buttons, choose Launcher › Only my own button on the Messenger tab and save.
From JavaScript
Section titled “From JavaScript”CustomerCatalystMessenger.open(); // home screenCustomerCatalystMessenger.open('new'); // new-message screenCustomerCatalystMessenger.close();See the JavaScript API.

