Skip to content
HelSup Help Center
Help Center/Knowledge base & design
Knowledge base & design

Choose the right appearance controls

Find the appearance controls for your launcher, chatbox, help center and agent workspace.

2 min read · HelSup product documentation
On this page
  1. Overview
  2. When to use this
  3. Where to find the controls
  4. Who can make these changes
  5. Before you begin
  6. Follow these steps
  7. Settings reference
  8. Example workflow
  9. Good practices
  10. Important considerations
  11. If something does not work

Overview

Experience Builder configures the public chat launcher, chatbox, animation effects, and Knowledge Base presentation. Preview changes locally, then save or apply them to update the public site.

When to use this

The public chat widget and /support/ need their own structure and optional colors without changing the admin SPA.

Where to find the controls

Launcher and chatbox: Settings → System → Appearance, or Settings → Support Channels → Live Chat. Effects: Settings → Support Channels → Live Chat → Effects. Public Knowledge Base customization: Extensions → Knowledge Base Themes → Customize.

Who can make these changes

Support Admin with elegant_support_manage_settings. Frontend visitors receive compiled safe config only.

Before you begin

Each surface has ☑ Use ElegantSupport default colors (checked by default). Checked inherits Theme Builder tokens. Unchecked unlocks independent colors. Priority: surface override → surface preset → global tokens → system defaults.

Follow these steps

  1. Open a builder page.
  2. Pick a structurally distinct preset.
  3. Preview locally (does not change the live site).
  4. Save / Apply.
  5. Refresh the public page.

Settings reference

Storage is es_experience JSON. Built-in presets cannot be deleted. Ticket tabs stay Form Builder driven. Chat AI answers stay Fulltext + Chunks only.

Example workflow

Admin Theme purple, launcher inherit, chatbox custom green, KB custom blue. Change Admin Theme to orange: launcher follows, chatbox and KB stay.

Good practices

Unsaved preview never PATCHes es_experience. Mobile compact is on by default for the launcher.

Important considerations

Do not paste unsafe SVG. Icons are curated. Hero images use the Media Library.

If something does not work

If the live widget did not change, confirm Save / Apply and hard-refresh. If admin is blank, rebuild assets with php tools/build-assets.php.

Continue learning

Customize the agent workspace appearance→Customize the chat launcher→Keep workspace, chat and KB colors independent→

Let’s solve it together.

Can’t find what you need? Our support team can help with your next step.

Contact support ↗
LIFETIME PARTNER POLICY

One introduction.
A lifetime of shared growth.

Introduce HelSup to your customers, readers or community. Earn 30% on their first purchase and 20% on every subsequent purchase and renewal throughout their customer lifetime with HelSup.

Read our invitation to partners ↗
30%FIRST PURCHASE
20%Every subsequent
purchase & renewal

From recommendation to reward

  1. 01

    Get your personal link

    Sign in to your HelSup customer account and open Partner program to access your referral link.

  2. 02

    Recommend with confidence

    Share the link in a useful review, tutorial, customer proposal or with your community. Explain your partner relationship.

  3. 03

    Track your commission

    Follow attributed purchases and commission status in your partner dashboard. Eligible commissions are reviewed before payout.

YOUR LINK, IN PRACTICE

What does a referral link look like?

https://helsup.com/?ref=HS-EXAMPLE

Here, HS-EXAMPLE illustrates a partner code. Your dashboard gives you your own code and complete link. Copy that full link and share it with the customer; do not use this example as your personal link.

For example: “Looking for a customer support solution? Explore HelSup through my partner link: [paste your personal link here].” When an eligible customer purchases through your link, their first purchase earns 30%; later purchases and renewals earn 20%.

Open my partner dashboard →
YOUR CUSTOMER RELATIONSHIP KEEPS WORKING

A $100 first purchase earns $30.
A later $100 purchase or renewal earns $20.

Illustrative amounts, after discounts and excluding tax.

A customer relationship that lasts

30% first, 20% thereafter. Receive 30% on the customer’s first eligible paid purchase, then 20% on subsequent purchases and renewals throughout that customer’s lifetime on HelSup.

From link to lifetime attribution. The initial referral link is remembered for 30 days in the same browser. Once the referred customer’s first paid purchase is recorded, their partner relationship continues without needing another referral click.

Completed payments. Commission is calculated after discounts and before tax. Free orders and self-referrals do not qualify. Refunds reduce or reverse the associated commission.

Review and payout. Earnings appear as pending until reviewed by HelSup. Payout is processed manually after approval. Contact partner support for payment arrangements.