Add live chat to Carrd

Before you start

• Carrd Pro Standard or Pro Plus. Embeds aren't in Pro Lite or the free 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. If you've set up a chat domain, it loads from there instead.

Add the snippet

1. Open your site in the Carrd editor.
2. Click Add Element, then Embed.
3. Set Type to Code.
4. Paste the snippet into the Code box.
5. Optional: set the Label to "Pidge chat", so you can find it later.
6. Set Style to Hidden, and Position to Body End.
7. Publish the site.

Carrd doesn't run embeds in the builder, so you won't see the bubble while editing. Look at the published site instead.

Hidden embeds aren't tied to a section, so one embed covers the whole site, every section included.

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.

List your own domain. If people also visit the site at its Carrd address, list that full address too, never only Carrd's own domain. That would match every Carrd site.

Check that it works

1. Open your site in a private window, so you're seeing what a visitor sees.
2. The chat bubble should be in the bottom corner. Send yourself a message and answer it from the inbox.
3. 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.

Carrd's own guide: carrd.com/docs/building/embedding-custom-code

Other platforms

• WordPress
• Shopify
• Squarespace
• Wix
• Webflow
• Ghost
• Framer
• Next.js
• Astro
• Plain HTML

Stuck, or did a step look different on your screen? Tell us in the chat on this page.