Embed Guide on Your Website

You must embed the Guide JavaScript code on each page of your website that you want to display the Guide engagement rules you created.

To access the embed code, you need the Guide Configuration permission.

  1. Click the app selector icon of app selector and select Guide.
  2. Click Integrations. A page appears with JavaScript code that is specific to your tenant.

    The example image contains blurred areas where you will see values specific to your tenant.

  3. Click Copy code with Guide to copy the code.

  4. Paste this code into the header of each webpage on which you want to display a Guide template or proactive offer.

    Alternatively, if your website is integrated with a tag manager, you can use that to run the website script.

Setting the Language to Use for Guide

To override any browser language settings and force Guide visitors to see content in a specific language, modify the embed script. Add the locale parameter to the cxone('guide','init'); command at the end of the script and specify the desired language. For example, you can set this to French as follows:


cxone('init','####'); 
cxone('guide','init', {locale: 'fr-fr'});

Note that content you write in a proactive offer still appears in the language in which it was written. This assumes that you have set up the Guide translation strings for French.

Disabling Tracking

To use date and time or agent availability conditions but not use web tracking, add the following JavaScript API command to the embed script:

cxone('disableModule', 'analytics')

Website Best Practices

  • Do not use the !important parameter in CSS for generic elements on your website. If you do, your website CSS can leak into Guide and change its design.

  • Do not overwrite basic JavaScript functions on your website. If you do so, Guide may not work properly.

  • You can customize the appearance and behavior of Guide by using JavaScript APIs.