Adding Helpshift Web Chat into your website is really easy. Follow this step-by-step guide to finish your setup within a minute.
Helpshift’s Web Chat widget allows you to provide a live chat experience on your website. It just takes one line of JavaScript to embed Web Chat on your website.
In your Helpshift Dashboard, make sure you've added Web Chat
as a platorm supported by your App. Here's how to do it.
You can find a prepared embed code for your App at Settings
> App
> Web Chat
. show me
Place the embed code just before the closing </body>
tag of your page.
Skip to next step if you've done this.
In case you don't have a prepared embed code, add this snippet just before the closing </body>
tag of your page:
<script> (function () { var PLATFORM_ID = "<YOUR_PLATFORM_ID>", DOMAIN = "<YOUR_DOMAIN>"; window.helpshiftConfig = { platformId: PLATFORM_ID, domain: DOMAIN }; }) (); !function(t,e){if("function"!=typeof window.Helpshift){var n=function(){n.q.push(arguments)};n.q=[],window.Helpshift=n;var i,a=t.getElementsByTagName("script")[0];if(t.getElementById(e))return;i=t.createElement("script"),i.async=!0,i.id=e,i.src="https://webchat.helpshift.com/webChat.js";var o=function(){window.Helpshift("init")};window.attachEvent?i.attachEvent("onload",o):i.addEventListener("load",o,!1),a.parentNode.insertBefore(i,a)}else window.Helpshift("update")}(document,"hs-chat"); </script>
YOUR_DOMAIN
with your Helpshift domain.
For example, happyapps if your dashboard sits at happyapps.helpshift.comYOUR_PLATFORM_ID
with details found at Settings
> SDKs (for Developers)
show me Helpshift Web Chat is now available on your website. Test it out by starting a chat.
Make sure Show Web Chat Widget is enabled under Settings
> App
> Web Chat
. show me
The Helpshift Web Chat widget currently supports the latest versions of following browsers:
If you are having issues with your Web Chat integration, head over to the Troubleshooting section for further help.
After you've successfully tested out a chat, dive into these advanced topics -