Learn how to seamlessly integrate Vengo AI into your website
The instructions below are for desktops and laptops only.
- After managing and creating your AI, select it from the dropdown menu.
- Click "Copy to Clipboard" to get the integration code.
2. Adding the Code to Your Website
- Open your website’s code editor and locate the page’s structure.
- Navigate to the very bottom of the page, just before the closing `</body>` and `</html>` tags.
- Paste the code here, adding comments like `<!-- Vengo Chat Widget Start -->` and `<!-- Vengo Chat Widget End -->` for easy identification.
- Save your changes, and the chat widget will now appear on your website.
3. Integration with WordPress
- Install the "Header Footer Code Manager" plugin on your WordPress site:
- Go to Plugins > Add New, search for "Header Footer Code Manager," and click "Install Now."
- Once installed, click "Activate."
- Add the widget code: - Open the plugin (abbreviated as HFCM) and add a new snippet.
- Name the snippet (e.g., Vengo AI), set the snippet type to "HTML," and apply it site-wide.
- Paste the widget code into the snippet box and click "Save."
- Refresh your website to see the chat widget live.
4. Integration on Other Platforms (e.g., Wix)
- For platforms like Wix, add the code to the header or footer using their code integration tools.
- Placement can be at the top or bottom of the page, but placing it at the bottom is generally easier to manage.
By following these steps, you can quickly and easily add your AI chat widget to any website.