<a href="https://vm.providesupport.com/your-account-name-or-hash" target="_blank">
<img src="https://mywebsite.com/folder-with-images/chaticon.png" style="border:0px"
alt="Live chat" title="Click to chat"/>
<!-- END ProvideSupport.com Chat Button Code for Emails -->
Lastly, based on this code you can create a CSS button for your chat, much lighter than an image and commonly used by companies in newsletters. Here are initial steps that should be followed to get the code that you will work with further, with a very basic button as an example:
<img>element from the code and replace it with text:
<a href="https://vm.providesupport.com/your-account-name-or-hash" target="_blank">Live Chat</a>
<div>. For our example we will use
<span><a href="https://vm.providesupport.com/your-account-name-or-hash" target="_blank">Live Chat</a></span>
<span><a href="https://vm.providesupport.com/your-account-name-or-hash" target="_blank"
style="display:inline-block; text-decoration:none; padding:8px 16px; color:#ffffff; font-family:Arial,Verdana,sans-serif;">Live Chat</a></span>
display:inline-blockhere too to shape the button, set background color to make it visible, and add rounded corners.
<span style="display:inline-block; background-color:#00a046; border-radius:4px;">
<a href="https://vm.providesupport.com/your-account-name-or-hash" target="_blank"
style="display:inline-block; text-decoration:none; padding:8px 16px; color:#ffffff; font-family:Arial,Verdana,sans-serif;" >Live Chat</a>
The only option is to insert a direct chat link as text or using markdown syntax to make it stand out from the rest of the text. Some email services and programs will automatically recognize text that starts with https:// or www as hyperlink and make it clickable in the email message.
Direct chat links can be extended with parameters (query strings) - slight but rather useful addition to the data collected through pre-chat form and provided by users' browsers. There is no specific list of predefined parameters (except for just a couple), they can be anything you want to get from the chat link and pass to your support operators. For example, they can be used as tokens to indicate that the chat comes from an email or be more specific per email or per campaign. Values of the parameters are saved in chat transcripts along with other visitor details which can be parsed and gathered into your databases for further analysis.
The basic syntax of parameters in chat links is the same as for all query strings in URLs and looks like this:
No spaces or quotation marks are allowed. If you require more than one word for parameters or values, use
%20> in between.
? will be displayed in the Visitor Details sidebar of an active chat session with the user in the live chat app, as well as in the Visitor Details section at the bottom of the chat transcript. Parameters with their values go after the last pre-chat form field entry and before the data automatically passed by our system and user's browser.
You can add a semicolon
: right after each parameter name to make it look the same as pre-chat form titles:
And this is how it will look in Visitor Details:
Chat Source:[email protected]
As mentioned before, there are a couple of predefined parameters, they support only URL addresses and won't benefit much in chat links in emails. We will list them here just for you reference, it's up to you to decide whether to add them or not:
ps_l=URL- Replaces the "Called From" parameter that shows URL of the page the chat was initiated from. Normally, this parameter is automatically passed through the links by our system, but it happens that you might not see it in the live chat app if a user initiates a chat from an email.
ps_r=URL- Replaces referrer. In our system, a referrer is a page (of the current or any other website) from which the user came to the page with the chat button code or from which they called to chat. In direct chat links, however, it is not passed correctly.
Basically, these parameters are identical if applied manually. They can pass a certain URL. There might be only a situation or two when you can make use of them: say, in case a company runs several websites and several email campaigns accordingly and wants to monitor which website a particular email relates to.
Provide Support chat link is not limited to websites, social media or emails, it can be printed out in the form of QR code on your prospects, brochures, business cards, wrappings, user manuals, in magazines where you are featuring, etc., allowing your customers to instantly contact you in chat via a smartphone.
The QR code is unique per account, you cannot alter it or generate another one for a link with additional parameters. Find the code at Chat Button Codes > Direct Link to Your Chat Window / QR code in your Provide Support account. Personalize it with your company logo (supports images in .png, .jpg, .bmp, .gif, .svg or .webp format), it will be automatically resized and positioned in the center. Once finished, download the QR code image to your computer.
Please keep in mind that live chat is a quite powerful customer support tool. If handled poorly, it may ruin your reputation. Strive to always meet your customers' needs and leave the best possible impression on them while handling their problems. In no time it will help you to turn them into your devoted fans and promoters who will happily spread the word about you and bring you even more customers.