# Widget Design Settings | Secure Privacy Customization Guide > Learn how to configure the Secure Privacy privacy widget — choose between Floating, Button, and Hyperlink types, set widget style, shape, position, logo, colors, and custom CSS. - Canonical: https://support.secureprivacy.ai/article/design-gtwidget-page-tailoring-the-aesthetics-of-your-widget - Product: Consent Management - Category: Customization - Published: 2026-03-06T12:43:00+00:00 - Updated: 2026-03-23T23:57:12.362+00:00 - Reading time: 3 minutes --- The **Design > Widget** page in Secure Privacy lets you configure how the privacy widget appears on your website — including widget type, floating widget style, shape, position, logo, colors, and custom CSS. This guide walks through every available setting so you can align the widget's appearance with your brand and website design. ## Who Is This For? - Website administrators customizing the Secure Privacy privacy widget appearance - Designers and developers configuring widget style, shape, position, and colors to match brand guidelines - Compliance teams ensuring the privacy widget is visible and accessible across desktop, tablet, and mobile ## How to Access Widget Settings Log in to your Secure Privacy account and navigate to the **Design** section in the top toolbar. Select the design you want to configure, then open the **Widget** subsection. ![Secure Privacy dashboard showing the Design section in the top toolbar with access to widget configuration options](https://pub-7bd19505838640d0a08ef1bd6ec3fb9b.r2.dev/articles/a01dbf8909a0ed41032d-647b6cf73520.webp)![Secure Privacy Design section showing the Widget subsection with available design options to select and configure](https://pub-7bd19505838640d0a08ef1bd6ec3fb9b.r2.dev/articles/0b71ff728732ddf5715d-4031c8e6ef05.webp) ## Widget Types ### Floating Widget The floating widget offers the most customization options — including style, design, shape, position, logo, colors, and custom CSS. It is not constrained to a fixed location and can be positioned in any corner of the viewport, making it the most flexible option for most website designs. ![Secure Privacy floating widget type selected in the Widget settings showing customization options for style, position, and design](https://pub-7bd19505838640d0a08ef1bd6ec3fb9b.r2.dev/articles/2e86a784341736f493aa-a489fcff2cb9.webp) ### Button Widget The button widget is a simple, unobtrusive option with no configurable design settings. It displays as a straightforward button and is suited for interface designs where minimal visual impact is preferred. ![Secure Privacy Button widget type selected in the Widget settings showing the simple button display with no additional configuration options](https://pub-7bd19505838640d0a08ef1bd6ec3fb9b.r2.dev/articles/b153fa994bd9f6e3d9b3-d99af7a51a10.webp) ### Hyperlink Widget The hyperlink widget displays as a text link with no additional configuration options. Like the button type, it suits minimalist interface designs where a low-profile privacy entry point is preferred. ![Secure Privacy Hyperlink widget type selected in the Widget settings showing the text link display option](https://pub-7bd19505838640d0a08ef1bd6ec3fb9b.r2.dev/articles/d22fc600e0d859b778bd-2a4f2248cbe3.webp) ## Reset and Preview ### Reset Use the **Reset** option to revert all widget settings to their default state — useful if you want to start customization from scratch or undo changes that are not producing the desired result. ### Preview The preview feature lets you view the widget's approximate appearance across desktop, tablet, and mobile viewports. Switch to full screen for a larger view. Note that the preview provides an approximate rendering and may not be 100% identical to the live widget on all browsers and devices. ![Secure Privacy widget preview panel showing the floating widget appearance across desktop, tablet, and mobile viewport sizes](https://pub-7bd19505838640d0a08ef1bd6ec3fb9b.r2.dev/articles/e465dce7a479f52755e9-306c987f261d.webp) ## Floating Widget Configuration ### Style Choose how the floating widget content is displayed — options include icon only, text only, or a combination of text and icon. Test different combinations to find what works best for your audience and page layout. ![Secure Privacy floating widget Style options showing icon only, text only, and text plus icon display combinations](https://pub-7bd19505838640d0a08ef1bd6ec3fb9b.r2.dev/articles/b48038ef1ad5ef2b0201-af9f4a0c64fb.webp) ### Design Configure the floating widget's visual design and position: - **Location:** Choose which corner of the page the widget appears in — top-left, top-right, bottom-left, or bottom-right - **Shape:** Select from smooth, sharp, or round widget shapes - **Logo:** Use the default Secure Privacy logo, a cookie icon, a fingerprint icon, or upload a fully custom logo ![Secure Privacy floating widget Design settings showing location, shape, and logo options including cookie, fingerprint, and custom logo upload](https://pub-7bd19505838640d0a08ef1bd6ec3fb9b.r2.dev/articles/294b6e0cd597e8649949-e39208e71524.webp) For advanced customization, upload a custom logo or apply **Custom CSS** to fine-tune every design detail — ensuring the widget is fully aligned with your website's visual style. ![Secure Privacy floating widget advanced design options showing custom logo upload field and Custom CSS text area](https://pub-7bd19505838640d0a08ef1bd6ec3fb9b.r2.dev/articles/5a5f5e49d181fa5c3b3f-d741f7ee16b8.webp) ### Color Adjust the widget's text color and background color independently to match your brand palette. These settings apply to the floating widget and update the live preview immediately when changed. ## Frequently Asked Questions ### Which widget type should I choose? Use the **Floating** widget if you want full visual control and want the privacy entry point to be persistently visible across your site. Use the **Button** or **Hyperlink** types if you prefer a minimal, low-profile entry point and do not need design customization beyond the default appearance. ### Can I use my own logo in the floating widget? Yes. In the Design settings for the floating widget, select the custom logo option and upload your own image. This replaces the default Secure Privacy logo, cookie, or fingerprint icon with your brand's visual identity. ### Will custom CSS override the default widget styles entirely? Custom CSS is applied on top of the widget's default styles unless you also enable the Replace Default CSS option. To override everything and apply a completely custom stylesheet, enable Replace Default CSS — otherwise, your custom rules will be applied additively over the existing defaults. ## See Also - [How to Add Custom CSS to Your Cookie Consent Banner](https://support.secureprivacy.ai/article/cmp-v1-how-to-change-the-css-of-your-cookie-consent-banner) - [Upload a Custom Logo to Your Banner](https://support.secureprivacy.ai/article/upload-custom-logo--personalize-the-appearance-of-banners) - [Managing Designs in Secure Privacy](https://support.secureprivacy.ai/article/design-settings-in-secure-privacy-customize-privacy-toolkit)