Before you start
- Custom code needs a paid plan: a paid Site plan on the site, or a paid Workspace plan.
- Your snippet from Websites in the Pidge inbox.
<script>window.$pidge = []; window.PIDGE_WEBSITE_ID = "YOUR-WEBSITE-ID";</script> <script src="https://app.pidge.chat/client/l.js" async></script>
Your own copy is in the Pidge inbox under Websites, in Code for your website, with your website ID already filled in. Copy it from there.
Add the snippet
- Open your site's Site settings.
- Go to the Custom code tab.
- Paste the snippet into Footer code. That puts it just before
</body>on every page. - Click Save changes.
- Publish the site. The code doesn't go live until you do.
Paste the snippet as it is. Don't wrap it in <html> or
<body> tags.
List your domains in Pidge
The chat only connects on domains you've listed for the website. In the inbox, open
Websites and put each domain on its own line in
Domains. Subdomains are included, so example.com also
covers www.example.com.
Add your custom domain. If you also want the chat on your Webflow staging address, like
yoursite.webflow.io, add that as well.
Check that it works
- Open the published site in a private window. Custom code doesn't run on the Designer canvas.
- The chat bubble should be in the bottom corner. Send yourself a message and answer it from the inbox.
- In the inbox, the website's Not installed yet label goes away after the first visit from a listed domain.
If the bubble shows but the chat won't connect, the domain you're on isn't in the website's list in Pidge. If there's no bubble at all, the snippet isn't on the page, or the platform is still serving an older copy of it.
Webflow's own guide: help.webflow.com/hc/en-us/articles/33961357265299-Custom-code-in-head-and-body-tags
Other platforms
Stuck, or did a step look different on your screen? Tell us in the chat on this page.