# Open Messenger from your own button

> Any link or button on your page can open Messenger.

Add `data-ccm-open="new"` to any button or link on a page that has the Messenger code:

```html
<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

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

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

See the [JavaScript API](/developers/javascript-api/).
