Embeddable Widget SDK

How do I embed chat, ticket, callback or knowledge base widgets into a specific element on my website?

Take Control Of Your Website With Fully Customizable, Embedded Windows


Our Embedded Windows do it all! You can interact with your visitors, secure leads, answer common questions, schedule appointments and process orders from anywhere on your website

Why Use Our Embedded Windows?


LiveHelpNow is the only help desk platform on the market to offer Embedded Windows for your website that does not use iFrames! With our software, you will be able to provide your visitors with increased functionality and helpful features. All without compromising your site’s branding! You can change the location, color, and content of your interactive windows at any time. You’re in full control. Remember, friends don’t let friends use static and restrictive iframe windows. Try our Embedded Windows today!

Embedded Windows Are A Game Changer

  • Our Embedded Windows will give your team full control over the appearance of any LiveHelpNow elements that are present on your website. Easy access to the HTML, CSS and Javascript code will allow developers to customize your Embedded Windows in any way you can imagine. You can turn a window into a searchable directory of your knowledge-base articles or you can give your live chat window an appearance that matches your branding by changing the color scheme and inserting your company logo.
  • Our Embedded Windows can be placed anywhere on your webpage. Would you like your live chat window to appear at the top of your site? No problem. Do you want a scrollable callback form located within the written content on your homepage? Totally doable.
  • Embedded Windows have significant SEO benefits when they include content from your knowledge base articles. The more content that Google has to crawl the better! Our embedded windows will give you the ability to add copious amounts of information to your web pages without giving them a cluttered or busy appearance.

Prerequisite

Please make sure you installed LiveHelpNow widget code on your website before proceeding with embedding chat, ticket, knowledge base or callback windows.
You may locate your account widget code in Admin Workspace -> System Setup -> Website code

Embed Chat 


To include the chat on your website you will need to create a container element with a unique id attribute. You should also place this on all pages of your website so chats are not lost while a visitor navigates your site. Once you have the containing element, you can now add the following javascript code to your website, replacing element_id with the id of the container element and window_id with the chat window id

function lhnJsSdkReady(){
  lhnJsSdk.embedChat("element_id", window_id);
 }


Ticket Submission


To embed a ticket form on your website you will need to create a container element with a unique id attribute. You can now add the following javascript code to your website, replacing element_id with the id of the container element

function lhnJsSdkReady(){
  lhnJsSdk.embedTicket("element_id", 0);
 }

Knowledge Base Search 


To embed a knowledge base article on your website you will need to create a container element with a unique id attribute. You can now add the following javascript code to your website, replacing article_id with the id of the article you want to embed and element_id with the id of the container element

function lhnJsSdkReady(){
  lhnJsSdk.embedKbLookup("id");
 }

Knowledge Base Article 


To embed a knowledge base article on your website you will need to create a container element with a unique id attribute. You can now add the following javascript code to your website, replacing article_id with the id of the article you want to embed and element_id with the id of the container element

function lhnJsSdkReady(){
  lhnJsSdk.embedKbArticle(article_id, "element_id");
 }


Callback Submission


To embed a callback form on your website you will need to create a container element with a unique id attribute. You can now add the following javascript code to your website, replacing element_id with the id of the container element

function lhnJsSdkReady(){
  lhnJsSdk.embedCallback("element_id", 0);
 }

Related articles