How do I deploy a conversational widget on my website?

Once you're done setting up your Digital DX Rapid Helpdesk widget, you need to complete some configuration steps in Digital DX Agent before you can deploy it on your website and start using it.

Make sure you have set up a conversational widget as described here.

To deploy the Digital DX Rapid Helpdesk widget, you'll have to complete some configuration steps in Digital DX Agent. Depending on how you want to use the Digital DX Rapid Helpdesk solution, you have the following options:
  1. If you don't want to add live chat, complete the steps below to configure Digital DX Agent to be able to generate the widget code and deploy it to your website.
  2. If you want to add live chat, skip these steps and proceed to these instructions.
Note: You might need assistance from a web developer to deploy the widget code on your website.

In Digital DX Agent, complete the following:

  1. Create a Chat Window
  2. Create a Floating Chat Button
  3. Once you have the widget code, copy and paste the it into your favorite text editor.

    We recommend you deploy the code to a staging site first. When you're done, send the code pasted into a text file to your web developer so they can add it to all pages on your live website!

    Note: If you're deploying to staging using your staging knowledge base first, you need to repeat the sequence of steps for your production knowledge base too when you're ready to deploy to production.
    Note: If you choose to change any of the settings (colors, font, etc.) after you have deployed the widget to your site, you can simply change them in the widget configuration in Digital DX AI without having to redeploy the code. You can preview your changes in the Widget Preview before choosing Save to deploy to your live site.
  4. Create a custom widget in ServiceNow.

    For more information refer to ServiceNow's documentation.

  5. Add the widget you created in ServiceNow to a page.
    • No changes are required to the HTML template module.

    • Paste the following Digital DX server script into the server script module:

      (function() { 
        var uID = gs.getUserID().toString(); 
        var uGr = new GlideRecord('sys_user'); 
        uGr.get(uID); 
        var boldObject = { 
      userEmail: uGr.email.toString() 
        }; 
        data.boldObject = boldObject; 
      })();
    • Paste the following Digital DX  client script:
      api.controller=function() {var c = this; window.boldObject = c.data.boldObject || {};};
      • Paste the Digital DX  chatbot code snippet into the client controller module.

Congratulations! You have completed all necessary steps, your widget should be up and running!

What's Next?

Here are a few things you can do now:

  • To learn more about Digital DX AI, see these training videos.
  • See How do I import my knowledge base from ServiceNow? to learn how you can import articles from ServiceNow.
  • If you're interested in building upon your existing digital engagement strategy, you can add live chat to your Digital DX Rapid Helpdesk solution with Digital DX Agent. If you have already signed on to add Digital DX Agent to your Digital DX Rapid Helpdesk deployment, follow these instructions.