Installation on Wix

Easily integrate the XAPP Chat Widget into your Wix website with these steps.

Prerequisites

Access to your Wix site editor
A published Wix site with connected custom domain
- Free Wix sites do not support custom code
Your unique script snippet or widget key from Studio
- See instructions here

Open Your Site Editor
- Log in to your Wix account and open your site in the editor.
Access the Custom Code Setting
- Go to Settings > Custom code in the Advanced section
Add Custom Code
- Click + Add Custom Code at the top right
Insert the JavaScript Snippets
- Paste the following snippets into the code box:
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.
Set Up Code
- Name the code (e.g., XAPP Widgets).
- Apply it to All pages, including Load code once.
- Select to place the code in the Body - end section
Publish Your Changes
- Save and publish your site to make the changes live.
Verify Installation
- Visit your live site to ensure the XAPP Chat Widget is functioning correctly.

Widget Not Visible: Check if the code was saved correctly and published.
Look for Script Errors: If there are issues, check the browser console for any script-related errors.

For additional support, reach out to XAPP support.