Page Widgets

What are Page Widgets?

Page Widgets are lightweight, non-intrusive engagement tools that appear on specific pages of your website as slide-out panels or inline elements. Unlike the full chat widget, they are designed for focused, single-purpose interactions: starting a quick text conversation, scheduling a call, or connecting a visitor to the right topic instantly.

You can place multiple different widgets on different pages — each completely independent.

Widget types

Click-to-Text — shows a "Text us" button. When clicked, the visitor enters their phone number and a message is sent to your SMS inbox in Velaro. Great for sites where your customers prefer texting.

Click-to-Call — shows a "Call us" button with your phone number. Tapping on mobile starts a phone call directly. Useful as a persistent CTA on high-intent pages like pricing or checkout.

Topic Chat — shows a small chat panel pre-configured for a specific topic (e.g. "Get a demo", "Billing help", "Technical support"). Routes directly to the right team without requiring the visitor to explain their issue.

Creating a widget

1. Go to Page Widgets in the sidebar.

2. Click New Widget.

3. Choose a widget type.

4. Configure:

- Display name — what the visitor sees on the button

- Position — bottom left or bottom right

- Color — matches your brand

- Team — which team the widget routes to (Topic Chat and Click-to-Text)

- Phone number — your number (Click-to-Call)

5. Click Save — a widget ID is generated.

Installing a widget

Page Widgets use the same embed script as your main chat deployment. No additional script is needed — just add the widget ID to the pages where it should appear.

Add this before the closing </body> tag on the specific page:

<div data-velaro-widget="YOUR_WIDGET_ID"></div>

The widget renders automatically where you place this div. To show it floating in the corner instead, use:

<script>
  window.VelaroWidgets = ['YOUR_WIDGET_ID'];
</script>

Showing widgets on specific pages

Because you control the HTML on each page, widgets only appear on the pages where you add the widget code. For example:

• Pricing page: Click-to-Call widget
• Support page: Topic Chat widget (Technical Support team)
• Contact page: Click-to-Text widget

Running multiple widgets

You can show more than one widget on the same page:

<script>
  window.VelaroWidgets = ['WIDGET_ID_1', 'WIDGET_ID_2'];
</script>

They stack in the corner. We recommend no more than 2 on a single page to avoid overwhelming visitors.

Best uses for each widget type

Click-to-Text works best on:

• Mobile-optimized pages
• Service business landing pages
• Pages where customers have quick questions (business hours, location, pricing)

Click-to-Call works best on:

• Pricing or demo request pages
• High-intent product pages
• Enterprise sales pages

Topic Chat works best on:

• Support portals with multiple departments
• Product documentation pages
• Any page where the visitor's intent is clear (billing, onboarding, tech support)

Analytics

Widget interactions are tracked in Reports > Conversations with the source tagged as the widget name. Use the Channel filter to see performance per widget.