Embedding the ContentSherpa Widget

Hushly can embed the ContentSherpa widget directly into web pages, enabling seamless access to AI-powered content recommendations and Q&A functionality across your site and ABM Pages.

ContentSherpa ensures customers can easily tailor and deploy the widget. Users configure the widget’s behavior on the Embed Code tab, such as layout, placement, and launch options, and generate the corresponding embed code. 

 You must install both the Hushly Embed Tag and the ContentSherpa Embed Code for the widget to function correctly.

You can configure the ContentSherpa widget by following the steps below.

1. Navigate to the Embed Code tab in the ContentSherpa interface. The following are displayed.

   • Embed Type: Choose between two options, HTML (default) and Tag (JavaScript Tag), which is suitable for use with Google Tag Manager.
   • Id: The text box displays the ContentSherpa widget Id by default, which can be customized as needed.
   • Layout: Select from two layout options, Compact (default) or Expanded.
   • Launch Method: Choose whether the widget is triggered by Button, Ask Question Input, or JavaScript API.
   • Button Label: Customize the label text that appears on the widget trigger button.
   • Generated Code: View and copy the auto-generated embed code based on your configuration. 

2. Select the Embed Type.
   
   

   HTML (Default): Generates a standard HTML element.

   
   

   Tag: Uses a JavaScript tag format, suitable for integration via Google Tag Manager. 
3. The Id displays the ContentSherpa widget Id by default. This Id is customizable. You can enter your identifier in the text box to suit your web page structure.
    
4. Select the Layout.
   
   Compact - Minimal version anchored at the bottom right corner.
   Expanded - Large model, centered widget. 
5. Launch Method: Defines how users will interact with or open the widget. 
   • Button: When the Button option is selected as the Launch Method, a Button Label field appears, allowing you to customize the text displayed on the launch button.

     
     

     At runtime, the button will appear at the bottom-right corner of the page. Clicking this button will launch the ContentSherpa widget.
     
     

   • Ask Question Input: When the Ask Question Input option is selected as the Launch Method, a Floating input field appears at the bottom-center to ask a question and launch the ContentSherpa widget.
     
     
   • JavaScript API: When the JavaScript API option is selected as the Launch Method, the widget is triggered via API using JavaScript code.
     
     
6. Generated Code Text Box: The configuration settings automatically generate an Embed code snippet. Use the copy button () to easily copy the code and paste it into the HTML of your target web page(s).
   • Generated Code:
     • Automatically generate HTML and/or JS embed code based on the selected options.
     • HTML code should be directly embeddable into a webpage.
     • JavaScript snippet should be compatible with tag managers like Google Tag Manager.

Related Topics:

How the ContentSherpa Widget Works

ContentSherpa Widget – UI Components