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, feedback, and the footer are set once in the Appearance card at the top of the Deploy page; each channel's own tab 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: settings on the left, a Live preview on the right, and a shared Save settings button in the sticky header. If a channel's Enabled toggle (top right of the tab) is off, its customization options are hidden until you turn it on.

What the channels share

These come from the Appearance card 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

Collect feedback

Thumbs up / thumbs down after bot responses

Header logo

Logo in the header (coming soon)

Footer text

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

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

"Hi! I'm [bot name]. How can I help you today?"

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 Chat window corners in the Appearance card, so the frame and the chat panel inside it always match.

The Chat Link tab starts with your Shareable Chat Link: the hosted URL for your bot, with Copy and Open buttons. Share it anywhere: email signatures, support replies, social bios.

Because the chat page is hosted by HelpJet, there's no container to size; the chat fills the page.

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

"Hi! I'm [bot name]. How can I help you today?"

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, feedback setting, and footer are shared, so one change in the Appearance card updates the widget, the Page Embed, and the Chat Link together once you click Save settings.

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

Check the Enabled toggle at the top of the tab. Disabled channels show a notice instead of their settings; turn the channel on to customize it.

Do saves apply per channel?

Save settings saves everything on the Deploy page at once: Appearance, widget, Page Embed, and Chat Link changes all publish together.

Was this article helpful?