Navigation
Getting Started
Welcome Complete Tutorial Quick Start / Overview
Guides
Installation Configuration Finding Selectors Code Examples Troubleshooting
Advanced & Security
Embedding & Snippet Parameters Theming & Customization Security & Privacy

Quick Start

Get AI Anywhere working on your site in just 2 steps.

9 min read

Ready to add intelligent text assistance to your website? You can use your Helper in two ways. This guide focuses on embedding the Helper on your site; the Helper Page option is summarized below.

Two options

  • Helper Page (no code): Every helper gets a shareable Helper Page link instantly. In the dashboard, open your Helper (click the helper name, or Edit). On the helper edit or detail page, click the "Helper Page" button to open the page in a new tab or copy the link to share. No snippet or integration required.
  • Embed on your site: Add the integration snippet to your website so the Helper button appears next to your text areas. Follow the steps below.
Where to launch the Helper Page: Dashboard → Helpers → open a Helper (click name or Edit) → click the "Helper Page" button. You can also use "Share Helper Page" to copy or send the link.
1

Get Your Integration Code

After creating your Helper in your AI Anywhere dashboard, you can generate a ready-to-use snippet. This snippet contains everything needed to connect your site to AI Anywhere.

Where to find it: Navigate to your Helper settings in the dashboard and click "Generate Snippet". You'll see two separate code panels - copy both the script tag and the anchor span code.

Your snippet consists of two parts:

<!-- 1. Load the Helper script -->
<script src="https://ai-anywhere.ai/sdk/v1/loader.js" data-site="your-site-id"></script>

<!-- 2. Add the Helper anchor -->
<span data-helper-anchor data-helper-token="your-helper-token"></span>
2

Add to Your Website

Open your website's HTML file (or template) and locate the <head> section. Paste your snippet right before the closing </head> tag.

Best practice: Place the snippet near the top of your <head> section, but after any meta tags. This ensures the Helper script loads early and is ready when your page renders.

Here's an example of a complete page setup:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>My Website</title>
  
  <!-- AI Anywhere Helper Script -->
  <script src="https://ai-anywhere.ai/sdk/v1/loader.js" data-site="your-site-id"></script>
</head>
<body>
  <form>
    <textarea id="notes" placeholder="Your message"></textarea>
    <span data-helper-anchor data-helper-token="your-helper-token"></span>
  </form>
</body>
</html>

Summary

You've successfully integrated AI Anywhere into your website! Here's what you've accomplished:

  • Step 1: Copied your Helper snippet from the AI Anywhere dashboard
  • Step 2: Pasted the snippet into your site's <head> section and added the Helper anchor to your form fields

After saving and refreshing your page, you should see the Helper button appear next to your text areas and input fields. The Helper will provide intelligent assistance based on your configured ideal examples and keywords.

What's next: You can now customize the Helper's appearance and behavior, target specific form fields, and explore advanced configuration options.

Next Steps

Next: Installation