Back to WordPress Plugin
Third-Party Integrations

CookieNod Integrations

Seamless integration with popular WordPress plugins for comprehensive consent-based content control and compliance tracking.

Elementor & Elementor Pro

Granular consent control over widgets, popups, and dynamic content

  • Widget Consent Controls - Add consent requirements to any Elementor widget
  • Category-Based Blocking - Block widgets until specific consent (Marketing/Analytics/Functional)
  • Popup Consent - Show/hide Elementor Pro popups based on consent status
  • Dynamic Content Filtering - Filter dynamic tags based on consent
  • Form Consent Logging - Track consent data with Elementor Pro form submissions

WooCommerce

E-commerce consent management and CCPA compliance

  • Checkout Consent Checkboxes - Add marketing/analytics consent options at checkout
  • Cart/Tracking Blocking - Block tracking cookies until functional consent
  • Order Consent Storage - Store consent data with order metadata
  • CCPA 'Do Not Sell' Link - Add opt-out link for California customers
  • Account Consent Settings - Let customers update consent in My Account

Gravity Forms

Consent tracking with form submissions

  • Consent Tracking - Log user consent status with each form submission
  • Consent Requirement - Require specific consent before form can be submitted
  • Entry Meta Storage - Consent data stored with Gravity Forms entries
  • Dynamic Consent Fields - Hidden fields auto-populated from localStorage
  • Nonce Verification - Security nonce verified on submission

Contact Form 7

Consent tracking via custom form tags

  • [cookienod_consent] Tag - Custom form tag for consent tracking
  • Automatic Attachment - Consent data attached to submissions
  • Consent Summary Display - Show user's current consent status in form
  • Mail Integration - Consent data included in submission emails
  • Live Summary Update - Displays live consent status

Elementor & Elementor Pro

Granular consent control over widgets, popups, and dynamic content

Add Consent Control to a Widget

  1. 1Edit any Elementor widget
  2. 2Go to the Advanced tab
  3. 3Find the 'Require Consent' toggle
  4. 4Enable it and select a Consent Category (Marketing, Analytics, or Functional)
  5. 5Update/Save the page

Configure Elementor Pro Popups

  1. 1Edit your popup in Elementor
  2. 2Go to Advanced > Require Consent
  3. 3Enable and select the required category
  4. 4The popup will only show if user has given consent

Elementor Pro Forms

  1. 1Consent is automatically logged with form submissions
  2. 2The consent status at the time of submission is stored with the entry

How It Works

Auto Mode (Default)

  • • Widgets are hidden via CSS until consent is given
  • • cookienod.min.js handles showing/hiding based on localStorage
  • • No server-side placeholders, cleaner HTML output
  • • Classes applied: cookienod-require-consent-yes, cookienod-consent-given-{category}

Manual/Silent Mode

  • • Server-side blocking with placeholders
  • • Shows "Blocked content" message with "Allow" button
  • • Scripts loaded after consent is given

Technical Details

WordPress Hooks

elementor/element/before_section_end(Action)

Adds consent controls to widget settings

elementor/element/before_render(Action)

Adds data attributes to widget wrapper

elementor/widget/render_content(Filter)

Filters widget output based on consent

elementor/frontend/popup/before_render(Action)

Controls popup visibility

elementor_pro/forms/form_submitted(Action)

Logs consent with form submission

CSS Classes & Data Attributes

CSS Classes

.elementor-widget.cookienod-require-consent-yes

Widget requires consent (hidden by default)

.elementor-widget.cookienod-consent-given-marketing

Widget shown after marketing consent

.elementor-widget.cookienod-consent-given-analytics

Widget shown after analytics consent

.elementor-widget.cookienod-consent-given-functional

Widget shown after functional consent

Data Attributes

<!-- Widget wrapper includes consent category -->
<div class="elementor-widget"
     data-consent-category="marketing">

WooCommerce

E-commerce consent management and CCPA compliance

Enable WooCommerce Integration

  1. 1Go to CookieNod > Settings
  2. 2Enable 'WooCommerce Integration'
  3. 3Configure consent checkbox options

Checkout Consent Checkboxes

CookieNod automatically adds consent checkboxes to the WooCommerce checkout:

I agree to marketing cookies (Facebook Pixel, Google Ads)
I agree to analytics cookies (Google Analytics)

