Floating Consent Settings Button¶

The floating button is a small, persistent icon (typically in the bottom-left corner of the page) that lets visitors re-open the consent preference centre at any time after their initial consent decision.

Why it exists¶

Privacy regulations including GDPR and ePrivacy require that visitors can withdraw or change their consent at any time. The floating button provides an always-visible entry point to the preference centre, ensuring compliance without requiring visitors to search for a settings link.

What it looks like¶

The floating button appears as a small circular icon in the bottom-left corner of the page. It:

• Appears after the visitor has made their initial consent decision (the banner closes)
• Remains visible on every page as the visitor navigates
• Opens the consent preference centre when clicked (equivalent to calling openWidget())
• Uses your configuration's colour theme and icon (see Styling)

Configuring the floating button¶

Enabling or disabling¶

The floating button is controlled by the Control Panel setting in your configuration:

To change this setting:

1. Open your configuration in the Waulter dashboard.
2. Navigate to the banner settings section.
3. Toggle the Control Panel option on or off.
4. Save the configuration.

Styling¶

The floating button inherits your configuration's branding:

• Colour — matches your custom colour theme (see Styling)
• Icon — uses your custom icon if configured, or the default Material Icon

When to disable the floating button¶

There are legitimate cases where you might want to disable the floating button:

Alternative: footer link¶

If you disable the floating button, the most common alternative is a footer link:

<a href="#" onclick="window.WaulterSDK.openWidget(); return false;">
  Cookie Settings
</a>

Place this in your site footer so it appears on every page.

Alternative: settings page link¶

For SPAs or apps with a settings section:

// In your settings/preferences component
function openCookieSettings() {
  if (window.WaulterSDK) {
    window.WaulterSDK.openWidget();
  }
}

Accessibility¶

The floating button is designed to be accessible:

Interaction with other features¶

Troubleshooting¶