Skip to content

Open Messenger from your own button

View as Markdown

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).

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.

CustomerCatalystMessenger.open(); // home screen
CustomerCatalystMessenger.open('new'); // new-message screen
CustomerCatalystMessenger.close();

See the JavaScript API.