Skip to content

Page Embed & Chat Link Styling

The Page Embed and Chat Link channels share your bot's brand color and corners, and each has its own size, header, and welcome message settings.

On this page

The Page Embed (an inline chat panel inside your page) and the Chat Link (a hosted, shareable chat page) share your bot's look with the Bot Widget. Colors, corners, answer ratings, and the footer are set once on your bot's Appearance page; each channel's tab on the Deploy page then holds the handful of settings that are specific to it.

Each channel keeps its own welcome message and header because each serves a different context: a widget tucked in a corner, an embed that's part of your page design, and a full-page chat someone opens from a link. Change one channel's text and the others stay exactly as they were.

Both tabs work the same way as the widget tab: a Customization card with settings on the left and a Live preview on the right, and a shared Save settings button at the top of the Deploy page. While a channel is off, its tab shows one card explaining what the channel does with a Turn on Page Embed or Turn on Chat Link button; the switch at the top of the tab does the same thing. The badge next to the switch reads Off, On, or (for the Page Embed, once it has loaded on your site) Live; a switch you have changed but not yet saved reads On after save or Off after save.

What the channels share

These come from the Appearance page and apply to the Page Embed and Chat Link exactly as they do to the widget:

What the channels share

Setting

Effect on the Page Embed and Chat Link

Brand color

Header background, send button, your visitors' message bubbles, and links in the bot's answers

Chat window corners

Corner rounding of the chat panel; on the Page Embed it also rounds the container on your page

Let visitors rate answers

Thumbs up / thumbs down after bot responses

Footer

The Powered by HelpJet line under the chat, removable with the add-on

Header logo

Logo in the header (coming soon on Pro)

Text on the header and bubbles is chosen for you: white on a dark brand color, dark on a light one.

Page Embed settings

The Page Embed renders inside a container on your page, so it has one setting the widget doesn't: height.

Page Embed settings

Setting

What it does

Default

Height

Height of the embedded chat container in pixels, from 200 to 2000

600

Show header

Toggles the header bar on or off. Turn it off when your page already provides a heading

On

Header text

Title shown in the header bar

Your bot's name

Welcome message

The first message shown in the embedded chat

The widget's welcome message

The header text setting only appears while Show header is on. Leave Header text or Welcome message empty and the channel uses the widget's value, shown as the field's placeholder.

The container's border is a neutral light gray on every site, and its corners follow the Chat window corners on the Appearance page, so the frame and the chat panel inside it always match.

The embed code on this tab always reserves the height you last saved, so code you copy never carries an unsaved edit. Under the code, a status line tells you when the embed has been seen loading on your site; see Embedding & Sharing Your Bot.

The Chat Link tab starts with your Chat link: the hosted URL for your bot, with Open chat page and Copy link buttons. Share it anywhere: email signatures, support replies, social bios. A status line under the link confirms the channel is on; if you have switched it on but not saved yet, it reads Not on yet. Save your settings to turn it on.

Because the chat page is hosted by HelpJet, there's no container to size; the chat fills the page. The live preview is framed as a browser window to remind you of that.

Chat Link settings

Setting

What it does

Default

Show header

Toggles the header bar on the hosted page

On

Header text

Title shown in the header

Your bot's name

Welcome message

First message on the hosted chat page

The widget's welcome message

The Chat Link is often the first impression someone gets of your bot with zero surrounding page context, so the header matters more here; a clear Header text like "Acme Support" goes a long way.

Both channels show a Powered by HelpJet line under the message input, the same as the widget. Removing it requires the Remove "Powered by HelpJet" add-on; see Add-ons, Credits & White-labeling.

Common questions

I changed the brand color. Does my embed change too?

Yes. The brand color, corners, answer ratings, and footer are shared, so one change on the Appearance page updates the widget, the Page Embed, and the Chat Link together once you click Save changes.

Can I give the Page Embed a different color from the widget?

No. One bot has one brand color so it looks the same everywhere it appears. If you need different looks, create a separate bot.

Can I use different welcome messages per channel?

Yes. A widget greeting ("Hi there! Questions?") can stay short, while your Chat Link welcome can be more complete since it's the whole page.

The customization options aren't showing

The channel is off. Its tab shows a card describing the channel with a Turn on button; click it (or the switch at the top of the tab), then Save settings.

Do saves apply per channel?

Save settings on the Deploy page saves every channel's settings at once (widget, Page Embed, Chat Link, and MCP), and the Unsaved changes indicator names the channels you have edited. The Appearance page has its own Save changes button and saves only the shared look, so the two pages never overwrite each other.

Was this article helpful?