Live Chat

Deploying Velaro Script on Your Website

 

Add Velaro’s live chat, AI chatbot, messaging, or call widget to your website by embedding the deployment script. Multiple setup options are available depending on how you want the widget to launch or behave on your site.

 

How to Access the Deployment Script

  1. Go to the Designer in your Velaro admin portal.
  2. Click Actions and select Deploy.
  3. A modal will display multiple deployment options with instructions.

 

Where to find the deployment script.

 

Deployment Methods


Inline Embed (Most Common)

The script is embedded directly into your site’s HTML. This method loads the chat, messaging, or chatbot widget automatically when the page loads. It’s the most widely used option for standard website deployments.

 

NPM

For projects using front-end frameworks or single-page applications, the script can be installed via Node Package Manager (NPM). This method gives developers more flexibility when integrating Velaro into custom web environments.

 

Dynamic Button

This method allows you to upload a custom image that triggers the chat when clicked. The image can change automatically based on agent availability—for example, showing “Chat Now” when online or “Leave a Message” when offline.

 

Call Button

This option adds a click-to-call button that opens a voice call window in a separate pop-out. It’s useful if your team handles live phone support directly through the platform.

 

Hyperlink

The chat widget can also be launched in a new browser tab or window using a simple hyperlink. This method keeps your main webpage free of embedded elements while still offering easy access to the chat.

 

Custom

If none of the standard options fit your site’s structure, contact Velaro Support for custom deployment assistance. This may include advanced routing, dynamic behavior, or integrations with external systems.

 

Deployment options modal

 

Adding the Script to Your Site

If you’re using Inline or Dynamic Button deployment:

  1. Copy the provided <script> tag.
  2. Paste it just before the closing </body> tag in your HTML.
  3. Save and publish.

Notes

  • The script is required for the widget to function.
  • In site builders like WordPress or Squarespace, place the script in the global footer or header.
  • Always test after publishing to confirm the widget appears and functions as expected.

 

Was this article helpful?