Adding Velaro to your Website

To get Velaro up and running on your website you’ll need to add the Velaro code on any page that you’d like to have chat available for your customer. We have several different deployment options for you to choose from which are covered in greater detail below. 

Access to the necessary code by opening the Velaro app and Navigating to:

Account Setup > Design > Chat Designer > Actions > Deploy

 

Click Deploy on the Actions menu and the following screen will display:

Deploy Section Dialogue Box

 

Inline

The Inline chat option is the most common deployment style and the one we recommend to most customers. This option will display chat on your website as a launcher and chat window that co-exists with your webpage and sits in the bottom right corner of the browser window. When this option is selected you will see the code below with your accounts SiteID and instructions to copy and paste the code into the HTML of your website. 

Place this code as close to the closing body tag of your website HTML and your customers will be able to chat with your agents. 

 

NPM

If your website developers would prefer to install the code on the website using Node Package Manager, which will allow both the Inline chat or Popout chat to be added to the page, you can select the NPM option which will provide installation instructions for your Devs. More information is available at our Github page here 

 

Dynamic Button

The Dynamic button installation allows installing chat that launches in a popout window, outside of your webpage.

Configure the online and offline button states in the chat designer and place the button in the html page markup of the website where the button should appear. 

Simply place the code snippets as directed in the dialogue box and the button will appear on your site

 

Hyperlink

To enable chat in a location that does not support javascript, use the direct Hyperlink deployment to allow your customers to chat with some limitations on functionality. 

The button will not be able to determine agent availability until chatters actually click the link, and the visitor browser information will be limited, although this can be configured manually as shown in the image below. 

Hyperlink deployment allows the inclusion of a chat URL link in an email, text document or anywhere else you would like to insert a hyperline to chat.

 

Other

If none of these methods fits your intended functionality, please contact Velaro Support to inquire about other deployment options


Was this article helpful?