Before You Start
You need a Zappiq account and your embed script. Sign up here. For a plain HTML site the installation is the most straightforward of any platform — one script tag, one save, done.
Step-by-Step Installation
Open your HTML file
Open your website's HTML file in your code editor — VS Code, Sublime Text, Notepad++, or any other editor. The main file is usually called index.html.
Find the closing </body> tag
Use Ctrl+F (or Cmd+F on Mac) to search for </body>. It's near the bottom of your HTML file, just before </html>.
Paste your Zappiq script
Add your script on the line immediately before </body>.
<!-- Zappiq AI Chatbot -->
<script src="https://cdn.zappiqai.com/widget.js" data-id="YOUR_BOT_ID" defer></script>
</body>
</html>Save and upload
Save your HTML file. Upload the updated file to your web host using FTP, your host's file manager, or whatever deployment method you use. Your Zappiq chatbot is now live.
Multi-Page Sites
If your site has multiple HTML pages (about.html, contact.html, services.html etc.) and you want the chatbot on all of them, you need to add the script to each file's </body> tag.
If you have a shared header or footer file that's included across pages using server-side includes or a templating system, add the script to that shared file once and it will appear on all pages automatically.
Verify It's Working
Open your site in a browser. The Zappiq widget should appear in the corner within a few seconds of the page loading. Open your browser's developer tools (F12) and check the Console tab — there should be no errors related to the Zappiq script.
Make sure you're viewing the uploaded live version of your site, not a local file:// version opened from your computer. Local files may block external scripts due to browser security settings.
Ready to capture more leads from your website?
Start your 7-day free trial — 100 free conversations included. No credit card required.
Start Free Trial →