Skip to main content

​
Overview

SmartAlex Widgets let your website visitors reach your AI agent right in the browser, by voice, by text, or both. No phone number, no app. You configure the look and behaviour in Widget Studio, then drop one script tag on your site.

​
Widget variants

Widget Studio ships five variants. Pick the one that fits how you want visitors to reach your agent, then preview it live before you publish. One widget is active per workspace at a time.

​
Creating a Widget

1

Open Widget Studio

Go to Widgets in your dashboard.
2

Pick a variant

Choose one of the five variants above. The live preview updates as you switch.
3

Select an agent

Choose which AI agent will handle widget conversations.
4

Customize appearance

Match your brand:
  • Primary colour (hex code or picker)
  • Button text (e.g. “Talk to Alex”)
  • Position (bottom-right, bottom-left, custom)
  • Size and corner radius
5

Get the install code

Copy the embed snippet and add it to your site. See Installing the widget.

​
Customization options

​
Appearance

​
Behavior

​
Installing

Installation is a single script tag, with copy-paste guides for WordPress, Shopify, Wix, Squarespace, and React.

Installing the widget

The script tag and every platform guide.

​
Live preview

Widget Studio includes a live preview so you can:
  • See changes in real time
  • Test on different device sizes
  • Preview light and dark modes
  • Try the voice and chat interface

​
Widget analytics

Track how the widget performs:

​
Best practices

  • The pill is the safe default: always visible, out of the way.
  • Bottom-right is the position most users expect.
  • Avoid covering important content or your main call-to-action.
  • Use action-oriented text: “Talk to us”, “Get help now”.
  • Keep it short, two or three words.
  • Match your brand voice.
  • Test on real mobile devices.
  • Make sure the button is big enough to tap.
  • Consider hiding it on mobile if a call doesn’t make sense there.