Documentation

Mastering ComplianceBloom

Complete guide to setting up automated legal compliance, privacy policies, and cookie consent for your business.

01. QUICK START GUIDE

1

Create your account

Sign up for StackBloom and choose a ComplianceBloom plan. You can start with a 14-day free trial on any tier.

2

Scan your website

Add your domain in the dashboard. Our scanner will crawl your site to identify all cookies, tracking scripts, and data collection points.

3

Customize legal policies

Answer a few simple questions about your data practices. We'll generate customized, attorney-vetted Privacy Policies and Terms of Service.

4

Embed the compliance script

Copy the single line of JavaScript and paste it into your website <head>. This activates your cookie banner and data request portal.

Manual Implementation

1
Locate your Compliance ID

You can find your unique Compliance ID (e.g., SB_COMP_8273) in your ComplianceBloom Dashboard under "Site Settings".

2
Add the Script Tag

Copy and paste the following script tag into the <head> of every page on your website.Important: It must be the very first script in your head to correctly intercept trackers before they load.

<script
  defer
  data-id="YOUR_COMPLIANCE_ID"
  src="https://cdn.stackbloom.io/compliance.js"
></script>

3
Verify Installation

Refresh your website and look for the ComplianceBloom cookie banner. You can also verify via the dashboard's "Connection Test" tool.

Pro-tip: Use your browser's "Incognito" mode to see the banner as a new visitor would.

Advanced Integration

Checking Consent Programmatically

You can check the user's current consent status using the StackBloom.getConsent() helper:

if (window.StackBloom && window.StackBloom.getConsent('marketing')) {
  // Safe to load marketing pixels/tags
  loadFacebookPixel();
} else {
  // User has not opted-in to marketing cookies
  console.log('Marketing cookies blocked');
}

Listening for Consent Changes

Trigger custom logic when a user updates their preferences via the banner:

window.addEventListener('stackbloom-consent-updated', (event) => {
  const { preferences } = event.detail;
  console.log('Updated preferences:', preferences);
  
  if (preferences.analytics) {
    initGoogleAnalytics();
  }
});

Core Modules Documentation

Smart Cookie Consent

Automatically blocks non-essential cookies until the user gives consent. Detects user location to show the correct legal notice (GDPR vs CCPA).

Dynamic Legal Policies

Policies are hosted by ComplianceBloom and update automatically when laws change. You can also export them as HTML or embed them directly.

DSAR Automation

Users can submit Data Subject Access Requests through a dedicated portal. You receive notifications and a workflow to fulfill requests within legal deadlines.

Multi-Language Support

All banners and policies are available in over 25 languages. The system automatically detects the user's browser language.

Platform Specifics

WordPress

Install the "StackBloom Compliance" plugin or add the script tag to your header.php. The plugin handles automatic cookie blocking for common WP plugins.

Next.js / React

Use next/script with strategy="beforeInteractive" in your root layout. Ensure it's the first script loaded to correctly block third-party trackers.

Shopify

Add the script to your theme.liquid file. Our script integrates with Shopify's Consent API to ensure consistent tracking across the platform.

Any CMS

Paste the script tag at the very top of your <head> section. This ensures our scanner can intercept other scripts before they set cookies.

Still have questions?

Our legal and technical teams are here to help you get compliant.