Documentation

vela Web Widget setup guide

Add vela's support widget to any website. Configure appearance, content, and embed options from the dashboard.

Click the Integrations tab in the sidebar and click Configure Web Widget.

Web widget active

General

Select the widget position on your website. Place it on the bottom left or bottom right.

General settings

Branding

Customize the widget appearance and branding to match your website: background color, icon color, launcher icon, button size, and radius.

Branding settings

Content

Customize the widget content: welcome message, assistant name, and avatar. Preview changes in real time to see how the widget looks on your website.

Content settings

Embed

Copy the widget script tag and paste it into your website HTML before the closing </body> tag.

Embed code

If you use AI coding tools like Claude, Cursor, or other AI assistants, copy the AI prompt and the assistant will embed the widget on your site.

AI embed prompt