Edmund Ng — personal brand logo

Docs / Webchat

How to add webchat to WordPress (Astra Pro)

Install Edmund Ng webchat on a WordPress site that uses the Astra theme—via theme hooks, custom layout, or footer scripts.

Updated 1 min read

This walkthrough targets WordPress sites using the Astra theme (including Astra Pro features) where you want the Edmund Ng widget on every page or selected templates.

1. Copy the snippet from Edmund Ng

  1. Log in to Edmund Ng.
  2. Open Webchat settings and copy the embed code for your workspace.

2. Add it globally in WordPress

Pick one approach (do not combine in a way that loads twice):

  • Appearance → Customize → Custom Code / Footer Scripts (exact panel depends on Astra version) and paste before </body>.
  • Astra Pro Hooks (if enabled): add a hook near wp_footer and paste the snippet.
  • A child theme footer.php edit—only if you are comfortable maintaining PHP templates.

3. Cache and minify plugins

If you use caching (LiteSpeed, WP Rocket, etc.), purge cache after publishing the snippet and verify the widget loads in an incognito window.

4. Test

Visit the homepage and an interior page; open the chat bubble and confirm messages hit your Edmund Ng inbox or flow triggers.

Also see the generic guide: Add webchat to your website.