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
- What the channels share
- Page Embed settings
- Chat Link settings
- The "Powered by HelpJet" footer
- Common questions
- I changed the brand color. Does my embed change too?
- Can I give the Page Embed a different color from the widget?
- Can I use different welcome messages per channel?
- The customization options aren't showing
- Do saves apply per channel?
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:
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.
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.
Chat Link settings
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.
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.
The "Powered by HelpJet" footer
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?