Skip to main content

Installation on GoDaddy Site Builder

important

Note: Due to limitations in GoDaddy Website Builder, the chat widget will be sandboxed within the section it is added to. It will not display at the bottom right corner of every page as typically expected in other environments and will be limited to the section you add it to.

Due to this limitation, we recommend installing on your contact page.

Prerequisites​

  • Administrative access to your GoDaddy site.
  • Your unique key for the XAPP Chat Widget.

Adding to the Contact Us Page​

  1. Log Into Your GoDaddy Account

    • Sign in and navigate to your Website Builder dashboard.

  2. Open the Contact Us Page

    GoDaddy Edit Site
    • Select "Edit Website" or "Edit Site" and navigate to your /contact (Contact Us) page.

  3. Add a Custom HTML Section

    GoDaddy Installation
    • Choose to add a new section by clicking a "+" button right below the site header, select the "HTML" section.
    • Set the Title to be "Chat"
    • Paste the widget script in the Custom Code field:
    <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.

    • Set Forced Height to be 600
    • Turn on Center align

  4. Set Chat Widget to Auto Open & Adjust Size

    • Within Studio, navigate to your chat widget settings and set the widget to auto-open as described here.
    • Adjust the widget size to be 1500 px width and set the height to be 800 px (see instructions here).

  5. Customize and Publish

    • Adjust the section settings as needed.
    • Preview the changes and then publish your site.
GoDaddy Installation

This approach places the chat widget on the Contact Us page, providing a focused area for visitor interactions.

References​