AAngular × Asyntai50 free messages

AI Chatbot for AngularOne tag in src/index.html. No module to import.

Products, pricing, docs, support: your AI assistant answers in seconds from your pages. Add one script tag to src/index.html, build, and the chat is live on every route of your Angular app, with no backend.

Start for free See the setup

No credit cardOne tag in src/index.htmlNo npm package

atelierlila.com/products/garance-linen-dress

Atelier Lila

Garance linen dress

$98.00

XSSML

Add to cart

Atelier LilaOnline

Hi! Any questions about this dress?

5 minto add the tag and build

24/7answers, weekends included

0npm packages to install

50free messages to get started

What it handles

The questions your customers ask every day

They come right before the purchase, often in the evening. Without a quick answer, the cart stays empty. The chatbot answers them with your store's own information.

When will it arrive?How do I return an item?Which size should I pick?Can I pay with Afterpay?Do you offer 2-day shipping?My promo code doesn't work

Where is my order?Do you ship to Canada?What fabric is it?Do you offer gift wrapping?When is it back in stock?Do you sell wholesale?

Features

Built for Angular apps

Works with Angular apps built with the Angular CLI, with standalone components or NgModules, with the Angular Router and any UI library.

It knows your whole catalog

Product pages, categories, terms of sale, shipping and returns pages. Add your PDFs (size guide, data sheets) for everything else.

Garance linen dress$98.00

Ondine shirt$68.00

Size chart.pdfRead by the AI

Live in 5 minutes

One script tag in src/index.html and one build. No npm package, no module to import and no service to write.

5min

Speaks your customer's language

A shopper from Mexico, Quebec or Germany gets an answer in their own language, automatically.

ENESFRDEPTIT

It captures contacts

Quotes, trade orders, complex questions: it asks for the email and saves it.

Claire B.Quote for 40 pieces

New

Desktop and mobile

The chat adapts to every screen and sits clear of your header, menus and footer.

See what's blocking the sale

Conversations show the topics that keep coming back. You know what to add to your product pages.

Shipping38%

Sizes26%

Returns17%

Only your content

The AI answers from your pages and documents. It doesn't make up prices, delivery times or promises, and it doesn't answer off-topic questions.

Can you write me a poem?I only answer questions about the Atelier Lila store. Can I help you choose a size?

In action

An assistant that knows your store

It answers from your product pages, suggests the right items and wears your brand's colors.

Answers drawn from your pages
Sizes, delivery times, returns: it uses your own information and makes nothing up.
It can suggest your products
It shows items from your catalog as cards, with the price and a link to the product.
It passes contacts to you
For a quote or a trade order, it collects the customer's email.

Try a color

Setup

Simple setup on Angular

An Angular app loads from one HTML file, src/index.html. You add the script tag there once, build, and the chat shows on every route. Four steps, five minutes.

Sign up and copy your code

Create your Asyntai account, add your site's address and copy your code from the dashboard. The AI starts reading your pages right away.

Open src/index.html

In your Angular CLI project, open src/index.html. It holds the <app-root> element of your app.

Paste before </body>

Paste the script tag after <app-root></app-root> and just before the closing </body> tag, not inside app-root.

Build, and you're live

Run ng build and deploy as usual. The chat bubble appears in the corner of every route and already answers your users.

Put the tag in src/index.html, not in a component template. Angular removes script tags from templates for security. After you build, check that the index.html in your dist folder still has the tag.

my-angular-app src index.html

src/index.html</body>

10 <body> 11 <app-root></app-root> 12 <script src="https://asyntai.com/static/js/chat-widget.js" 13 data-asyntai-id="YOUR_ID" async></script>14 </body> 15</html>

ng build

Why Asyntai

What Angular sites gain

Start free with 50 messages, then grow with your store.

See pricing Start for free

Fewer abandoned carts

A customer with a doubt right before paying gets an answer straight away. A question about shipping costs no longer makes them leave the store.

Fewer repetitive requests

Shipping, tracking, returns and sizes get an automatic answer from your own pages. You only handle the requests that really need you.

More sales, same traffic

You already pay to bring in visitors with Google Ads, Meta or marketplaces. The chatbot helps them find the right product and order.

FAQ

Frequently asked questions

Everything you need to know to add an AI chatbot to your Angular store.

Do I need an npm package or an Angular module?

No. One script tag in src/index.html loads the chat on every route. There is no package to install, no module or provider to import and no dependency to update when you upgrade Angular.

Do I need a backend or an API key in my code?

No. The chat runs on Asyntai servers. Your Angular app stays a static build, and the only value in your code is your public site ID.

Will it slow down my Angular app?

No. The script loads asynchronously, after your app starts. It is not part of your Angular bundles, so your bundle budgets and Core Web Vitals do not change.

How does the chatbot learn my content?

When you add your site's address, the AI reads your published pages: products, docs, blog posts and policies. You can upload documents and add your own instructions. After you publish new pages, run a new crawl from the dashboard.

Does it work with the Angular Router?

Yes. The script loads once with the page, outside app-root. When a user moves between routes, the page does not reload, so the chat stays open.

Will it conflict with my Angular components?

No. The chat loads outside app-root and runs in an isolated space. It does not change your components, styles, change detection or routing.

Does it answer visitors who speak another language?

Yes. The chatbot detects the visitor's language and replies in it, even if your Angular site is only in English.

Can I use it on several sites?

Yes. Each site has its own setup and knowledge base. The Free plan covers 1 site, Starter 2, Standard 3 and Pro up to 20 sites.

Guide

How an AI chatbot helps Angular apps

Large apps, many questions

Angular is the web framework from Google. Teams use it for large business apps, admin portals, customer dashboards and enterprise sites. These apps have many screens and features, and users ask: where do I find this, how does this work, who do I contact.

An AI chatbot answers them in your app. It reads your published pages, docs and policies, then replies in plain English, in the tone you choose. Users get an immediate answer, and your team gets fewer support tickets about things that are already documented.

Answering the questions that block an order

Most questions arrive just before the purchase: shipping times, returns if the size is wrong, 2-day shipping, paying in installments. If the shopper can't find the answer in a few seconds, they close the tab.

The chatbot answers from your shipping, returns and terms pages. It reminds them of your return window, the carriers you use and your free-shipping threshold. The shopper feels reassured and completes the order.

A salesperson who knows every product

In a store, a salesperson helps with the choice. Online, the shopper is alone with your product pages. The chatbot takes that role: it compares two models, explains the difference between materials, recommends a size or suggests a matching item from your catalog.

Because it only answers from your content, it never recommends products you don't sell and never makes up specs. The richer your product pages, the more precise the answers.

Useful insights for your next campaigns

Every conversation is saved and searchable. Over the weeks, you see which products interest people most, the objections that keep coming up and the information that is missing.

If many shoppers ask whether a product comes in another color, you know what to add to your catalog. If shipping costs keep coming up, you can show them more clearly. The chatbot becomes both a customer service tool and a source of insight to grow your store.

Ready to add an AI assistant to your Angular app?

Start free with 50 messages and see how many questions your customers ask every day.

Start for free See pricing

Other platforms

React Vue.js Remix Next.js Nuxt SvelteKit Astro Gatsby Thrive Architect