Skip to content

Embedding & Sharing Your Bot

The four ways to put your bot in front of users (Bot Widget, Page Embed, Chat Link, and the WordPress plugin) and how to choose between them.

On this page

Once your bot is trained and tested, it's time to put it in front of real users. HelpJet gives you four ways to do that; pick whichever fits your site.

Everything on this page lives under the Deploy tab of your bot. At the top you'll see five sub-tabs: Bot Widget, Page Embed, Chat Link, MCP, and WordPress. This article covers the four that reach visitors; MCP connects your knowledge base to AI assistants such as ChatGPT and has its own guide, Connecting AI Assistants (MCP). Each channel has its own on/off switch at the top right of its tab, with a badge that reads Off, On, or Live once HelpJet has seen the channel load on your site (a switch you have changed but not saved reads On after save or Off after save). You can absolutely use more than one at the same time.

Option 1 · Bot Widget (the chat bubble)

This is the most common option: a floating chat bubble that sits in the corner of your site on every page.

How to install

  1. If the tab shows a card with a Turn on Bot Widget button, click it (or the switch at the top right of the tab), then Save settings.
  2. Copy the script under Embed code (click Copy embed code).
  3. Paste it just before the closing </body> tag of your site's HTML.
  4. Save and reload. You should see the bubble appear in the corner.

That's it: the bubble is now on every page the code is on. Under the embed code, the status line reads Waiting for the first load on your site until the code runs, then Live on your-site.com with the time of the last load; if it has loaded on more than one site, and N more sites opens the full list. Use the Try on a test page button next to the embed code to try the widget before touching your site. For platform-by-platform paste locations and troubleshooting, see Deploying Your Bot.

What the widget does

  • Appears as a chat bubble in the corner of your site.
  • Visitors can open and close the chat.
  • Follows visitors as they scroll.
  • Respects the display rules you set (below).
  • Perfect for site-wide support.

Customizing the look

The Appearance page (in the sidebar under Configuration) holds the look shared by every channel; the Customization card on the Bot Widget tab holds the widget's own settings, with a Live preview on the right. The highlights:

Customizing the look

Setting

What it does

Default

Brand color

The one color your bot is themed from, on every channel: presets, color picker, or hex value (Appearance page)

Indigo

Widget position

Left or Right corner of the screen

Right

Widget icon

The icon inside the closed bubble: speech bubbles, question mark, robot, headphones, life ring, heart, and more

Speech bubble

Welcome message

The first message the bot shows when someone opens the chat

"Hi! I'm {bot name}. How can I help you today?"

The full settings reference (corners, feedback, sizing, header text, and the rest) lives in Customizing the Chat Widget. The chat footer shows "Powered by HelpJet" by default; Pro customers can remove it with the white-labeling add-on.

Where the widget shows up

By default, the widget appears on every page your embed code is on. You can narrow that with Display rules at the bottom of the Bot Widget tab (they save as you change them, separately from Save settings):

  • Show on paths containing /products → show on product pages.
  • Hide on paths containing /checkout → hide during checkout.
  • * → the wildcard: matches every path.

Rules are checked top to bottom and the first match wins; drag to reorder, and click a rule's Show / Hide badge to switch it. A common pattern: hide everywhere with a wildcard, then add rules above it to show the widget only on specific pages. Full details, patterns, and troubleshooting: Widget Display Rules.

Option 2 · Page Embed (inline chat on one page)

Instead of a floating bubble, Page Embed puts the chat interface inside the page: a dedicated panel that's always visible.

Good for:

  • A dedicated /help or /support page.
  • A chat panel inside a docs site.
  • Any time the chat is the experience, not an add-on.

To use it:

  1. On the Deploy tab, click the Page Embed sub-tab.
  2. Click Turn on Page Embed (or the switch at the top right), then Save settings.
  3. Copy the code under Embed code (click Copy embed code) and paste it into the page where you want the chat to appear. The status line under the code confirms the first load on your site, the same way as for the widget. The code includes a container <div> plus a script; the div is replaced by the chat interface.

Features:

  • Embedded directly into your page content.
  • Always visible, no clicking to open.
  • Takes up dedicated space on the page (the container's Height is configurable, default 600px).
  • Perfect for support pages or dedicated help sections.
  • Shares your bot's brand color and corners with the widget, with its own height, header, and welcome message. See Page Embed & Chat Link Styling.

Chat Link gives you a hosted chat page: a URL you can share anywhere. No embedding required.

On the Chat Link sub-tab, click Turn on Chat Link (or the switch at the top right) and HelpJet shows your bot's link (it ends in /bot/your-bot-id) with Open chat page and Copy link buttons. The line under the link reads Not on yet. Save your settings to turn it on. until you click Save settings. Share it in:

  • Email signatures.
  • Customer onboarding emails.
  • Social media bios.
  • A link in your site's navigation.

Good for when you don't own the platform you want to distribute the bot on. The hosted page uses your bot's shared brand color and corners, with its own header and welcome message; see Page Embed & Chat Link Styling.

Option 4 · WordPress Plugin

If your site runs on WordPress, this is the easiest route: no code editing at all.

Installing

In your WordPress admin, search for "HelpJet" under Plugins → Add New, then install and activate it. (The WordPress sub-tab also has View on WordPress.org and Download zip buttons.) Then open Settings → HelpJet, click Connect to HelpJet, and choose your bot. Step-by-step install and configuration: The HelpJet WordPress Plugin.

What the plugin gives you

  • Bot Widget: the chat bubble is switched on when you connect, and shows on every page. Turn it off or on under Settings → HelpJet. No code required.
  • Page Embed via shortcode: drop the [helpjet] shortcode into any post or page to embed the chat inline exactly where you want it.
  • Block: search for "HelpJet" in the block inserter and add the HelpJet Chat block.

You can combine both: the bubble site-wide, and the inline panel on your dedicated /support page.

Full guide: The HelpJet WordPress Plugin.

Which option should I use?

Which option should I use?

If you want…

Use…

A chat bubble in the corner on every page

Bot Widget (or WordPress plugin if on WP)

An inline chat on one or two specific pages

Page Embed

A shareable URL, no site edit needed

Chat Link

Zero code, WordPress site

WordPress plugin

Your docs searchable from ChatGPT

MCP (for your team, not visitors)

Most people end up using the Bot Widget site-wide plus Page Embed on a dedicated help page. It's a good default.

Was this article helpful?