Embedding & Sharing Your Bot

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 toggle (top right of its tab, with an Active/Disabled badge); 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. Flip the toggle (top right of the Bot Widget tab) to on.
2. Copy the script under Embed code (click Copy).
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. Use the Preview Widget button next to the embed code to try it 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 card at the top of the Deploy page 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:

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:

• Path contains /products → show on product pages.
• Path does not contain /checkout → hide during checkout.
• * → the wildcard: matches every path.

Rules run in priority order; drag to reorder. A common pattern: hide everywhere with a wildcard, then add higher-priority rules 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. Flip the toggle on.
3. Copy the code under Embed code and paste it into the page where you want the chat to appear. 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.

Option 3 · Chat Link (a shareable URL)

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

On the Chat Link sub-tab, turn the toggle on and HelpJet shows your bot's link (it ends in /bot/your-bot-id) with a Copy button. 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?

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