📝For best practices, paste the snippet just before the closing </head> tag. This placement ensures that the chat bubble script does not block the loading of other elements on your page.
After creating and setting up your Assistant, you can either follow our instructions in the "Guide for Chat Bubble HTML" found under the "Customization" tab of your AI Assistant settings, or you can follow these steps to embed the Chat bubble into your website or webpage:
Step 1: Copy Code Snippet for the Chat Bubble
Log in to https://app.noform.ai/sign-in.
Click on your Assistant to open its settings
Go to the "Customization" tab
Open the "Installation" tab
Select "Bubble chat" and click "Copy code" to copy your Assistant's chat code snippet.
📝 A snippet is a JavaScript <script> element that will load and display the chat bubble on your website.
Step 2. Paste the Code into Your Website or Webpage
Open the HTML file for the page where you want the chat bubble to appear.
For best practices, paste the snippet just before the closing
</head>tag. This placement ensures that the chat bubble script does not block the loading of other elements on your page.
Step 3. Save and Upload Your Changes
Save the HTML file after pasting the code snippet.
Upload the updated file to your web server.
Step 4. Verify the Chat Bubble Appearance
You can open your webpage in a web browser to confirm that the chat bubble appears in the bottom right corner.
You can test the functionality by clicking on the chat bubble to ensure the chat interface opens and is operational.