Embed Anywhere
Embed Forms & Calculators on Any Website
Drop interactive forms, calculators, and assessments into any page with a single snippet. Shadow DOM isolation means zero CSS conflicts -- it just works.
Built for seamless embedding
No iframes, no style conflicts, no performance hits. NinjaDoc embeds are engineered to feel native on your site.
Shadow DOM Isolation
Your embedded experience runs inside a Shadow DOM so it never conflicts with your site's CSS or JavaScript. Zero style leakage, guaranteed.
Fully Responsive
Every embed adapts automatically to any screen size -- desktop, tablet, or mobile. No extra configuration needed.
White-Label
Remove NinjaDoc branding on Plus and Pro plans. Your embedded forms and calculators look like a native part of your website.
One-Line Embed Code
Copy two lines of HTML, paste them into your page, and you're live. No build tools, no npm packages, no iframes.
Custom Styling
Match your brand colors, fonts, and border radius. The embed inherits your design system so it feels native on every site.
Fast Loading
The embed script is lightweight and lazy-loaded. It won't slow down your page or hurt your Core Web Vitals scores.
Works with every platform
If your site supports HTML, NinjaDoc embeds work. Here are a few platforms our users love.
WordPress
Paste the embed code into any Custom HTML block or widget. Works with Elementor, Divi, and the block editor.
Webflow
Add an Embed element anywhere on your Webflow page and drop in the snippet. No custom code settings required.
Squarespace
Use a Code Block in Squarespace to embed your form or calculator. Renders perfectly on all Squarespace templates.
Shopify
Add the embed snippet to any Shopify page, blog post, or product description using the HTML editor.
Two lines of code. That's it.
Copy the snippet below, replace the experience ID, and paste it into your page. Your form or calculator is live instantly.
embed.html
<!-- Paste this where you want the experience to appear -->
<div id="ninjadoc-embed" data-experience="your-id"></div>
<script src="https://ninjadoc.com/embed.js" async></script>Why choose NinjaDoc for embedding?
- Shadow DOM prevents all CSS and JS conflicts
- No iframes -- content lives directly in your page
- Lightweight script with lazy loading for fast pages
- Fully responsive on desktop, tablet, and mobile
- White-label option removes all NinjaDoc branding
- Custom colors and fonts to match your brand
- Works on WordPress, Webflow, Squarespace, Shopify, and more
- Embed unlimited forms and calculators on any plan
Ready to embed your first experience?
Build a form, calculator, or assessment and embed it on your site in under a minute -- completely free.