One of the most important aspects of the WPConsent plugin is the cookie consent banner that visitors will see on your website. This guide will walk you through all the configuration options available to customize your banner’s appearance and functionality.

The cookie banner settings are organized into three main sections: Layout, Style, and Content. Each section allows you to customize different aspects of your banner.

Accessing Banner Settings

To configure your cookie consent banner:

1. Navigate to your WordPress admin dashboard (yoursite.com/wp-admin)
2. Go to WPConsent > Banner Design
3. You’ll see three tabs at the top: Layout, Style, and Content

Banner Layout

There are 3 main layouts available in the WPConsent plugin:

• Long Banner: A horizontal banner that spans the width of the page
• Floating Banner: A compact banner that appears in one of the corners of the screen
• Modal Banner: Displayed on top of the whole page

Banner Position

Depending on which layout you choose, different position options are available:

For the Long Banner:

• Top
• Bottom

For the Floating Banner:

• Left Top
• Right Top
• Left Bottom
• Right Bottom

After making your choices, click “Save & Continue” to move to the Style tab.

Style Settings

The Style section allows you to customize the visual appearance of your banner.

Banner Styling

• Background Color: Set the background color of your banner
• Text Color: Choose the color for the text displayed in your banner
• Font Size: Select from font sizes between 12px and 30px

Button Styling

• Button Size: Choose from Small, Regular, or Large
• Button Corner: Select Square, Slightly Rounded, or Rounded corners
• Button Type: Choose between Filled or Outlined style

Button Colors

For each button type (Accept, Reject, and Preferences), you can customize:

• Background Color: The button’s background or border color (depending on button type)
• Font Color: The text color of the button

Click “Save & Continue” after configuring these options to move to the Content tab.

Content Settings

The Content section allows you to customize the text and elements displayed in your banner.

Message

Use the rich text editor to create the message that will be displayed to visitors. This is where you explain why you use cookies and what options visitors have.

Button Configuration

You can customize each button in the banner:

• Text: Change the text displayed on each button
• Status: Enable or disable specific buttons
• Order: Drag and drop to reorder how buttons appear in the banner

The available buttons are:

• Accept Button
• Reject Button
• Settings Button (Preferences)

Logo/Icon

You can upload a logo or icon to display in your banner, adding a professional and branded appearance.

Additional Options

• Hide Powered By: Toggle to hide the “Powered by WPConsent” link in the banner
• Show Banner on Frontend: Controls whether the banner is displayed on your website