← All help

Help · Add to WordPress

How to add OhhChats to WordPress

Add the OhhChats chat bubble to WordPress. There are two kinds of WordPress — this guide covers both. Takes about 10 minutes.

What you'll need

  • Admin access to your WordPress site.
  • Know which WordPress you have: WordPress.org (self-hosted, your own hosting) or WordPress.com (hosted at wordpress.com).
  • For WordPress.com: a plan that allows custom code — historically the Business/Creator plan. {{CONFIRM}}
  • Your OhhChats snippet (below).

Your OhhChats snippet

<script
  src="https://ohhchats.onrender.com/widget.js?siteId=YOUR_SITE_ID"
  data-site-id="YOUR_SITE_ID"
  async></script>

Use your own snippetCopy the exact line from your OhhChats dashboard — it carries your unique site ID (shown here as YOUR_SITE_ID). {{CONFIRM}}: the host above (ohhchats.onrender.com) is the address used in this codebase — confirm the production widget domain before publishing these articles.

Part A — Self-hosted WordPress (WordPress.org)

This is WordPress you installed on your own hosting (Bluehost, SiteGround, etc.). You can add code freely — no special plan needed. The safe way is a small free plugin so you never edit theme files.

  1. Install a header/footer plugin

    In your dashboard go to Plugins → Add New, search for WPCode (also listed as "Insert Headers and Footers"), then click Install Now → Activate. (A plugin is a safe add-on; this avoids editing theme files.)

    WordPress Plugins Add New screen with WPCode in the search results/help/img/wordpress-01-plugins-add.pngPlugins → Add New → WPCode

  2. Open Header & Footer

    In the sidebar open Code Snippets → Header & Footer.

    ConfirmThe exact menu label can vary by plugin version (e.g. WPCode → Header & Footer). {{CONFIRM}} the current label.

    WPCode Header and Footer screen with Header, Body, and Footer boxes/help/img/wordpress-02-header-footer.pngCode Snippets → Header & Footer

  3. Paste into Footer and save

    Paste your OhhChats snippet into the Footer box, then click Save Changes.

    OhhChats snippet pasted into the WPCode Footer box/help/img/wordpress-03-paste-snippet.pngPaste into Footer → Save

Advanced alternativeIf you're comfortable editing theme files, you can paste the snippet just before </body> in your theme's footer.php (use a child theme so updates don't overwrite it).

Part B — Hosted WordPress.com

This is a site you manage at wordpress.com (often a something.wordpress.com address). Custom code needs a plan that allows it.

Plan requiredCustom code on WordPress.com historically requires the Business plan (now also called Creator). {{CONFIRM}}: as of a 2025 change, plugin installs are available on lower paid plans (Personal/Premium) too — verify whether a header/footer plugin reliably injects scripts on those before telling customers a cheaper plan works.

  1. Make sure your plan allows custom code

    Open Plan and confirm you're on a plan that allows custom code/plugins (historically Business/Creator). Upgrade if needed. {{CONFIRM}}

    WordPress.com plan screen highlighting the Business/Creator plan/help/img/wordpress-com-01-plan.pngPlan → custom code tier

  2. Add the plugin, then paste the snippet

    Go to Plugins → Add New, install and activate WPCode, then follow steps A2–A3 above: open Code Snippets → Header & Footer, paste the snippet into the Footer box, and Save.

Check it worked

Open your live site in a new tab and refresh. The OhhChats bubble should appear in the bottom corner within a second or two. If you use a caching plugin, clear its cache first.

OhhChats chat bubble visible on the live WordPress site/help/img/wordpress-04-live-test.pngBubble live on your site

Troubleshooting

Which WordPress do I have?

If you pay a hosting company and installed WordPress yourself, it's WordPress.org (Part A). If your site lives at something.wordpress.com or you manage it from wordpress.com, it's WordPress.com (Part B).

I can't install plugins / add code

On WordPress.com this needs a paid plan that allows it (historically Business/Creator). {{CONFIRM}} the current requirement. On self-hosted WordPress.org you can always install plugins.

The bubble isn't showing

Confirm the plugin is active, the snippet is in the Footer box and saved, then clear any caching plugin and hard-refresh.

← Slack setup guideBack to home

Source: Steps based on official docs — WPCode — Insert Headers and Footers (WordPress.org) · WordPress.com — Business plan features. (Reference note for accuracy; safe to remove.)