Native CMP Starter
A Webstudio project with Native CMP installed: the consent engine in Project Settings → Custom Code, the Consent Manager Slot on every page, and the consent-* design tokens and --cmp-* variables.
Clone it in Webstudio, map the --cmp-* variables to your colors and fonts, then add your own services in the consentServices and consentTranslations variables on the Consent Manager.
Style it in the Builder
The frame below shows the real notice from the shared Consent Manager, on the canvas and on the published site. Clone the project, select the notice and change the consent-* tokens or --cmp-* variables in the Style panel: every page updates at once. The preferences modal and every gate type are on the Consent preview page.
We value your privacy
We use cookies and similar technologies for essential functions and, with your consent, for analytics, marketing and embedded media. You can change your choice at any time. Learn more in our privacy policy.
Our services have changed since your last visit. Please review your choice.
Privacy settings
Choose which services we may use. Essential services are always active. You can change your choice at any time. Learn more in our privacy policy.
Required for the website to work, for example to remember your privacy choices.
1 service
Stores your privacy choices in the cmp_consent cookie.
Load content from third-party platforms such as videos, maps and social posts.
2 services
Plays embedded videos. YouTube may set cookies once a video loads.
Plays embedded videos hosted on Vimeo.
Ihre Privatsphäre ist uns wichtig
Wir verwenden Cookies und ähnliche Technologien für notwendige Funktionen und, mit Ihrer Einwilligung, für Statistik, Marketing und eingebettete Medien. Sie können Ihre Auswahl jederzeit ändern. Mehr dazu in unserer Datenschutzerklärung.
Unsere Dienste haben sich seit Ihrem letzten Besuch geändert. Bitte prüfen Sie Ihre Auswahl.
Datenschutz-Einstellungen
Wählen Sie, welche Dienste wir nutzen dürfen. Essenzielle Dienste sind immer aktiv. Sie können Ihre Auswahl jederzeit ändern. Mehr dazu in unserer Datenschutzerklärung.
Für den Betrieb der Website erforderlich, zum Beispiel um Ihre Datenschutz-Auswahl zu speichern.
1 Dienst
Speichert Ihre Auswahl im Cookie cmp_consent.
Laden Inhalte von Drittanbietern wie Videos, Karten und Social-Media-Beiträge.
2 Dienste
Spielt eingebettete Videos ab. YouTube kann beim Laden Cookies setzen.
Spielt eingebettete Videos von Vimeo ab.
Tu privacidad nos importa
Usamos cookies y tecnologías similares para funciones esenciales y, con tu consentimiento, para analítica, marketing y contenido incrustado. Puedes cambiar tu elección en cualquier momento. Más información en nuestra política de privacidad.
Nuestros servicios han cambiado desde tu última visita. Revisa tu elección.
Configuración de privacidad
Elige qué servicios podemos usar. Los servicios esenciales están siempre activos. Puedes cambiar tu elección en cualquier momento. Más información en nuestra política de privacidad.
Necesarios para que el sitio web funcione, por ejemplo para recordar tu elección de privacidad.
1 servicio
Guarda tu elección en la cookie cmp_consent.
Cargan contenido de plataformas de terceros, como vídeos, mapas y publicaciones.
2 servicios
Reproduce vídeos incrustados. YouTube puede instalar cookies al cargar un vídeo.
Reproduce vídeos incrustados alojados en Vimeo.
نحن نحترم خصوصيتك
نستخدم ملفات تعريف الارتباط والتقنيات المشابهة للوظائف الأساسية، وبموافقتك للإحصاءات والتسويق والمحتوى المضمّن. يمكنك تغيير اختيارك في أي وقت. لمعرفة المزيد، اطّلع على سياسة الخصوصية.
تغيّرت خدماتنا منذ زيارتك الأخيرة. يُرجى مراجعة اختيارك.
إعدادات الخصوصية
اختر الخدمات التي يمكننا استخدامها. الخدمات الأساسية مفعّلة دائمًا. يمكنك تغيير اختيارك في أي وقت. لمعرفة المزيد، اطّلع على سياسة الخصوصية.
ضرورية لعمل الموقع، مثل تذكّر اختيارات الخصوصية الخاصة بك.
1 خدمة
يحفظ اختيارات الخصوصية الخاصة بك في ملف تعريف الارتباط cmp_consent.
تحمّل محتوى من منصات خارجية مثل مقاطع الفيديو والخرائط والمنشورات.
2 خدمات
يشغّل مقاطع الفيديو المضمّنة. قد يحفظ يوتيوب ملفات تعريف الارتباط عند تحميل الفيديو.
يشغّل مقاطع الفيديو المضمّنة المستضافة على Vimeo.
Consent Gate
Webstudio's native YouTube component inside an interaction-mode gate. Nothing contacts YouTube until the visitor loads the video.
YouTube
This content is provided by YouTube. Loading it may set cookies and transfer data to YouTube.
Preview the notice and dialog in the Builder
Custom Code doesn't run on the canvas. Design the notice, the dialog and the gates on the Consent preview page, or set the Consent Manager's canvasPreview variable to notice or modal on any page and back to off when you're done. canvasLanguage switches the language.
Next steps
Adding consent to an existing site? Use Install with AI, the config generator or the service examples. The source code is on GitHub under the AGPL-3.0 license.