---
title: How to Create and Configure Custom Header Buttons
description: "Custom Buttons are additional header buttons that can be added alongside your menu items. They work like menu elements but offer more advanced flexibility, including dropdown content and custom styling. ![](https://gloriathemes.com/wp-content/uploads/2026/04/image-1-1024x343.png) An example of a custom button. To create a…"
url: "https://gloriathemes.com/docs/benson/header/how-to-create-and-configure-custom-header-buttons/"
updated: "2026-07-27"
category: Header
---

# How to Create and Configure Custom Header Buttons

Custom Buttons are additional header buttons that can be added alongside your menu items. They work like menu elements but offer more advanced flexibility, including dropdown content and custom styling.

![](https://gloriathemes.com/wp-content/uploads/2026/04/image-1-1024x343.png)
An example of a custom button.

To create a Custom Button, navigate to:

**Appearance → Customize → Header → Custom Buttons**

Inside the **Custom Buttons List** section, click **Add New** to create a new button.

### Button Type

You can choose how the button behaves using the **Type** option:

- **Link** – The button redirects to the URL you enter.
- **Text Content** – The button displays custom text content inside a dropdown.
- **Elementor Template** – The button displays a selected Elementor template as dropdown content.

If you select **Elementor Template**, you can choose from templates available in your Elementor Saved Templates list (e.g., Mega Menu layouts, Best Seller dropdowns, homepage previews, etc.).

### Position

Choose where the button will appear in the header:

- **Left**
- **Right**

### Button Content & Settings

- **Button Title** – The visible label of the button.
- **Button Title (HTML Supported)** – You can use HTML tags like <strong>, <span>, or <br> for advanced formatting.
- **Button Link** – The destination URL (if Type is set to Link).
- **Button Link Target** – Open in *New Tab* or *Same Frame*.
- **Button Color** – Select the desired button color.
- **Icon** – Upload or select an icon image.
- **Icon Position** – Left or Right side of the title.

### Badge Settings

You can also add a badge label to the button for promotional highlights.

- **Badge Text** – Example: Sale, New, Hot.
- **Badge Color** – Default, Primary, Secondary, Red, Green, Orange, Blue, Black, White.
- **Badge Style** – Light, Solid, Outline.
- **Badge Shape** – Small, Medium, Large, Full, Circle.
- **Badge Size** – 2XL, XL, LG, MD, SM, XS, 2XS.

### Enable in Header

After configuring the custom buttons, you need to enable it in the header settings:

**Appearance → Customize → Header → Header General**

- **Custom Buttons** – Enable or disable the custom buttons.

**Tip:** Custom Buttons are ideal for highlighting campaigns, Best Seller sections, category previews, promotional dropdowns, or fully custom Elementor-designed content in the header.