CCPA Compliance

Add a 'Do Not Sell My Personal Information' link to your footer:

<a href="#" class="cookienod-ccpa-optout">Do Not Sell My Personal Information</a>

Order Consent Data

Consent is stored with each order:

$order->get_meta('_cookienod_order_consent');
// Returns: array(
//   'marketing' => true,
//   'analytics' => false,
//   ...
// )

Developer Hooks

// Action: Consent given at checkout
add_action('cookienod_woocommerce_checkout_consent',
    function($order_id, $consent) {
    // Custom logic when consent is given
}, 10, 2);

// Filter: Modify consent checkbox labels
add_filter('cookienod_woocommerce_consent_labels',
    function($labels) {
    $labels['marketing'] = 'Custom text';
    return $labels;
});

How It Works

  • Consent at Checkout: Checkboxes appear before order submission
  • Data Storage: Consent status stored with order meta
  • Marketing Scripts: Blocked until explicit consent
  • Auto Mode: Tracking cookies blocked by cookienod.min.js
  • Manual Mode: Server blocks tracking scripts on cart/checkout

Gravity Forms

Consent tracking with form submissions

Automatic Consent Tracking

Consent tracking is automatic. No configuration needed:

  1. 1Ensure Gravity Forms is active
  2. 2CookieNod automatically adds hidden consent fields
  3. 3Consent data stored with entry meta

View Consent Data

  1. 1Go to Forms > Entries
  2. 2Select an entry
  3. 3Look for "CookieNod Consent" in the entry details

Require Consent for Form Submission

To require consent before a form can be submitted, add this to your form's custom settings:

// In functions.php or custom plugin
add_filter('gform_form_5', function($form) {
    $form['cookienodRequiredConsent'] = 'marketing';
    return $form;
});

Replace 5 with your form ID and marketing with required category.

Consent Data Storage

Consent is stored in Gravity Forms entry meta:

// Get consent data from entry
$consent = gform_get_meta($entry_id, 'cookienod_consent');
// Returns: array(
//   'marketing' => true,
//   'analytics' => false,
//   ...
// )

How It Works

  1. Form Render: Hidden field added with empty consent value
  2. JavaScript Population: cookienod.min.js reads localStorage and populates field
  3. Form Submission: Consent data submitted with form
  4. Server Storage: Consent stored in entry meta via gform_update_meta()
  5. Nonce Verification: Security nonce verified on submission

Developer Hooks

// Action: Marketing consent given
add_action('cookienod_gform_marketing_consent',
    function($entry, $form) {
    // Trigger marketing automation
}, 10, 2);

// Filter: Modify consent requirement
add_filter('gform_pre_render', function($form) {
    if ($form['id'] == 3) {
        $form['cookienodRequiredConsent'] = 'analytics';
    }
    return $form;
});

Contact Form 7

Consent tracking via custom form tags

Add Consent Field to Form

Use the [cookienod_consent] tag in your Contact Form 7 form:

<label>Your Name
    [text* your-name] </label>

<label>Your Email
    [email* your-email] </label>

[your-message]

<!-- Consent tracking (hidden) -->
[cookienod_consent]

[submit "Send Message"]

Show Consent Summary

To display the user's current consent status, use:

[cookienod_consent show_summary]

This displays a summary like:

Your Privacy Settings:

  • Necessary: ✓
  • Functional: ✗
  • Analytics: ✗
  • Marketing: ✗

How It Works

  1. Form Render: [cookienod_consent] outputs hidden fields with nonce
  2. JavaScript Population: Consent data populated from localStorage
  3. Summary Update: If show_summary, displays live consent status
  4. Submission: Consent data included in POST data
  5. Email: Consent data attached to mail components

Developer Hooks

// Action: Consent data available
add_action('cookienod_cf7_submission',
    function($contact_form, $consent) {
    if (!empty($consent['marketing'])) {
        // Add to marketing list
    }
}, 10, 2);

// Filter: Modify consent summary
add_filter('cookienod_cf7_consent_summary',
    function($html, $consent) {
    // Customize display
    return $html;
}, 10, 2);

CSS Classes

.wpcf7-consent-summary

Consent summary container

.cookienod-status

Consent status indicators (✓ green or ✗ red)

Ready to Integrate?

Get your CookieNod API key and start integrating with your favorite WordPress plugins