Add live chat to your Cloudflare Pages site
Cloudflare Pages deploys whatever is in your repo — so installing GreetMode means adding one script to your source, committing, and letting the next deployment carry it live. The bubble then rides along with every future deploy automatically. Visitors type, you reply from your phone, and nobody misses a message.
What you need
- A GreetMode plan and account (signup is checkout-first: pick a plan, pay through Stripe, then set a password).
- Your site id, shown during onboarding and in the sites dashboard.
- Access to your site's source repo (the one Cloudflare Pages builds from) with permission to commit and deploy.
Steps: add chat in about five minutes
1. Pick a plan. Standard ($14.99/month, up to 3 sites) covers one Pages site. Multi ($19.99/month, 4–6 sites) fits owners running several sites from one dashboard. Need 7+? Ask about a custom plan via /contact. Flat monthly pricing — no per-agent or per-conversation fees.
2. Create your account. Pay via Stripe, set a password, and the welcome flow walks you to your inbox.
3. Add your site and copy the snippet. Add the site in onboarding or the sites dashboard and copy your snippet:
<script src="https://www.greetmode.com/widget-1.js" data-site="your-site-id"></script>4. Paste it into your source template. Add the snippet just before the closing </body> tag in whatever wraps your pages — your framework's root layout, a shared partial, or each HTML file if the site is static with no shared template. Commit and push; Cloudflare Pages builds and deploys automatically. Because the snippet lives in source, every future deployment keeps chat working with zero extra steps.Add the snippet just before the closing </body> tag in whatever wraps your pages — your framework's root layout, a shared partial, or each HTML file if the site is static with no shared template. Commit and push; Cloudflare Pages builds and deploys automatically. Because the snippet lives in source, every future deployment keeps chat working with zero extra steps.
5. Send a test message. Open your deployed Pages URL (not just a local preview), type in the chat bubble, and watch it arrive in your owner inbox. Reply from the inbox and confirm the answer shows up on the site. Done — you're live.
Tip: save canned replies for repeat questions ("What are your hours?", "How do I contact you?") to answer in one tap.
After you're live: don't miss a message
When you're offline, visitors can leave a message instead of bouncing, and the web-only owner inbox flags unread threads with badges. The inbox is mobile-friendly — reply from your phone, no native app to install. Tune bubble color and hours in /settings.
Content-Security-Policy note
Most Cloudflare Pages sites don't set a custom Content-Security-Policy, so you can skip this. If you've added a strict policy (for example through a _headers file or a Transform Rule), allow GreetMode by adding https://www.greetmode.com to script-src and frame-src.
Verify in 30 seconds
- Chat bubble appears in the corner of your deployed page.
- Send a test message as a visitor.
- Reply from your owner inbox and confirm it shows on the site.
If the bubble doesn't appear
Check three things in order: the deployment containing the snippet finished successfully and you're viewing the deployed URL, the data-site value matches your real site id exactly, and no ad-blocker is running in your test browser.