Cookie Notice - Customizer

Default theme settings may differ if you have imported one of the OceanWP prebuilt website templates for WordPress. This is because these templates come with their own Customizer settings. However, the way you use the Customizer to adjust your website remains the same.

The OceanWP Customizer Cookie Notice panel enables you to display a cookie / privacy notice on your website, as well as add various cookies and scripts in JavaScript format.

Cookie Notice is an OceanWP premium feature, available with the OceanWP Pro Bundle.

Upgrade now to get access to this and many other features, premium full website templates, dedicated customer support and more.

The Cookie Notice panel in the Customizer will appear when you install and activate this premium OceanWP extension.

Available Cookie Notice options include:

Content,
Close Button section:
- Close Target,
- Button Text (depends on the Close Target selection),
Appearance and Style section:
- Notice Layout Style,
- Display Overlay,
Notice Behavior section:
- Cookie Expiration,
- Reload After Consent,
- Scripts panel,
Cookie Notice Styling section:
- Max Width (px),
- Padding (px),
- Background Color,
- Content Text,
- Content Text Color,
- Additional Styling panel.

Content

The Content option enables you to add your own text for the Cookie Notice.

You can use regular text, HTML (to add links, for example) or shortcodes.

Close Target

The Close Target option enables you to choose what the user should click to remove the Cookie Notice.

Available options include:

Button: a regular button with custom text.
Close Icon: a simple X icon.

Button Text

The Button Text option enables you to add custom text for the Cookie Notice button, if the Close Target is set to Button.

Notice Layout Style

The Notice Layout Style enables you to adjust the appearance of the Cookie Notice.

Available options include:

Fly-Ins: a regular window displayed in the corner of the screen.
Floating Bar: a sticky bar displayed at the bottom of the screen.

Display Overlay

The Display Overlay feature enables you to choose whether you want your website content to be usable until the user consents to the cookies or not.

Available options include:

Yes: overlay displayed, website can't be used.
No: overlay not displayed.

The Cookie Expiration enables you to choose for how long should the cookies be retained in the user's browser. Multiple options available.

Note that this option may also be influenced by your CDN, website caching, user's browser usage and settings, as well as other external factors.

The Reload After Consent option enables you to choose whether your website should reload for the user after they consent.

Available options include:

Yes: the website will reload.
No: the website will not reload.

Scripts

The Scripts panel contains options which enable you to insert your JavaScript cookies.

These cookies will be used only after the users consent.

Available options include:

Head: cookies are inserted in what is called the Head HTML website element: <head> your cookies </head> .
Body: cookies are inserted in what is called the Body HTML website element: <body> your cookies </body> .

The option you should choose (Head or Body) usually depends on the cookies, and the placement is recommended by the cookie provider.

Max Width (px)

The Max Width (px) option enables you to adjust the maximum width for the Fly-Ins Notice Layout Style.

This option is always measured in pixels (px).

Padding (px)

The Padding (px) option enables you to add padding (spacing) to the cookie notice, surrounding the textual area.

This option is always measured in pixels (px).

Background Color

The Background Color option enables you to apply color to the cookie notice background.

Content Text

The Content Text typography option enables you to adjust typography for the cookie notice content.

Content Text Color

The Content Text Color option enables you to apply color to the cookie notice content.

Additional Styling

The Additional Styling panel contains other styling options, like the cookie notice border, as well as the cookie notice button or closing icon, depending on your choice.

Available options include:

Border Width (px): adjust the border width, if you want to display a border around the cookie notice. Always measured in pixels (px).
Border Style: select the border style. Multiple options available.
Border Color: apply color to the border.
Close Icon Color (when Close Target is set to Close Icon): apply regular and hover color to the closing icon.
Button section (when Close Target is set to Button):
- Padding (px): add padding (spacing) to the button, surrounding the text. Always measured in pixels (px).
- Border Radius (px): adjust border radius to apply corner roundness. Always measured in pixels (px).
- Button Background: apply regular and hover color to the button background.
- Button Text typography: adjust button text typography.
- Button Text color: apply regular and hover color to the button text.

Found an error in this doc or believe it needs improvement?

Send us a prepurchase ticket, include the URL of the page, and add suggestions and more details about how we can make things better for you.

That's it!

Enjoy building your WordPress website with OceanWP!