Add live chat to your GitHub Pages site
GitHub Pages sites are free, fast, and static — and GreetMode fits right in with a single script. Whether your site is plain HTML or a Jekyll theme, paste the snippet into the footer that every page shares, commit, push, and the bubble appears once GitHub rebuilds. Visitors type, you reply from your phone.
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.
- Write access to your site's GitHub repo, with Pages publishing already working.
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 footer, then commit and push. For Jekyll sites: add the snippet just before the closing </body> in your footer include (usually _includes/footer.html) or your default layout (_layouts/default.html), whichever your theme uses. For plain HTML sites: paste it before </body> in each page, or in a shared template if you have one. Commit, push to your Pages branch, and wait for GitHub to finish building — the bubble appears on the live site once the deploy completes.For Jekyll sites: add the snippet just before the closing </body> in your footer include (usually _includes/footer.html) or your default layout (_layouts/default.html), whichever your theme uses. For plain HTML sites: paste it before </body> in each page, or in a shared template if you have one. Commit, push to your Pages branch, and wait for GitHub to finish building — the bubble appears on the live site once the deploy completes.
5. Send a test message. Open your live github.io (or custom-domain) URL, 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 GitHub Pages sites don't set a custom Content-Security-Policy, so you can skip this — Pages doesn't add one by default. If you've layered on a strict policy (for example through a custom domain behind Cloudflare), 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 live Pages URL.
- 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 Pages build finished after your push and you're viewing the live URL (Jekyll caching can delay things a minute or two), the data-site value matches your real site id exactly, and no ad-blocker is running in your test browser.