Before you start
- An administrator login for Ghost Admin.
- 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
- In Ghost Admin, go to Settings → Advanced → Code injection.
- Paste the snippet into Site footer.
- Save.
The Site footer goes on every page and post. It isn't added to newsletter emails.
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 own domain. On Ghost(Pro), if people also visit the site on its
ghost.io address, add that full address too, like
yoursite.ghost.io.
Check that it works
- Open the site in a private window, so you aren't signed in as staff or a member.
- 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.
Things to know
- Self-hosted Ghost has no limits on Code injection. We couldn't confirm from Ghost's own pages whether every Ghost(Pro) plan includes it. If you can see it in Settings, your plan does.
- Code injection relies on your theme including Ghost's footer helper. Ghost's official themes all do. If a custom theme shows no chat, that's the first thing to check.
Ghost's own guide: ghost.org/help/code-injection-styles/
Other platforms
Stuck, or did a step look different on your screen? Tell us in the chat on this page.