GGatsby × Asyntai50 free messages

AI Chatbot for GatsbyA static site that answers back.

Products, pricing, docs, support: your AI assistant answers in seconds from your pages. Add a few lines to gatsby-ssr.js, build, and the chat is live on every page of your Gatsby site, with no backend.

No credit cardA few lines in gatsby-ssr.jsNo backend to run
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?
Powered by Asyntai
5 minto add the script and build
24/7answers, weekends included
0servers or APIs to run
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 Gatsby sites

Works with Gatsby 4 and 5, on static and server-rendered pages, for marketing sites, blogs, docs and headless stores.

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

A few lines in gatsby-ssr.js and one build. No npm package and no Gatsby plugin to keep up to date.

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.

CB
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 Gatsby

Gatsby lets you add a script to every page with the onRenderBody API in gatsby-ssr.js. You add it once, build, and the chat shows on every page. Four steps, five minutes.

Sign up and copy your ID

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

Open gatsby-ssr.js

In the root folder of your Gatsby project, open gatsby-ssr.js. If the file does not exist, create it.

Add the script

Export onRenderBody and pass the Asyntai script to setPostBodyComponents, with your ID in data-asyntai-id.

Build, and you're live

Run gatsby build and deploy as usual. The chat bubble appears in the corner of every page and already answers your visitors.

The script goes into the HTML that Gatsby builds, so it works on any host: Netlify, Vercel, Cloudflare Pages or your own server.

my-site gatsby-ssr.js
gatsby-ssr.jsonRenderBody
1 import React from "react" 2 3 export const onRenderBody = ({ setPostBodyComponents }) => { 4 setPostBodyComponents([ 5 <script key="asyntai" src="https://asyntai.com/static/js/chat-widget.js" 6 data-asyntai-id="YOUR_ID" async />,7 ]) 8 }
gatsby build
Why Asyntai

What Gatsby sites gain

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

01

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.

02

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.

03

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 Gatsby store.

Do I need a Gatsby plugin or an npm package?

No. The onRenderBody API in gatsby-ssr.js adds the script to every page. There is no package to install, no plugin to configure and no dependency to update.

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

No. The chat runs on Asyntai servers. Your Gatsby site stays fully static, and the only value in your code is your public site ID.

Will it slow down my Gatsby site?

No. The script loads asynchronously, after the page is shown. It is not part of your JavaScript bundle, so your Lighthouse score 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 client-side navigation?

Yes. The script loads once, and the chat stays open when a visitor moves between pages with Gatsby Link.

Will it conflict with my React components?

No. The chat loads outside your React tree and runs in an isolated space. It does not change your components, styles 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 Gatsby 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 Gatsby sites

Fast pages, but no one to answer

Gatsby is a React framework that builds fast static sites from Markdown, a headless CMS or a store like Shopify. Teams use it for marketing sites, blogs, documentation and headless storefronts. The pages load in an instant, but a static page cannot answer a question.

An AI chatbot adds that without a backend. It reads your published pages, then answers in plain English, in the tone you choose. Your visitors get an immediate answer, and your site stays static, fast and simple to host.

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 Gatsby site?

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

No credit card. Cancel anytime.