Block Visibility
  • Features
    • Pro Features
  • Pricing
    • Purchase Options
    • Your Cart
  • Support
    • Knowledge Base
    • Tutorials
    • Feature Requests
    • Contact
  • Blog
  • Account
    • Account Dashboard
    • Log In
  • Download

Table of Contents

  • Control Overview
  • Configuration
    • How to Enable
    • How to Configure
    • How to Disable
  • Rules & Rule Sets
    • Cookie Rules
    • Hide When Rules Apply

Categories

  • Getting Started
  • Visibility Controls
  • Integrations
  • Plugin Settings

Need Help?

Submit a support ticket on WordPress.org.

Get Support →
Home › Knowledge Base › Visibility Controls › How to Use the Cookie Control

How to Use the Cookie Control

Updated on April 10, 2022
Visibility Controls

Control Overview

The Cookie control requires Block Visibility Pro.

With the Cookie control, you will be able to easily display blocks based on HTML cookies. Note that Block Visibility does not allow you to create/set your own HTML cookies from within the plugin. You will need to handle this separately or use another third-party plugin.

Configuration

How to Enable

Click on any block in the Block Editor and navigate to the Visibility panel. You will notice an eye icon in the Controls Toolbar. See the screenshot below. Click on the eye and all available visibility controls will appear. Select “Cookie” and the Cookie control panel will be added to the selected block.

Enabling the Cookie control in the block settings sidebar (Pro v1.5.0)
Enabling the Cookie control in the block settings sidebar (Pro v1.5.0)

How to Configure

Let’s assume your website sets a custom cookie called test_cookie and you want to display an Image block whenever that cookie has the value yum_cookies.

Steps to Complete

  1. Select the Image block and navigate to the Cookie control settings in the Visibility panel.
  2. In the cookie name field, enter test_cookie.
  3. Choose “Value is equal to” for the condition.
  4. Finally enter yum_cookies for the cookie value.

The resulting configuration should resemble the screenshot below. While this is a relatively simple example, you are limited only by your own creativity!

Configuring the Cookie control (Pro v1.5.0)
Configuring the Cookie control (Pro v1.5.0)

How to Disable

If you would like to disable the Cookie control at the block level, simply click on the eye icon in the “Controls” toolbar and deselect it. The control can also be disabled globally in the plugin’s Visibility Control Settings.

Note that if this control is disabled globally, any blocks that are actively being hidden by the Cookie control will become visible again.

Rules & Rule Sets

Similar to other controls in Block Visibility and Block Visibility Pro, the Cookie control is powered by rules and rule sets. All rules within a rule set must be satisfied for the selected block to be visible. However, you can also create multiple rule sets. Only one rule set needs to apply for the block to be visible. 

Within a rule set, you are creating AND conditions between multiple rules. Between two rule sets, you are creating OR conditions.

There are instances when rule errors can occur. For example, if rule inputs are not completely filled out, or if the rule is based on a product that has since been deleted from your store. In these situations, the plugin defaults to showing the block unless other rules apply which would hide the block.

Cookie rules and rule sets in the block settings sidebar (Pro v1.5.0)
Cookie rules and rule sets in the block settings sidebar (Pro v1.5.0)

Cookie Rules

Begin by entering the cookie name. You will then have the choice of 6 operators. These include:

  • Has any value
  • Has no value (Does not exist)
  • Value is equal to
  • Value is not equal to
  • Value contains
  • Value does not contain

Once the operator is selected, you then enter the value to test the cookie value against.

Hide When Rules Apply

By default, the block will be visible if the applied rules are satisfied. Simply toggle the “Hide when rules apply” setting to hide the block instead.


Product

  • Home
  • Pro Features 
  • Pricing
  • Integrations

Support

  • Knowledge Base
  • Your Account
  • Pro Support
  • Changelog

Company

  • Blog
  • Contact
  • Terms of Service
  • Privacy Policy
Block Visibility

Copyright © 2021 Outermost, LLC. All Rights Reserved.