Embed AI Blog Outliner
Paste a blog topic, get an SEO-structured H2/H3 outline with word counts and FAQ ideas. Configure the presentation, verify the live embed, and copy code for your platform.
Live preview
The preview consumes the same auto-resize protocol as the copied SDK snippet.
Loading AI Blog Outliner…
Installation code
Copy code for your platform.
Paste the full snippet into a normal HTML page, CMS code block, or product template.
<iframe
class="fixtools-embed"
data-fixtools-embed="v1"
data-fixtools-auto-resize="true"
data-fixtools-max-height="6000"
src="https://www.fixtools.io/ai/blog-outliner?embed=1&embedVersion=1&embedId=ft-blog-outliner"
width="100%"
height="820"
style="border:0;border-radius:16px;max-width:900px;width:100%;"
title="AI Blog Outliner by FixTools"
loading="lazy"
referrerpolicy="strict-origin-when-cross-origin"
allow="clipboard-write"
></iframe>
<script async src="https://www.fixtools.io/embed-sdk/v1.js"></script>Frame delivery
Normal pages stay frame-protected. Only the explicit ?embed=1 variant accepts external framing.
Fallback behavior
The iframe starts at 820px if the host blocks the SDK.
Attribution
Standard embeds retain FixTools ownership. Custom branding is scoped separately.
Lifecycle integration
Listen without reading user content.
The SDK dispatches browser events for ready and resize immediately. A tool can also emit a bounded completion or error signal as that tool adopts the v1 lifecycle bridge. Event detail excludes files, inputs, outputs, raw queries, and identity.
window.addEventListener('fixtools:embed-complete', (event) => {
if (event.detail?.tool === 'blog-outliner') {
console.log('FixTools workflow completed', event.detail);
}
});