Step 1.  Log in to your Helpshift instance as its administrator.

Step 2.  On the Helpshift toolbar, click Settings.

Step 3.  At the very top of the navigation pane, click SDKs (for Developers).

The Initializing Helpshift page opens.

Step 4.  On the Initializing Helpshift page, from the Select App list, choose the container app whose set of user support channels should be broadened to include web chat.

Step 5.  In the Web Chat table’s Embed Code row, to select the displayed JavaScript code in its entirety, double-click it. 

Then, press Ctrl-C (or Cmd-C in MacOS) to copy the script.

Step 6.  Embed the widget in whichever web page should include it.

a.  Log in to your content management system or web site as its administrator.

b.  Navigate to the target page, and then open its HTML source for editing.

Alternatively, your technology stack might enforce some other workflow to access and edit the HTML source for any given page. The important thing here is that you be able to:
    • find the raw HTML code
    • edit it
    • save your changes
    • test the outcome
    • re-publish the page
c.  In the HTML <head> section, paste in the JavaScript embed code that you copied from your Helpshift instance. 

Step 7.  Save your changes, test that the widget runs as expected, and then republish the page to its web host.

The page that you edited now features a web chat widget for the container app that you specified.