FAQ - Embed Support / FAQ

Embed Support / FAQ

16.10.2017 3541

With HelpDesk 3 you cannot only add a live chat button to your website (outside HelpDesk) you can also embed (add) the support and or faq area to your website.

Go to your operator panel - chat widget (<>) and head to the support or faq tab.

You will need to copy / paste the provided code into your website. Following div container will contain the Support or FAQ area.

For the Support

<div id="jaklcp-support-container"></div>

For the FAQ

<div id="jaklcp-faq-container"></div>

You can place this container wherever you want and style it as you want, for example:

<div id="jaklcp-faq-container" style="width:500px;height:400px;"></div>

Will make the container 500 width and 400 height, because HelpDesk 3 is fully responsive the content will be automatically resized to fit the container size.

You can also style the container with a class of course, for example:

<div id="jaklcp-support-container" class="support-area"></div>

and in your stylesheet:

.support-area { width: 500px; height: 400px; }

That will do the same thing as having a style attribute like the first example.

Show in a Bootstrap Modal

In case you running Bootstrap on your website and want to show the Support or FAQ area in a Modal window you can do so of course. You will need to have the div container in the modal window body and the javascript code will need to be fired when the modal has been loaded, therefore inside this code:

$('#myModal').on('shown.bs.modal', function (e) {
  // embed javascript code comes in here
});

It is important that it get's fired when the modal window is ready otherwise it won't work correctly.

widget chat place container area example code styling iframe faq support embed

---

Like