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.
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.
