Page Widgets — Click-to-Chat, Click-to-Call, Topic Chat
Overview
Page Widgets are lightweight engagement elements you embed directly in your web pages — as inline buttons, banners, or links — that launch a conversation when clicked. Unlike the floating chat bubble, widgets live inside your page content for maximum contextual relevance.
Widget Types
| Widget | What It Does |
|---|---|
| Click-to-Chat | Opens the Velaro chat window with an optional pre-set message |
| Click-to-Call | Initiates an IVR or softphone call from the browser |
| Click-to-Text | Opens the customer's SMS app with your number pre-filled |
| Topic Chat | Opens a chat pre-routed to a specific team or topic |
Creating a Widget
- Go to Channels → Page Widgets.
- Click New Widget and choose the type.
- Configure the routing, greeting message, and appearance.
- Copy the generated embed code (HTML or JavaScript).
- Paste into your website where the button should appear.
Use Cases
- Pricing page — "Talk to Sales" click-to-chat button next to your plan table
- Support article — "Still need help? Chat with us" at the bottom of every help doc
- Product page — "Ask a product question" opens a chat pre-loaded with the product name
- Contact page — replace a static phone number with a click-to-call widget
Styling
Widgets are unstyled by default — they inherit your website's styles. Apply CSS classes from your existing design system for a fully native look. Or use the pre-built Velaro button styles by adding class="velaro-btn".
Was this article helpful?