AuditWidget

Install guide

Add the SEO audit widget to Webflow

Three blocks below: the snippet, the exact panel, and the paste location. Total time: 3 minutes. Use the Embed element — not Project Settings → Custom Code.

embed snippet · paste into Webflow

<script src="https://auditwidget.app/embed.js?utm_source=embed_guide&utm_medium=webflow"
        data-token="YOUR_TOKEN"
        data-width="100%"
        data-theme="light">
</script>

Replace YOUR_TOKEN with the token from your dashboard. No account yet? Get one free →

Step 1

Open the Designer → click the page

Open your project in the Webflow Designer. In the left toolbar, click the Pages icon (looks like a stack of paper). Click the page where the audit form should appear — usually a services page or a dedicated landing page.

Screenshot mockup of the Webflow Designer left toolbar with the Pages panel open.
Path: Webflow Designer → left toolbar → Pages icon → click your target page
Step 2

Open Add panel → drag the Embed element onto the canvas

Click the + icon at the top of the left toolbar (or hit A). The Add panel opens. Scroll to the Components section, find Embed, and drag it onto the canvas where the widget should sit.

Screenshot mockup of the Webflow Add panel showing the Embed element.
Path: + (Add) → Components → drag Embed onto the canvas
Step 3

Paste in the code modal → Save & Close → Publish

Dropping the Embed element opens a modal labelled HTML Embed Code Editor. Paste the snippet, click Save & Close. The Designer shows a placeholder, not the live widget — that's expected. Click Publish in the top-right and view your live site to see it render.

Screenshot mockup of Webflow's HTML Embed Code Editor with the snippet pasted.
Paste location: the code editor textarea · Then: Save & Close → Publish (top-right)

Did it work?

View your published site (not the Designer preview — Webflow doesn't render external scripts in the Designer). The widget appears where the Embed element sits.

Common gotchas

"It's blank in the Designer"

Expected. The Designer shows a placeholder; external scripts only run on the published site. View your *.webflow.io staging URL or your live domain.

"I can't publish — Webflow says custom code requires a paid plan"

Webflow's free workspace can use Embed in the Designer but not publish to a live domain. The Basic plan ($14/mo) unlocks publishing.

"Can I put it in the site header instead?"

Technically yes via Project Settings → Custom Code → Head Code, but then it runs on every page. Use the Embed component on a specific page instead — that's almost always what you want.

"Can I style the container?"

Yes — give the Embed div a class and style it like any Webflow element. The widget sits inside that container and respects its width.

Other platforms

WordPress install → Squarespace install → Live demo →

Need a token?

Free plan, no card required. Live in 3 minutes.

Create free account