Skip to main content

Installation on Duda

Prerequisites​

  • Access to your Duda site editor

  • Your unique script snippet or widget key from Studio

    • See instructions here

Installation Steps​

  1. Open your Site Editor

  2. Click Widgets on the left side

  3. Search and select HTML

    • In the widgets panel, search for and select the HTML panel

  4. Add the JavaScript Snippets

    • In the HTML Content panel, paste in the snippet

    Chat Snippet

    <script
      id="xapp-js"
      src="https://widget.xapp.ai/xapp-chat-widget.js?key=YOUR_CHAT_KEY"
    ></script>

    Note! Please replace "YOUR_CHAT_KEY" with your actual widget key.

    Form / Scheduler Snippet

    <script
      id="xapp-form-js"
      src="https://form.xapp.ai/xapp-form-widget.js?key=YOUR_FORM_KEY"
    ></script>

    Note! Please replace "YOUR_FORM_KEY" with your actual widget key.

    Search Snippet

    <script
      id="xapp-search-js"
      src="https://search.xapp.ai/xapp-search-bar.js?key=YOUR_SEARCH_KEY"
    ></script>

    Note! Please replace "YOUR_SEARCH_KEY" with your actual widget key.

    important

    For the search bar, you will also need to setup a button on your website to trigger the search bar pop over, please see these instructions.

  5. Update and Publish

    • Click update to close out the HTML content panel
    • Click Republish to update your live site

  6. Verify Installation

    • Visit your site and look for the chat widget button at the bottom of the page.

References​