Developers & marketers

Add live chat to any website

One lightweight script connects your site to Afritalk. Works with WordPress, Shopify, static HTML, and custom apps—no redeploy required to tweak the widget from your dashboard.

Create your workspace

Sign up and finish onboarding. Your personal Installation page in the dashboard shows the exact widget.js URL, numeric data-client ID, and optional data-site-key for verified domains.

Paste before </body>

Place the embed snippet on every page that should show the bubble, or once in your global layout, theme footer, or “custom code” section. The script resolves widget-chat-api.php relative to where widget.js is hosted.

Verify & go live

Open your site over HTTPS, confirm the chat bubble appears, then use the dashboard to verify installation if your plan requires it. Adjust colors, text, and behavior anytime without editing the snippet again.

Example embed snippet

Replace placeholders with values from Dashboard → Installation after you log in.

HTML 
<script src="https://your-domain.com/widget.js"
  data-client="YOUR_CLIENT_ID"
  data-site-key="YOUR_SITE_KEY"
  defer></script>

data-site-key is optional unless your workspace uses it for domain verification—copy the full tag from Installation to be sure.

Works where you publish

WordPress

Use a header/footer script plugin, theme customizer “Custom JS”, or child theme footer.php—same snippet as any HTML site.

Shopify & storefronts

Add the script in Online Store → Themes → Edit code (layout) or an app that injects footer code so it loads on every customer-facing page.

Webflow & no-code

Paste into Project Settings → Custom Code → Footer, or your builder’s “before body end” field.

SPAs & frameworks

Load the script once in your root HTML shell (e.g. index.html or Next.js _document) so it is not duplicated on client-side route changes.

API & webhooks

Logged-in teams can connect Afritalk to the rest of their stack from the dashboard: outbound webhooks and related API tools (availability depends on your plan). Use these to sync conversation events, automate follow-ups, or feed your CRM.

  • Configure credentials and URLs only inside the authenticated dashboard—never expose secrets in frontend code.
  • Refer to in-app help for the latest endpoints and payload shapes.

Security checklist

  • Serve production sites over HTTPS so visitor messages stay protected in transit.
  • Keep dashboard logins private; rotate API or webhook secrets when someone leaves the team.
  • Treat chat content as personal data: disclose collection in your privacy policy and comply with local laws.
Need a hand? Create an account first so we can reference your workspace, then reach out via Support.
Create free account

Ready to wire up your site?

Get your real embed code in under a minute—then invite the team and start replying from the inbox or mobile app.

Start for free How it works