# Add Messenger to your site

> Where to paste the Messenger code, on any site builder.

Copy the code from **Settings › Support settings › Messenger › Add it to your site › Copy code**. It looks like this:

```html
<script src="https://widget.customercatalyst.io/v1/messenger.js" data-key="pk_…" async></script>
```

`data-key` is your public key. Always copy the code from the app: it has your key and the right address.

## Where to paste it

Paste the code **before the closing `</body>` tag on every page** where Messenger should show. Most sites have one place that is added to every page — a footer, layout or "custom code" setting. Use that.

Paste it once per page. If it ends up on a page twice, Messenger still loads only once.

### Bubble

Add an **HTML element** to the page (or to a reusable element that is on every page, like your header or footer) and paste the code into it. Turn **Display in iframe** off for that element. Inside an iframe, Messenger can't reach the page.

### Webflow

Paste the code into your site's custom code (before `</body>`), or into an **Embed** element on the page.

### WordPress

Paste the code into your theme's footer, or use a plugin that adds code before `</body>` on every page.

### Google Tag Manager

Create a **Custom HTML** tag with the code and fire it on all pages.

## Check that it works

Open your site and look for the launcher in the corner. If it isn't there, see [Messenger or form doesn't show](/troubleshooting/#messenger-or-form-doesnt-show).

If you chose **Only my own button**, there is no launcher; [add your own button](/support/messenger/open-from-your-button/).