Install with AI · recommended
Your AI agent sets it up for you.
Connect your coding agent to Webstudio, paste one prompt and review the result. It finds every script and embed, blocks them, configures cookies, updates your privacy policy and matches your design.
Prompt for Claude Code, Codex or Cursor
Install Native CMP in this Webstudio project by following https://nativecmp.com/install.txt. Find all third-party scripts, embeds and videos, block them until consent, configure cookies and texts for our languages, add the matching section to our privacy policy and match the consent banner to our design. Show me what you found and your plan before you change anything.
Requires the Webstudio MCP or CLI 0.298 or newer. Your agent needs to read the guide and call Webstudio tools.
What the agent does
The whole job, not just the banner.
Installing a consent manager is the easy part. Connecting every script, embed, cookie and policy text is where the work is. That is what your agent takes over.
Finds every third-party service
Scans Custom Code, HTML Embeds and YouTube or Vimeo components. Recognizes 23 common services and describes anything else it finds.
Blocks scripts and embeds
Rewrites tracking scripts so they wait for consent and wraps maps, calendars and videos in Consent Gates. Nothing loads before a decision.
Configures cookies and texts
Adds each service with its cookies, which are deleted when visitors decline, and writes purposes and descriptions in your site’s languages.
Updates your privacy policy
Adds a section for every service with provider, purpose, cookies and legal basis, in your policy’s design, ready for you to review.
Matches your design
Maps the banner and dialog to your colors, radii and fonts, then compares them with your pages on desktop and mobile.
Checks its work
Verifies bindings, confirms nothing loads early and reports every change. It asks before changing anything, and publishing stays your decision.
How it works
Three steps, a few minutes.
Connect your agent
In your project folder, link your Webstudio project with a Builder share link that can edit (npx webstudio@latest link) and add the Webstudio MCP to Claude Code, Codex, Cursor or VS Code (npx webstudio@latest connect).
Paste the prompt
Your agent reads the install guide, scans the project and shows you what it found. Confirm the plan and answer a few questions: languages, privacy policy page, design.
Review and publish
Open the dialog in the Builder, read the new privacy policy section and publish when you’re happy.
Your agent shows you what it found before it changes anything, and it never publishes. The privacy policy section is a draft: review it, because the legal responsibility for your site stays with you.
Prefer to do it yourself?