Every VANE it embed is the same one-line snippet. What changes is where it goes on your platform, and that is the part these guides cover: which button to press, what you should see when it worked, and the one mistake that makes it look broken.
Written twice over, in effect. If you have never seen HTML, follow the numbered steps and the pictures beside them. If you write code for a living, skip to the tag and the attribute table.
Copy it from your dashboard. It never changes once pasted. The question and design update from your dashboard. Placement is part of the line you paste.
<script async
src="https://vaneit.com/embed.js"
data-vane="your-vane-id">
</script> - Build a vane (free).
- On its page, Embed on your site → pick a placement → Copy code.
- Pick your platform below.
No code needed
Point and click. No HTML, no developer, nothing to install on your machine.Official plugin with a VANE it block, or one pasted line.
Real screenshots from a live install, every placement, WooCommerce hook, page builder notes.
Plugin availableOpen guide →Shopify’s built-in Custom Liquid block. No app needed.
Product photos, pages, floating store-wide, and which store surface accepts what. Needs Basic or higher (or the free trial); the Starter plan has no theme editor.
No app requiredOpen guide →A Code Block on the page, or Code Injection site-wide.
Every placement with real captures from a live 7.1 site, the plan table, and the iframe route for Basic.
Core plan+ (iframe on Basic)Open guide →Custom code for floating, an Embed element for a card on the page.
Tested on a free-plan site with real captures. We say plainly which placements work on Wix and which do not.
Embeds work on the free planOpen guide →For developers
The tag, the attributes, and the framework specifics. No SDK to install.A Code Embed element, nested where you like.
Pins neatly to an image inside a Div Block. Includes CMS collection templates. Needs a paid Site plan or a paid Workspace.
DesignerOpen guide →embed.js once, a placeholder per vane. No npm package, nothing in your bundle.
Next.js, React, Vue, Svelte, Astro, plus letting CMS editors place vanes with a field.
SSR safeOpen guide →Paste one script tag. That is the integration.
Every attribute documented. No framework, no dependencies, no build step.
Zero depsOpen guide →Built with AI, or run from a CMS
Let the AI that built your site add the vane, or give your editors a Vane block.Copy one prompt, paste it into the AI that built your site.
Claude, ChatGPT, Gemini, Lovable, Bolt, v0, Replit, Cursor, Framer and more. The prompt already covers the mistake AIs make with React sites.
No code to writeOpen guide →A developer adds a Vane block once. Editors paste a vane ID from then on.
Sanity in full, plus Contentful, Storyblok, Strapi, Payload, Prismic, DatoCMS, Builder.io, Ghost and Markdown CMSs.
Editors need no codeOpen guide →Still deciding?
These weigh up every route, including the ones that are not us, for the thing you are actually trying to add.
- How to add a poll to Shopify
- How to add a poll to WordPress
- How to add a poll to Squarespace
- How to add a poll to Webflow
- How to add a poll to Wix
- Adding a reaction widget to WordPress
- Adding a product feedback widget to Shopify
- Adding a feedback widget to Squarespace
What every guide gives you
Each instruction sits next to the thing it describes, so you are never scrolling between a step and its image.
Every placement says what you should see when it worked, in the editor and on the live page.
Each platform has one thing that silently fails. We name it rather than let you discover it.
Where a placement genuinely does not work on a platform, we say so instead of selling a workaround that breaks later.
Want to see the placements before you choose one? They are all running live at the placement lab. Using something not listed here, like Notion or Bubble? Tell us and it goes to the top of the queue.
Build one first, install it after
The install takes two minutes. Choosing the question is the interesting part.
Start free Questions for your industry