Plain HTML

Add TourKit to any static page or server-rendered template.

Prerequisites

All you need is a text editor and a website where you can edit HTML (or your host's file manager).

Step 1 — Add the script tag

Paste this before the closing </body> tag. Replace YOUR_SCRIPT_KEY with your project key from the TourKit dashboard.

<script
  src="https://cdn.jsdelivr.net/gh/webdev-raj/Tourkit@sdk-v11/sdk/dist/tourkit.min.js"
  data-key="YOUR_SCRIPT_KEY"
  data-api="https://tourkit-phi.vercel.app"
  async>
</script>

Step 2 — Verify it works

Open your site in a browser, open the developer console (F12), and confirm there are no script or network errors. You should see a successful request to fetch tour configuration for your script key.

Complete example

<!DOCTYPE html>
<html>
<head>
  <title>My Website</title>
</head>
<body>
  <nav>My Navigation</nav>
  <main id="hero">
    <h1>Welcome</h1>
    <button class="cta">Get Started</button>
  </main>

  <!-- TourKit -->
  <script
    src="https://cdn.jsdelivr.net/gh/webdev-raj/Tourkit@sdk-v11/sdk/dist/tourkit.min.js
"
    data-key="YOUR_SCRIPT_KEY"
    data-api="https://tourkit-phi.vercel.app"
    async>
  </script>
</body>
</html>