Embedding the widget in your store
The fastest way to show AI content in your store is the widget: a small script you add once to your product pages, after which approved content updates by itself — no deploys, no changes to your eshop's database.
How it works
- The script loads from our servers with your eshop's unique widget key.
- It identifies the page's product from the ID you pass it.
- It pulls the approved content (enhanced description, FAQ, GEO) and renders it where you placed the container.
The widget serves approved content only. Anything pending or rejected never appears publicly.
The snippet
Your developer adds this to the product page template:
<div id="af-content" data-af-product="PRODUCT_ID"></div>
<script async src="https://aironflow.io/api/widget/WIDGET_KEY/v1.js"></script>
Where PRODUCT_ID is the product's ID as it appears in your feed (external ID) and WIDGET_KEY is the key from your settings.
The full technical reference — entity targets, theming, categories and brands — lives in the Integration Guide for your developer.
Appearance
The widget renders content with the colors and typography configured for your store during onboarding — our team sets up the theme together with you so it blends perfectly with your eshop's look (see Onboarding: getting started together). Any theme refinement applies automatically across all products.
FAQ
Does it affect page speed? Barely — it loads asynchronously (async) and content is served from cache.
What if AironFlow has no content for a product? The widget simply renders nothing — your page stays as it was.
How is usage measured? Widget pageviews are tracked; you'll find them in your account statistics.
Was this article helpful?