Widget Configuration

Every visual property of your widget is customizable from the builder.

Trigger Button

The floating button visitors see on every page. Clicking it opens the popup menu.

Position & Placement

PositionBottom Right, Bottom Left, Top Right, Top Left, Middle Right, or Middle Left.
Horizontal OffsetDistance in pixels from the left or right edge of the screen.
Vertical OffsetDistance in pixels from the top or bottom edge of the screen.

Content

Button TextThe label displayed on the button (e.g. "Contact Us"). Supports HTML: <b> bold, <i> italic, <u> underline, <br> line break, <a href="..."> links.
IconOptional icon cycling rotates through your action icons. Enable or disable separately for mobile and desktop in Popup → Icon Cycling.

Sizing

Button SizeScales padding, icon, and overall button dimensions.
Text SizeAdjusts text size independently of the button size.
RoundnessBorder radius from square (0px) to fully round (25px).

Colors

Background ColorThe button's default background color.
Text ColorThe button's default text and icon color.
Hover BackgroundBackground color when hovering over the button.
Hover Text ColorText and icon color on hover.

Popup Menu

The panel that appears when a visitor clicks the trigger button.

Header Content

Header TextTitle shown at the top of the popup. Supports HTML: <b> bold, <i> italic, <u> underline, <br> line break, <a href="..."> links.
Subheader TextSecondary text below the header. Supports HTML: <b> bold, <i> italic, <u> underline, <br> line break, <a href="..."> links.
Text AlignmentLeft, center, or right alignment of header text.

Logo

Logo URLOptional. A direct link to your logo image (PNG, SVG, JPG).
Logo SizeWidth and height in pixels (30px–150px).
Logo RoundnessBorder radius from square to fully round.

Header Colors

Header BackgroundBackground color of the header area.
Header Text ColorColor of the main header text.
Subheader Text ColorColor of the subheader text.
Menu BackgroundBackground color of the action menu popup area (below the header). Defaults to white.

Menu Sizing

Menu WidthWidth of the popup in pixels (280px–500px).
Menu Text SizeScales header, subheader, and action button text (70%–130%).

Animations

Entrance AnimationNone, Fade In, Slide In, Bounce In, or Scale In.
Hover EffectNone, Scale, Lift, Pulse, or Wiggle on the trigger button.
Menu AnimationHow the popup opens: Fade, Slide Up, Scale, Bounce, or None.
Animation SpeedSlow, Normal, or Fast.

Actions

The clickable items inside the popup menu. Add as many as you need from 30+ channels across four categories.

Action Categories

ContactEmail, Phone, SMS, WhatsApp, Messenger, Telegram, Viber, WeChat, LINE, Signal, Skype, and custom contact links.
SocialFacebook, Instagram, TikTok, X/Twitter, LinkedIn, YouTube, Pinterest, Snapchat, Threads, and custom social links.
EngagementLeave a Review, Book a Meeting, Contact Form, Get Directions, and Website Link.
Jobs & RecruitingView Openings, Apply Now, Indeed, Glassdoor, and custom careers links.

See all available channels on the integrations page.

Default Styling

Button RoundnessBorder radius applied to all action buttons by default.
Button SizeScales action button dimensions (70%–130%).

Per-Action Settings

TypeSelect from the dropdown grouped by category. The icon updates automatically.
LabelThe text displayed on the action button. Defaults to the type name but can be customized. Supports HTML: <b> bold, <i> italic, <u> underline, <br> line break, <a href="..."> links.
ValueDepends on type: phone number, email address, username/handle, or full URL.
Button ColorsPer-action background, text, hover background, and hover text colors.

You can reorder actions with the up/down arrows, or copy one action's colors to all others.

Banner

An optional promotional banner triggered by visitor behavior.

Enable

Enable BannerToggle the promotional banner on or off.

Trigger Settings

When to ShowImmediately, after a time delay, at a scroll depth, or on exit intent (desktop only).
Delay / Scroll %Seconds to wait or scroll percentage threshold, depending on trigger type.

Display Settings

PositionTop, Middle, or Bottom combined with Left, Center, or Right (9 positions total).
AnimationSlide, Fade, Bounce, or Scale entrance animation.
Horizontal OffsetDistance in pixels from the left or right edge (0–100px).
Vertical OffsetDistance in pixels from the top or bottom edge (0–100px).

Content

Banner TextThe promotional message shown to visitors. Supports basic HTML: <b> bold, <i> italic, <u> underline, <br> line break, <a href="..."> links.
Button TextLabel on the banner's call-to-action button.
Button ActionOpen the CTA widget or navigate to a URL.
Button URLDestination URL when action is set to "Go to URL".

Colors

Banner BackgroundBackground color of the banner.
Banner TextColor of the banner message text.
Button BackgroundBackground color of the banner button.
Button TextText color of the banner button.

Styling

RoundnessBorder radius of the banner container.
Text SizeFont size of the banner text (12px–24px).

Dismissal Settings

Allow CloseWhether visitors can dismiss the banner.
Show Again AfterEvery Page Load, New Session, 24 Hours, 7 Days, or Never.

Settings

Widget name and analytics integration.

Widget Name

NameInternal label for this widget (e.g. "Homepage Widget"). Not shown to visitors.

Google Analytics 4

Measurement IDYour GA4 Measurement ID (e.g. G-XXXXXXXXXX) to track widget interactions. See the GA4 docs for details.

Once your widget looks the way you want, install it on your site.

Tip: If you manage multiple brands, consider color-coding your widgets to match each brand's palette. This makes it easy to identify which widget belongs to which site at a glance from the dashboard.