Skip to main content

How can I customize the Cookie Consent banner design?

You can fully customize the cookie consent banner to match your website's branding from the AppifyCommerce dashboard.

Customization Options​

Choose from 6 pre-designed banner styles to get started quickly, then customize further as needed.

  • Bottom (default) — Banner appears at the bottom of the page.
  • Top — Banner appears at the top of the page.
  • Bottom-left popup — A compact popup in the bottom-left corner.
  • Bottom-right popup — A compact popup in the bottom-right corner.

import/export

  • Background color — Set the banner background to match your brand.
  • Text color — Adjust the message text color for readability.
  • Border radius — Control the roundness of the banner corners.
  • Shadow effect — Add or remove shadow for a modern look.
  • Padding — Adjust internal spacing within the banner.
  • Width — Set a custom width or use full-width.

import/export

Button Styling​

  • Primary button (Accept) — Customize background color, text color, and hover effects.
  • Secondary button (Manage Preferences) — Style separately from the primary button.
  • Full-width buttons on mobile — Enable buttons to span the full width on mobile screens.
  • Edit the consent message displayed to visitors.
  • Add a link to your privacy policy within the banner text.
  • Change button labels (e.g., "Accept All", "Manage Preferences", "Reject").

Steps to Customize​

  1. Log in to your AppifyCommerce dashboard.
  2. Go to Cookie Consent → Banner Design settings.
  3. Select a base style template and adjust colors, position, text, and buttons.
  4. Click Save to apply changes.

Changes are reflected on your website immediately.