How to set up and style the Cookie Consent widget in Elementor.
Cookie Consent shows a notice as a bar or a box with Accept, Decline and Preferences buttons. Visitors can switch your own categories on or off, the choice is stored in a cookie, and scripts and iframes you mark for a category only start after consent. Use it on sites that load analytics, ads or embeds.
Part of: Bright Addons Pro. Before you start: Scripts and iframes must be marked with the data-bapro-consent attribute to be held back. Google Consent Mode needs a Google tag that sets the default consent state.
| Option | What it does |
|---|---|
| Layout | A bar at the bottom or top, or a box in the bottom left or right corner. |
| Title | The heading of the notice. |
| Message | The text that explains your use of cookies. |
| Policy Link Text | The text of the link shown after the message. |
| Policy Link | The policy page. Empty uses the privacy policy page set in Settings > Privacy. |
| Accept Button | The text of the button that accepts all categories. |
| Decline Button | The text of the button that keeps only necessary cookies. Empty hides it. |
| Preferences Button | The text of the button that opens the category list. Empty hides it. |
| Option | What it does |
|---|---|
| Necessary: Name | The name of the category that is always on. |
| Necessary: Description | A short text about the necessary category. |
| Optional Categories | The list of categories visitors can switch on or off. |
| Key | A lowercase key such as analytics or marketing. Scripts are tied to this key. |
| Name | The category name visitors see. |
| Description | A short text about what the category is used for. |
| Save Button | The text of the button that saves the chosen categories. |
| Option | What it does |
|---|---|
| Remember the Choice For (days) | How long the consent cookie is kept, from 1 to 395 days. |
| Notice Version | Change it to ask every visitor again. |
| Button to Change the Choice | Shows a small corner button after the visitor has chosen. |
| Button Position | Bottom Left or Bottom Right for that button. |
| Button Icon | The icon of that button. |
| Update Google Consent Mode | Sends a consent update to Google tags based on the analytics and marketing categories. |
One license gives you every Pro widget, all 10 extensions, the Theme Builder and priority support. From $18 a year, with a 14-day money-back guarantee.
These sections are in the Style tab.
width, background, text color, border, radius, shadow, padding and stack order.
typography and colors of the title and message, link color and the switch color when on.
typography, normal and hover colors, border, radius and padding.
typography, normal and hover colors, border, radius and padding.
button and icon size, colors, border, radius and padding.
Change the script type to text/plain and add data-bapro-consent with the category key, for example analytics. The script starts as soon as that category is accepted.
All optional categories are saved as off and only the necessary category stays on. The notice closes and the choice is remembered.
Yes. They can use the corner button or any link to #cookie-settings to open the notice again.
It only appears when the Preferences Button text is filled in and at least one optional category has a valid key.
Check the troubleshooting guide, or contact support with the page address and what you expected to happen.
Troubleshooting guide