Skip to main content

Floating button

The floating button is a small button that stays on the page after a visitor consents. Clicking it reopens the preference center where they can change their choice at any time. It uses the OptSens symbol as its icon.

Configure the floating button

  1. Open Banner Settings in the dashboard at my.optsens.com.
  2. Open the Floating button section.
  3. Toggle Show floating button on or off.
  4. Set the Position and the button colors.
  5. Click Save Changes.

Settings

SettingOptions
Show floating buttonOn or off
PositionBottom left, Bottom right
Button colorsBackground, Border

The icon is the OptSens symbol. It is not changeable.

If you turn it off

Visitors must always have a way to change their consent, which GDPR requires. When the floating button is off, OptSens injects a "Manage Privacy Preferences" link into your site footer automatically. It looks for your <footer> element and appends the link to the page when none exists.

To place the link yourself, add this snippet anywhere, such as a footer menu. A manual link always wins over the automatic one:

<a class="os-manage-consent" href="#">Manage Privacy Preferences</a>

The link text can be changed and translated.

When a CCPA rule is active in Geo rules, the regulated opt-out link is the entry point for those visitors. Two snippet options exist, and you place one in your footer:

<a class="os-ccpa-opt-out" data-os-icon="privacy-choices" href="#">Your Privacy Choices</a>

The recommended modern form, with the privacy-choices icon. The classic regulated phrase works as well:

<a class="os-ccpa-opt-out" href="#">Do Not Sell or Share My Personal Information</a>

Without a manual link, OptSens injects the opt-out link into your footer automatically, the same way as the manage link.

Where to find these snippets

Copy-ready versions of all of these live on the dashboard Integration page: the manage link card appears when the floating button is off, and the CCPA card appears when a CCPA rule is active. The same snippets are offered in the Integration step of the guided onboarding, and the manage link also appears in the Floating button section of Banner Settings.

Plan gating

Customizing the floating button (the toggle, position and colors) requires the Plus plan or higher. On Essential the section is locked and the button runs with the default settings: shown, bottom left, default colors.

Open it from code

Developers can open the preference center directly with OptSens.showPreferences(), independent of the floating button.