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 four sub-tabs: Bot Widget, Page Embed, Chat Link, and WordPress. 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

Scroll down on the Bot Widget tab to the Customization card. The right-hand Live Preview updates as you change settings. The highlights:

The full settings reference — header, corners, sizing, feedback, 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.
• Fully customizable with its own independent settings — separate welcome message, header, colors, border, and feedback toggle from the widget. 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 has its own appearance settings, separate from the widget — 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

Click Download Plugin on the WordPress sub-tab to get a .zip with your Bot ID already baked in, then upload and activate it in your WordPress admin. Step-by-step install and configuration: The HelpJet WordPress Plugin.

What the plugin gives you

• Bot Widget — check Enable Widget in the plugin settings to show the chat bubble on every page. No code required.
• Page Embed via shortcode — drop the plugin's bot-specific shortcode ([helpjet-yourBotId] - the Settings → HelpJet page shows the exact one to copy) into any post or page to embed the chat inline exactly where you want it.
• Gutenberg block — search for "HelpJet" in the block inserter and add the HelpJet Chatbot 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.