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

Customize the chat launcher

Choose and preview a launcher that fits your website and helps visitors find support.

1 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

Presets include Floating Circle, AI Spark, Pill Chat, Agent Bubble, Minimal Outline, Gradient AI, Soft Glass, Compact Square, Side Tab, Floating Card, plus Message Bar and Corner Notch.

When to use this

A helpdesk widget should match the site without rewriting Live Chat architecture.

Where to find the controls

Settings → System → Appearance → Chat Launcher or Settings → Support Channels → Live Chat → Launcher. Same store.

Who can make these changes

Support Admin.

Before you begin

Position BR/BL, offsets, size 40–80, label, label always/hover/never, curated icon, radius, unread badge, online/AI indicators, mobile auto compact.

Follow these steps

Pick a preset card, adjust position and label, save, then open any public page where Live Chat is allowed.

Settings reference

Icons come from the bundled stroke family. Custom SVG is rejected.

Example workflow

Side Tab pins a vertical control to the viewport edge. Pill Chat keeps the label visible.

Good practices

On small screens, mobile compact collapses pills and cards to a 48px circle.

Important considerations

Display rules on Live Chat → General still hide the widget. Experience Builder does not bypass them.

If something does not work

Launcher missing on /support/: check Live Chat enabled and display rules.

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 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.