Installation on Framer

Prerequisites

• Access to your Framer site editor
• Your unique script snippet or widget key from Studio
  • See instructions here

Installation Steps

1. Open your Site Editor

2. Go to Project Site Settings

   • Click Open Settings

3. Scroll down to the custom code section

4. Add the JavaScript Snippet

   • Paste in the snippet to the end of the body tag

     <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.

5. Update and Publish

6. Verify Installation

   • Navigate to your site and verify the chat widget appears on the page.

References

• Framer - Add Custom Code globally or to a single page