Chatbot for Custom HTML Website – Framework-free Integration

Adding SiteBot24 to Any HTML Website

If you have a static HTML website or any web platform that allows you to add HTML code, installing SiteBot24 is straightforward.

Basic Installation

Single Page

Open your HTML file and add the SiteBot24 widget code just before the closing </body> tag:

<!DOCTYPE html>
<html>
<head>
  <!-- your existing head content -->
</head>
<body>
  <!-- your existing body content -->

  <!-- SiteBot24 widget - paste your code here -->
  <script>
    // Your SiteBot24 widget code
  </script>
</body>
</html>

Multiple Pages

For a multi-page site, add the code to every page where you want the chatbot to appear. If all your pages share a common footer file (common in server-side templating), add it there once.

Static Site Generators

Jekyll

Add the widget code to _includes/footer.html or your main layout file in _layouts/default.html, just before </body>.

Hugo

Add to layouts/partials/footer.html.

Gatsby / Next.js

Add to your layout component or _document.js/_app.js.

Astro

Add to your base layout component.

Content Management Systems

WordPress (without WooCommerce)

Use the "Insert Headers and Footers" plugin and add to Footer Scripts. Or edit your theme's footer.php.

Joomla

Go to Extensions → Templates → your template → Edit. Add to the footer area of index.php.

Drupal

Use the "HTML Injector" module or edit your theme's template files.

Performance Considerations

The SiteBot24 widget:

Loads asynchronously – does not block page rendering
Is lightweight – under 5KB initial load
Has no impact on Core Web Vitals (LCP, FID, CLS)
Uses lazy loading – full widget only loads when the user interacts

Verification Checklist

After adding the code:

[ ] Chat button visible in bottom-right corner
[ ] Button appears on all relevant pages
[ ] Works on mobile browsers
[ ] Test message successfully sent and answered
[ ] No JavaScript errors in browser console (F12 → Console)

Advanced: Custom Button Position

By default, the chat button appears in the bottom-right corner. To customize position, use the SiteBot24 admin panel under Settings → Widget Appearance.

Next Steps

Once the widget is installed:

Add your FAQ content in the SiteBot24 admin
Customize the greeting message
Set up your contact/fallback email
Review the analytics after the first week to see what customers are asking