Guide
Install CookieWall
Place the project configuration and CookieWall bundle early enough to evaluate later scripts and browser activity.
Last reviewed September 12, 2026
The Installation page provides project-specific instructions for standard HTML, CellWall CLI, tag managers and CDPs, common JavaScript frameworks, and popular CMS platforms.
Standard HTML pattern
<!-- CellWall Cookie Consent -->
<script>
window.cellwallConfig = { projectId: "YOUR_PROJECT_ID" };
</script>
<script src="https://snippet.cellwall.io/bundle.js" async></script>
<!-- End CellWall Cookie Consent -->Install safely
- 1.
Copy the project-specific snippet
Use the Project ID shown on CookieWall’s Installation page. Do not reuse an ID from another hostname.
- 2.
Place it first in the document head
Load the configuration block and bundle before analytics, advertising, personalization, or tag-manager scripts. Early placement lets CookieWall initialize before those tags act.
- 3.
Publish through your normal release path
For a tag manager or CMS, publish the container, theme, plugin, or site change rather than leaving it in draft.
- 4.
Visit the deployed website
Use a fresh browser profile or clear the existing CookieWall preference so the first-visit experience can be tested.
Installation guides in the platform
HTML snippet and CellWall CLI
Google Tag Manager, Segment, Adobe Launch, and Tealium iQ
Next.js, React, Vue or Nuxt, Angular, and SvelteKit
WordPress, Shopify, Webflow, Wix, and Squarespace