How do I put the snippet on my site, and check it's really live?

The snippet is one line of code. Once it is on your site, a chat bubble appears in the corner and every conversation someone starts lands in your Peakify inbox. Pasting it does not slow your site down: it loads after the rest of your page.

Find your snippet

1. Go to Settings, then Connections, and open your website chat inbox.
2. Look for the Script (or Snippet) area of its settings.
3. Click Copy code.

Only account administrators can see the snippet, and it already has your own website's ID built into it, so copy yours rather than reusing anyone else's.

Depending on your account, you might see two blocks of code here instead of one: a new Peakify CX widget snippet, and an older one marked as the one currently serving visitors. If that happens, leave the older one in place for now and paste the new one alongside it. We will tell you when it is safe to remove the old one. Most accounts only ever see the one, already-live snippet.

Paste it on your website

It goes just before the closing body tag, on every page you want the bubble on. Most website builders have one box that covers the whole site:

• WordPress: install the free "Insert Headers and Footers" plugin, or WPCode, then go to Settings, then Insert Headers and Footers, and paste it into the "Scripts in Footer" box.
• Wix: Settings, then Custom Code. Add the snippet, set "Add Code to Pages" to All Pages, and "Place Code in" to Body, end.
• Squarespace: Settings, then Advanced, then Code Injection, and paste it into the Footer box.
• Shopify: Online Store, then Themes, then Edit code on your live theme, then open Layout, then theme.liquid, and paste it right before the closing body tag.
• Webflow: the gear icon on your project, then Custom Code, then the Footer Code box.
• Plain HTML or a static site: paste it on its own line right before the closing body tag in your template, then re-deploy.
• If a developer handles your site: send them the snippet with this instruction: paste this script block immediately before the closing body tag on every page, then deploy. That is the whole job.

Publish or re-deploy after pasting. A snippet sitting in a draft or a preview does nothing.

Check it's really live

We do not take your word for it, and neither should you. Open a page on your actual live site once, in a normal browser window. Then come back to the inbox's settings. It says the widget has loaded and is working once we have genuinely seen it run on your site, and says not verified yet until then. That is set by the widget itself the first time it starts up on your page, so it is real evidence, not a checkbox you tick yourself.

If the bubble doesn't show up

• Check you published or re-deployed after pasting the code.
• Check you are looking at the live page, not a preview or staging link.
• Check the code went into the site-wide footer box, not just one page.
• Turn off ad blockers and try again in a private browser window. Some blockers hide chat bubbles.
• If your site is a single-page app, built with something like React, Vue, or Angular, where clicking a link does not reload the page, the bubble's show-or-hide rules for each page are only checked once, when the page first loads. A developer can call window.PeakifyChat.refresh() whenever the app changes page to fix that, the same way sites already do for Intercom or HubSpot chat.
• Still nothing after a few minutes? Message us with the address of the page and we will take a look.