Integration guide

How to add an AI chatbot to your website

A chat widget that answers your visitors with the information in your own documents, with no made-up answers and cited sources. Install it with one line of code, no programming.

What is the chatbot widget?

It's a floating chat button you embed on your website. When a visitor asks something, the agent looks up the answer in the documents you selected (manuals, policies, FAQs) and replies in natural language, citing which document it came from. It's not a rule-based bot or a generic ChatGPT: it answers only with YOUR information, so it doesn't make things up.

  • Trained on your own documents (PDF and more)
  • Answers with the source cited
  • Installs with a single line of code

How it works

Under the hood it uses RAG (Retrieval-Augmented Generation): instead of "knowing" things from memory, it retrieves the relevant passages from your documents and generates the answer from them.

Retrieves

For each question, it finds the most relevant passages among the documents you chose for the agent.

Answers with sources

It generates a natural-language answer based only on those passages and shows which document it came from.

Isolated from your site

The chat runs in a secure iframe we serve: it never touches your page's design or code.

Benefits

Only your documents

You choose exactly which documents feed the bot. None of your library is exposed by accident.

No hallucinations

It answers only from your documents and cites the source. If it doesn't know, it says so and offers your contact email.

No code

You configure everything from a panel and paste one line of code. No developers required.

Domain and cost control

You decide which sites it runs on and how many messages it uses. No billing surprises.

How to integrate it in 3 steps

  1. 1

    Upload your documents

    Add the PDFs or documents with the information the bot should know. They're indexed in seconds.

  2. 2

    Create and configure your agent

    Choose the name, colors, logo, contact email and the documents it can use. Register the domains where it will run.

  3. 3

    Paste the snippet on your site

    Copy the line of code and paste it before </body>. The chat appears floating, ready to answer.

The code you paste on your site

<script
  src="https://asknorela.com/widget.js"
  data-asknorela-widget="wk_pub_TU_ID"
  data-position="bottom-left"
  async></script>

Replace wk_pub_YOUR_ID with your agent's identifier (you copy it from the panel). It's not a secret key: it's safe to keep in your HTML.

Adjust the position

By default it appears in the bottom-right corner. The dashboard has a visual corner picker that builds the code for you; you can also tweak it by hand with these snippet attributes:

  • data-position="bottom-right": bottom right (default)
  • data-position="bottom-left": bottom left
  • data-position="top-right": top right
  • data-position="top-left": top left
  • data-offset-x / data-offset-y: pixels from the horizontal and vertical edge (default 20)
  • data-z-index: in case your site has overlays covering the chat
  • data-lang="es" | "en": forces the widget language (defaults to the visitor's)

Works on any platform

HTML / any CMS

Paste the snippet before </body>.

WordPress

In the theme footer, or with an "Insert Headers and Footers" plugin.

Shopify

In theme.liquid before </body>, or via a scripts app.

Use cases

Customer support

Answers FAQs 24/7 from your real documentation, and falls back to email when it doesn't know.

Insurance & policies

"What do I need to get a policy?" answered instantly from your terms.

HR & onboarding

An internal assistant that answers about vacation, leave and policies from the handbook.

Product documentation

Turn your manuals into an assistant that guides users step by step.

Security and privacy

Only on your domains

The widget only loads from the domains you register; any other origin is rejected.

No data capture

We don't do lead capture. The only email shown is the contact email you configure.

Isolated data

Your documentation is isolated per organization; the bot only accesses what you selected.

Frequently asked questions

Do I need to know how to code to add the chatbot?+

No. You configure everything from a visual panel and just paste one <script> line on your site. If you use WordPress or Shopify, there are no-code options.

Which platforms does it work on?+

Any platform that lets you insert a <script> tag: plain HTML, WordPress, Shopify, Webflow, Wix and most CMSs.

Can the chatbot make up answers?+

No. It answers only from the documents you selected and cites the source. If the answer isn't there, it says so and offers your contact email.

How do I control where and how it appears?+

Pick one of the four corners (top or bottom, left or right) with the visual picker in the dashboard (which builds the code for you) or with the snippet's data-position attribute. Edge spacing is set with data-offset-x and data-offset-y, and you register the allowed domains. On mobile it switches to full screen automatically.

Can I change the documents or design after publishing?+

Yes. Edit the agent from the dashboard anytime (documents, colors, logo, welcome message, language or domains) and changes apply instantly, with no need to touch your site's code again.

Does the widget slow down my site?+

Barely. The script is lightweight and loads asynchronously, and the chat lives in an isolated iframe that only loads when the visitor opens the button. It doesn't affect your page's design or styles.

What language does the agent reply in?+

Spanish or English. You can pin it in the settings or leave it on automatic so it follows each visitor's browser language.

How much does it cost?+

You can start free. Your plan includes a monthly agent-message quota, and there's a per-visitor limit to prevent abuse.

Does it capture my visitors' data?+

No. We don't do lead capture or store visitors' personal data; we only show your contact email as a fallback.

Want to learn more about the agent for your customers? Explore the business AI agent →

Transform Your Company's Knowledge Management

Start today with AskNorela and discover how private AI can revolutionize your team's productivity.