The inline embed drops your help center straight onto a page of your own site — readers browse and search your articles without ever leaving. This guide walks through building an inline embed configuration with custom styles: choosing the inline appearance, setting the container look, customizing the header and support area, and copying the snippet that brings it all to life.
How to create an inline embed with custom styles
You configure embeds from Knowledge Base → Embedding. The left column holds the controls; the right column shows a live snippet that updates as you customize.
1. Choose the inline appearance
Under Generate snippets for, choose Inline on the page. This is the mode where the Knowledge Base renders directly inside a container on your page (rather than in a slide-out panel). Selecting it reveals the inline-only styling controls.
2. Customize the look
In the Inline appearance card, set the Container background and Container padding to match your page, then tailor the header text — the Header title, subtitle, search placeholder, and the “show all categories” label. Everything you change is reflected live in the snippet and preview.
3. Set up the support area
The Inline Bottom Support Area adds a “still need help?” prompt beneath your articles. Set its Heading, then turn on the contact button and give it a label, a location (a mailto: address or an https:// link), a background color, and an icon — so readers always have a clear next step.
4. Choose which categories appear
Under Categories shown, scope the embed to just the categories you want on this surface — uncheck any you’d rather hide. This only affects this embed; your full library stays intact everywhere else.
5. Copy your snippet
As you customize, the Your snippet panel updates live — your styles are bundled into a small configuration block alongside the loader and the inline <div data-cs-kb>. When you’re happy, click Copy all and paste the snippet into your site’s HTML where you want the help center to appear.
Where the embed loads
For security, the embed only renders where you allow it: it loads on the Allowed Domains you list on the Embedding tab, plus your own CornerSpot site. Add the domains where you’ll paste the snippet, and the widget activates there automatically.
Tips for a polished inline embed
- Match the container background and padding to the page you’re embedding into so the widget feels native.
- Write a header title in your own voice — it’s the first thing readers see in the widget.
- Give the support area a real next step (an email or contact link) so readers are never stuck.
- Use Categories shown to keep each embed focused on what that audience needs.
- Remember the snippet only activates on your Allowed Domains — add every site you’ll paste it into.