AI Summary Widget

Let visitors open your content in their favorite AI. Paste the code, done.

Preview
Use {{title}} and {{url}} as placeholders
Embed code
No data stored — Prompts built in-browser, sent directly to user's chosen AI
Tiny footprint — Self-contained, no external dependencies
100% Free — No account, no signup, no limits

Questions

Does this track visitors?

No. The widget runs entirely in the browser. No data is sent to our servers. The prompt is constructed client-side and sent directly to the AI service the visitor chooses. We never see or store any visitor data.

How does this help SEO and AEO?

Answer Engine Optimization (AEO) is the practice of making your content discoverable by AI chatbots. When visitors use the widget to summarize your page, they're essentially training AI systems to understand and cite your content.

The widget also drives engagement signals: visitors stay longer, interact with your content, and often share AI summaries on social media—all positive SEO factors.

Can I use this for other purposes beyond summaries?

Absolutely! The widget is a universal AI prompt launcher. Use the custom prompt field to create any AI interaction you want:

  • Product pages: "Compare this product to competitors and list pros/cons"
  • Recipes: "Convert this recipe to metric units and suggest substitutions"
  • Documentation: "Explain this technical concept to a beginner"
  • News articles: "Fact-check the claims in this article"
  • Research papers: "Summarize key findings and methodology"
  • Job postings: "Draft a cover letter based on this job description"

Simply change the prompt text and label to match your use case. The {{title}} and {{url}} placeholders work for any page.

How do I add this to WordPress?

There are several ways to add the widget to WordPress:

Option 1: Custom HTML Block (easiest)

  1. Edit the page/post where you want the widget
  2. Add a "Custom HTML" block
  3. Paste the embed code from above
  4. Save and publish

Option 2: Theme Footer (site-wide)

  1. Go to Appearance → Theme Editor (or use a child theme)
  2. Edit footer.php and paste the code before </body>
  3. Or use a plugin like "Insert Headers and Footers"

Option 3: Widget Area

  1. Go to Appearance → Widgets
  2. Add a "Custom HTML" widget to your sidebar/footer
  3. Paste the embed code
How do I add this to Shopify?

For product pages:

  1. Go to Online Store → Themes → Edit code
  2. Find product-template.liquid (or main-product.liquid)
  3. Paste the embed code where you want the widget
  4. Save

For all pages (footer):

  1. Go to Online Store → Themes → Edit code
  2. Find theme.liquid
  3. Paste the code before </body>
How do I add this to Wix, Squarespace, or Webflow?

Wix: Add an "Embed HTML" element and paste the code. Works in Editor X and Wix Studio too.

Squarespace: Add a "Code Block" in the section editor and paste the embed code. Enable "Display Source" if needed.

Webflow: Add an "Embed" element from the Add panel, paste the code, and publish. The widget will render in the published site.

Can I customize the appearance?

Yes! The widget offers several style options:

  • Card: Dark card with subtle border—great for most sites
  • Glow: Card with gradient glow border—eye-catching accent
  • Light: Transparent with dark icons—for light backgrounds
  • Dark: Dark minimal style—for dark themes
  • Pills: Labeled buttons in pill shape—more descriptive

Choose small, medium, or large sizes. The embed code is completely self-contained—no external scripts needed.

Is it accessible?

Yes. The widget follows accessibility best practices:

  • All buttons have descriptive aria-labels
  • Keyboard navigation and focus states work correctly
  • Color contrast meets WCAG AA requirements
  • Icons include screen reader text alternatives