seny
Dashboard

Appearance

Seny widgets are designed to look like they belong on your site. Everything on the Appearance tab takes effect immediately — no redeploy, no rebuild. The embedded script fetches fresh config on every page load.

Display mode

Choose between two layouts:

  • Floating button. A pulsing button anchored to a corner of your site. Visitors click it to open the conversation panel. Best for high-intent conversion (catering inquiries, bookings, product questions).
  • Inline embed.Drops into a container on your page as a full-width conversation panel. Best for landing pages, pricing pages, or dedicated "Talk to us" sections. Add<div data-seny-widget></div> where you want it to appear.

Theme

Pick Dark or Light and a single accent color. Seny derives everything else — borders, hover states, text tones — automatically so the widget always reads cleanly without a designer.

The accent color is also auto-detected when you first create the widget. Seny pulls the dominant brand color from your site's stylesheets and uses it for buttons, indicators, and the FAB itself.

Corner radius

A single slider controls how rounded the FAB, panel, and buttons are. Match your own design system — from sharp rectangles (0px) to fully pill-shaped (32px).

Position

Floating button mode only. Pick one of four corners: bottom right, bottom left, top right, top left. The button respects your site's safe-area insets on mobile so it never overlaps system UI.

Live preview

Every change in the Appearance tab updates a live iframe preview of your widget running on a test page. Click the button, open the panel, preview the intro animation — all before you save.

Theming via CSS variables

The widget is isolated inside a Shadow DOM so your site's CSS never leaks in or out. For the rare case where you need to override a single value, the widget exposes CSS custom properties that you can set on the host element:

/* on your site */
seny-widget::part(panel) {
  --seny-radius: 20px;
}

For most customers, the dashboard controls are enough and you never need to touch CSS.