Today, I used SEOmatic for the first time.
It was user-friendly and efficiently generated 75 unique web pages using keywords and pre-written excerpts.
Total time cost for research & publishing was ≈ 3h (Instead of ≈12h)
Ben Farley
SaaS Founder, Salespitch
Add 10 pages. 1,000 pages. Or more. Stop letting manual production limit your growth.
14-Day Free Trial. No Credit Card Required.
SEO tools & utilities
Pick preset Quick Asks like 'Show me a code example' or 'Compare with competitors,' plus a free-text input for anything else. One click sends the question + page URL to ChatGPT, Perplexity, Claude, or Gemini. Built for SaaS docs, API references, and developer portals.
Our AI docs chat button generator gives you a small chat widget you can drop into any documentation page, API reference, or developer portal. The widget shows up to 5 'Quick Asks' as preset chips (Show me a code example, Compare with competitors, Explain in simple terms, etc.) plus a free-text input below. Readers click a chip or type their own question and land in ChatGPT, Perplexity, Claude, or Gemini with the question + the docs page URL prefilled.
Under the hood it's the same model as our other AI button generators: zero backend, no API keys, no per-query cost. Each AI call runs in the reader's own ChatGPT or Claude account, on their dime. You ship the feature once and it scales free across every page of your docs.
Every customer support thread that starts with "I read your docs but…" is a sign the docs aren't doing the job alone. Our widget gives readers an instant way to interrogate the page:
You know which 5 questions readers always ask. Our widget puts them as one-click chips at the top of every page:
SEOmatic is the content infrastructure agencies and in-house SEO teams use to generate, optimize, and publish hundreds of SEO pages that rank in search and AI.
14-day free trial. No credit card required.
Explore other free SEO tools to grow your organic traffic.
One-click 'Summarize with AI' button for blog posts.
Let blog readers ask AI about your articles.
Generate FAQ blocks for your docs with AI.
Write compelling meta descriptions in one click.
Outline a docs page or blog post from a working title.
Generate an SEO brief for any keyword.
All requests to the API must include an Authorization header with a valid Bearer token. Tokens are scoped per workspace and can be rotated from the dashboard.
curl https://api.example.com/v1/me \
-H "Authorization: Bearer YOUR_TOKEN"Preview:
Pick a style
Your embed snippet
Paste this HTML into any docs page or template.
<div class="sm-ai-docschat" style="display:block;text-align:left;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif">
<div style="font-size:14px;color:#374151;font-weight:500;margin-bottom:8px;">Chat about this page</div>
<div style="display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;">
<a href="#" data-sm-docs-chip="0" target="_blank" rel="noopener noreferrer" style="display:inline-flex;align-items:center;padding:6px 10px;border-radius:6px;background:#f3f4f6;border:1px solid #e5e7eb;color:#374151;font-size:13px;line-height:1.2;text-decoration:none;cursor:pointer;font-family:inherit">Show me a code example</a>
<a href="#" data-sm-docs-chip="1" target="_blank" rel="noopener noreferrer" style="display:inline-flex;align-items:center;padding:6px 10px;border-radius:6px;background:#f3f4f6;border:1px solid #e5e7eb;color:#374151;font-size:13px;line-height:1.2;text-decoration:none;cursor:pointer;font-family:inherit">Explain in simple terms</a>
<a href="#" data-sm-docs-chip="2" target="_blank" rel="noopener noreferrer" style="display:inline-flex;align-items:center;padding:6px 10px;border-radius:6px;background:#f3f4f6;border:1px solid #e5e7eb;color:#374151;font-size:13px;line-height:1.2;text-decoration:none;cursor:pointer;font-family:inherit">Compare technical alternatives</a>
</div>
<textarea placeholder="Ask anything about this page…" style="display:block;width:100%;box-sizing:border-box;min-height:60px;resize:vertical;padding:10px 12px;border-radius:6px;background:#ffffff;border:1px solid #d1d5db;color:#111827;font-size:14px;line-height:1.4;font-family:inherit;outline:none" rows="2">
</textarea>
<div style="display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-start;margin-top:8px">
<a href="#" data-sm-docs-p="chatgpt" target="_blank" rel="noopener noreferrer" aria-label="Ask ChatGPT" title="Ask ChatGPT" style="display:inline-flex;align-items:center;gap:6px;padding:10px;border-radius:6px;background:#ffffff;border:1px solid #e5e7eb;color:#111827;font-size:14px;line-height:1;text-decoration:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;cursor:pointer">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
<path fill="#000000" d="M14.949 6.547a3.94 3.94 0 0 0-.348-3.273 4.11 4.11 0 0 0-4.4-1.934A4.1 4.1 0 0 0 8.423.2 4.15 4.15 0 0 0 6.305.086a4.1 4.1 0 0 0-1.891.948 4.04 4.04 0 0 0-1.158 1.753 4.1 4.1 0 0 0-1.563.679A4 4 0 0 0 .554 4.72a3.99 3.99 0 0 0 .502 4.731 3.94 3.94 0 0 0 .346 3.274 4.11 4.11 0 0 0 4.402 1.933c.382.425.852.764 1.377.995.526.231 1.095.35 1.67.346 1.78.002 3.358-1.132 3.901-2.804a4.1 4.1 0 0 0 1.563-.68 4 4 0 0 0 1.14-1.253 3.99 3.99 0 0 0-.506-4.716m-6.097 8.406a3.05 3.05 0 0 1-1.945-.694l.096-.054 3.23-1.838a.53.53 0 0 0 .265-.455v-4.49l1.366.778q.02.011.025.035v3.722c-.003 1.653-1.361 2.992-3.037 2.996m-6.53-2.75a2.95 2.95 0 0 1-.36-2.01l.095.057L5.29 12.09a.53.53 0 0 0 .527 0l3.949-2.246v1.555a.05.05 0 0 1-.022.041L6.473 13.3c-1.454.826-3.311.335-4.15-1.098m-.85-6.94A3.02 3.02 0 0 1 3.07 3.949v3.785a.51.51 0 0 0 .262.451l3.93 2.237-1.366.779a.05.05 0 0 1-.048 0L2.585 9.342a2.98 2.98 0 0 1-1.113-4.094zm11.216 2.571L8.747 5.576l1.362-.776a.05.05 0 0 1 .048 0l3.265 1.86a3 3 0 0 1 1.173 1.207 2.96 2.96 0 0 1-.27 3.2 3.05 3.05 0 0 1-1.36.997V8.279a.52.52 0 0 0-.276-.445m1.36-2.015-.097-.057-3.226-1.855a.53.53 0 0 0-.53 0L6.249 6.153V4.598a.04.04 0 0 1 .019-.04L9.533 2.7a3.07 3.07 0 0 1 3.257.139c.474.325.843.778 1.066 1.303.223.526.289 1.103.191 1.664zM5.503 8.575 4.139 7.8a.05.05 0 0 1-.026-.037V4.049c0-.57.166-1.127.476-1.607s.752-.864 1.275-1.105a3.08 3.08 0 0 1 3.234.41l-.096.054-3.23 1.838a.53.53 0 0 0-.265.455zm.742-1.577 1.758-1 1.762 1v2l-1.755 1-1.762-1z"/>
</svg>
<span>ChatGPT</span>
</a>
<a href="#" data-sm-docs-p="perplexity" target="_blank" rel="noopener noreferrer" aria-label="Ask Perplexity" title="Ask Perplexity" style="display:inline-flex;align-items:center;gap:6px;padding:10px;border-radius:6px;background:#ffffff;border:1px solid #e5e7eb;color:#111827;font-size:14px;line-height:1;text-decoration:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;cursor:pointer">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
<path fill="#20808D" d="M8 .188a.5.5 0 0 1 .503.5V4.03l3.022-2.92.059-.048a.51.51 0 0 1 .49-.054.5.5 0 0 1 .306.46v3.247h1.117l.1.01a.5.5 0 0 1 .403.49v5.558a.5.5 0 0 1-.503.5H12.38v3.258a.5.5 0 0 1-.312.462.51.51 0 0 1-.55-.11l-3.016-3.018v3.448c0 .275-.225.5-.503.5a.5.5 0 0 1-.503-.5v-3.448l-3.018 3.019a.51.51 0 0 1-.548.11.5.5 0 0 1-.312-.463v-3.258H2.503a.5.5 0 0 1-.503-.5V5.215l.01-.1c.047-.229.25-.4.493-.4H3.62V1.469l.006-.074a.5.5 0 0 1 .302-.387.51.51 0 0 1 .547.102l3.023 2.92V.687c0-.276.225-.5.503-.5M4.626 9.333v3.984l2.87-2.872v-4.01zm3.877 1.113 2.871 2.871V9.333l-2.87-2.897zm3.733-1.668a.5.5 0 0 1 .145.35v1.145h.612V5.715H9.201zm-9.23 1.495h.613V9.13c0-.131.052-.257.145-.35l3.033-3.064h-3.79zm1.62-5.558H6.76L4.626 2.652zm4.613 0h2.134V2.652z"/>
</svg>
<span>Perplexity</span>
</a>
<a href="#" data-sm-docs-p="claude" target="_blank" rel="noopener noreferrer" aria-label="Ask Claude" title="Ask Claude" style="display:inline-flex;align-items:center;gap:6px;padding:10px;border-radius:6px;background:#ffffff;border:1px solid #e5e7eb;color:#111827;font-size:14px;line-height:1;text-decoration:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;cursor:pointer">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
<path fill="#D97757" d="m3.127 10.604 3.135-1.76.053-.153-.053-.085H6.11l-.525-.032-1.791-.048-1.554-.065-1.505-.08-.38-.081L0 7.832l.036-.234.32-.214.455.04 1.009.069 1.513.105 1.097.064 1.626.17h.259l.036-.105-.089-.065-.068-.064-1.566-1.062-1.695-1.121-.887-.646-.48-.327-.243-.306-.104-.67.435-.48.585.04.15.04.593.456 1.267.981 1.654 1.218.242.202.097-.068.012-.049-.109-.181-.9-1.626-.96-1.655-.428-.686-.113-.411a2 2 0 0 1-.068-.484l.496-.674L4.446 0l.662.089.279.242.411.94.666 1.48 1.033 2.014.302.597.162.553.06.17h.105v-.097l.085-1.134.157-1.392.154-1.792.052-.504.25-.605.497-.327.387.186.319.456-.045.294-.19 1.23-.37 1.93-.243 1.29h.142l.161-.16.654-.868 1.097-1.372.484-.545.565-.601.363-.287h.686l.505.751-.226.775-.707.895-.585.759-.839 1.13-.524.904.048.072.125-.012 1.897-.403 1.024-.186 1.223-.21.553.258.06.263-.218.536-1.307.323-1.533.307-2.284.54-.028.02.032.04 1.029.098.44.024h1.077l2.005.15.525.346.315.424-.053.323-.807.411-3.631-.863-.872-.218h-.12v.073l.726.71 1.331 1.202 1.667 1.55.084.383-.214.302-.226-.032-1.464-1.101-.565-.497-1.28-1.077h-.084v.113l.295.432 1.557 2.34.08.718-.112.234-.404.141-.444-.08-.911-1.28-.94-1.44-.759-1.291-.093.053-.448 4.821-.21.246-.484.186-.403-.307-.214-.496.214-.98.258-1.28.21-1.016.19-1.263.112-.42-.008-.028-.092.012-.953 1.307-1.448 1.957-1.146 1.227-.274.109-.477-.247.045-.44.266-.39 1.586-2.018.956-1.25.617-.723-.004-.105h-.036l-4.212 2.736-.75.096-.324-.302.04-.496.154-.162 1.267-.871z"/>
</svg>
<span>Claude</span>
</a>
<a href="#" data-sm-docs-p="gemini" target="_blank" rel="noopener noreferrer" aria-label="Ask Gemini" title="Ask Gemini" style="display:inline-flex;align-items:center;gap:6px;padding:10px;border-radius:6px;background:#ffffff;border:1px solid #e5e7eb;color:#111827;font-size:14px;line-height:1;text-decoration:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;cursor:pointer">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
<path fill="#8E75B2" d="M11.04 19.32Q12 21.51 12 24q0-2.49.93-4.68.96-2.19 2.58-3.81t3.81-2.55Q21.51 12 24 12q-2.49 0-4.68-.93a12.3 12.3 0 0 1-3.81-2.58 12.3 12.3 0 0 1-2.58-3.81Q12 2.49 12 0q0 2.49-.96 4.68-.93 2.19-2.55 3.81a12.3 12.3 0 0 1-3.81 2.58Q2.49 12 0 12q2.49 0 4.68.96 2.19.93 3.81 2.55t2.55 3.81z"/>
</svg>
<span>Gemini</span>
</a>
</div>
<div style="margin-top:8px;font-size:11px;color:#9ca3af;text-align:left;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;">
<a href="https://seomatic.ai/tools/ai-docs-chat-button-generator?utm_source=embed&utm_medium=ai-docs-chat" target="_blank" rel="noopener" style="display:inline-flex;align-items:center;gap:4px;color:inherit;text-decoration:none;">
<img src="https://seomatic.ai/common/logos/seomatic.svg" alt="SEOmatic" width="60" height="13" style="height:13px;width:auto;vertical-align:middle;"/> Powered by SEOmatic</a>
</div>
</div>
<script>(function(){var P="I'm on this docs page: {URL}\n\nMy question: {QUESTION}\n\nPlease answer based on the documentation. Where possible, include code snippets and link to specific sections.";var CP=["Read this documentation page ({URL}) and give me a complete, runnable code example. Pick the most idiomatic language for the example. Include any required setup.","Read this documentation page ({URL}) and explain what it does in plain language, as if I'm new to the product. Skip jargon. Use one concrete real-world example.","Read this documentation page ({URL}) and compare this technical approach with the main alternative patterns or libraries (NOT other products or competitors). When is each pattern the better choice? Focus on architecture and trade-offs, not vendors."];var DP="chatgpt";var T={chatgpt:"https://chatgpt.com/?prompt=",perplexity:"https://www.perplexity.ai/search/new?q=",claude:"https://claude.ai/new?q=",gemini:"https://gemini.google.com/app?q="};var W=document.querySelectorAll(".sm-ai-docschat");for(var i=0;i<W.length;i++){(function(wrap){var ta=wrap.querySelector("textarea");var providers=wrap.querySelectorAll("[data-sm-docs-p]");var chips=wrap.querySelectorAll("[data-sm-docs-chip]");function fire(prompt,key,opener){var url=window.location.href;var filled=prompt.split("{URL}").join(url);var dest=T[key]+encodeURIComponent(filled);if(opener)window.open(dest,"_blank","noopener");else window.location.href=dest;}for(var j=0;j<chips.length;j++){chips[j].addEventListener("click",function(e){e.preventDefault();var idx=parseInt(this.getAttribute("data-sm-docs-chip"),10);var p=CP[idx];if(!p)return;var newTab=this.getAttribute("target")==="_blank";fire(p,DP,newTab);});}for(var k=0;k<providers.length;k++){providers[k].addEventListener("click",function(e){e.preventDefault();var q=(ta&&ta.value||"").trim();if(!q){if(ta)ta.focus();return;}var filled=P.split("{QUESTION}").join(q);var key=this.getAttribute("data-sm-docs-p");var newTab=this.getAttribute("target")==="_blank";fire(filled,key,newTab);});}})(W[i]);}})();</script>