---
title: "Header Meta Content Widget Settings Overview"
url: https://theplusaddons.com/docs/header-meta-content-widget-settings-overview/
date: 2023-10-28
modified: 2026-04-11
lang: en
author: "Aditya Sharma"
description: "Providing additional information in the header can improve the user experience, especially for large websites or e-commerce websites. With the Header Meta Content widget from The Plus Addons for Elementor,..."
image: https://theplusaddons.com/wp-content/uploads/2023/10/Header-Meta-Content-Widget_-Settings-Overview-1024x536.jpg
word_count: 966
---

# Header Meta Content Widget Settings Overview

## 

- Header Meta Content widget from The Plus Addons for Elementor allows adding multiple meta content types in the header.
- Pro version of The Plus Addons unlocks features like Extra Toggle Bar, Language Switcher, and Music button.
- Elementor FREE Plugin and The Plus Addons for Elementor must be installed and activated to use the Header Meta Content widget.
- Styling options for the Header Meta Content widget include Search Bar Style, Mini Cart Style, and Call To Action button styles.

Providing additional information in the header can improve the user experience, especially for large websites or e-commerce websites. With the Header Meta Content widget from The Plus Addons for Elementor, you can add multiple types of meta content in the header.

You can easily add a search, mini cart, call to action button, language switcher, extra toggle button etc. in the header.

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-builder/header-builder/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

## Required Setup

- [Elementor FREE Plugin](https://wordpress.org/plugins/elementor/) installed & activated.

- You need to have [The Plus Addons for Elementor](https://wordpress.org/plugins/the-plus-addons-for-elementor-page-builder/) plugin installed and activated.

- Make sure the Header Meta Content widget is activated. To verify this, visit The Plus Addons → Widgets → and search for Header Meta Content and activate.

- This is a Freemium widget; to unlock the extra features, you need the [PRO version of The Plus Addons for Elementor](https://theplusaddons.com/pricing//?utm_source=tpae&utm_medium=docs&utm_campaign=text).

## How to Activate the Header Meta Content Widget?

Go to 

- **The Plus Addons **→** Widgets **

- **Search **the widget name** **and** turn on the toggle.**

![](https://theplusaddons.com/wp-content/uploads/2023/10/header-meta-content.png)

## Key Features

- **Search Bar ** - You can easily [add a search in the header](https://theplusaddons.com/docs/add-search-icon-to-elementor-navigation-header-menu/).

- **Mini Cart** -  You can easily [add a WooCommerce mini cart in the header](https://theplusaddons.com/docs/add-woocommerce-mini-cart-in-elementor-navigation-header-menu/).

- **Extra Toggle** **Bar **(Pro) - You can easily [add an extra toggle menu button in the header](https://theplusaddons.com/docs/add-elementor-menu-toggle-button-in-header/).

- **Language Switcher** (Pro) - You can easily [add a language switcher using WPML](https://theplusaddons.com/docs/add-elementor-language-switcher-with-wpml-in-header/) or [Translatepress](https://theplusaddons.com/docs//add-elementor-language-switcher-with-translatepress-in-header/).

- **Music** (Pro) - You can easily [add a music button in the header](https://theplusaddons.com/docs//add-a-music-player-bar-in-elementor-navigation-header-menu/) to play music.

- **Call to Action** (Pro) - You can easily add multiple call to action buttons in the header. 

## How to Use the Header Meta Content Widget in Elementor?

To use the Header Meta Content widget, add the widget to the header template.

To create the header template, you can use the free [Nexter Builder](https://nexterwp.com/docs/nexter-theme-builder-explained/), or you can use Elementor Pro if you are already using it.

In the **Meta Content** tab, you’ll find an item to click to open. In the **Select Options** dropdown, you’ll find seven options - 

- **Search Bar ** - To [add a search bar in the header](https://theplusaddons.com/docs/add-search-icon-to-elementor-navigation-header-menu/).

- **Mini Cart** -  To [add a WooCommerce mini cart in the header](https://theplusaddons.com/docs/add-woocommerce-mini-cart-in-elementor-navigation-header-menu/).

- **Extra Toggle** **Bar** - To [add a menu toggle button in the header](https://theplusaddons.com/docs/add-elementor-menu-toggle-button-in-header/).

- **Language Switcher** - To [add a language switcher using WPML](https://theplusaddons.com/docs//add-elementor-language-switcher-with-wpml-in-header/) or [Translatepress](https://theplusaddons.com/docs//add-elementor-language-switcher-with-translatepress-in-header/).

- **Music**  - To [add a music button in the header](https://theplusaddons.com/docs//add-a-music-player-bar-in-elementor-navigation-header-menu/).

- **Call to Action 1** - To [add a call to action button in the header](https://theplusaddons.com/docs/add-a-call-to-action-button-to-navigation-header-menu/).

- **Call to Action 2** - To add a second call to action button in the header.

Select the appropriate option.

Then, from the **Icon Left Space** and **Icon Right Space** sections, you can adjust the icon spacing from left and right, respectively.

From the **Responsive Device** section, you can manage the visibility of the item for different devices.

> *Note: To make the selected option visible in the front end, you’ll have to enable the display toggle from the corresponding tab below. For instance, if you select ****Search Bar****, then you have to enable the display toggle from the ****Search Options**** tab.*

You can click on the **+Add Item** button to add multiple items.

From the **Extra Options** tab, you can align the items and manage icon padding.

## How to Style the Header Meta Content Widget? 

Under the Style tab, you’ll find all the styling options of the Header Meta Content widget.

**Search Bar Style** - You’ll see this option only when you enable the display toggle in the **Search Options** tab. From here, you can manage the style of the search bar.

![header meta content style](https://theplusaddons.com/wp-content/uploads/2023/10/header-meta-content-style.png)

**Cart Icon Style** - You’ll see this option only when you enable the display toggle in the **Mini Cart** tab. From here, you can manage the style of the mini cart icon and the mini cart container background.

**Mini Cart Style** - You’ll see this option only when you enable the display toggle in the **Mini Cart** tab. From here, you can manage the mini cart content style.

**Extra Toggle Bar** - You’ll see this option only when you enable the display toggle in the **Extra Toggle Bar** tab. From here, you can manage the style of the extra toggle bar.

**WPML Language Switcher** - You’ll see this option only when you enable the display toggle in the **Language Switcher** tab and select **WPML**. From here, you can manage the style of the WPML language switcher.

**Translatepress Language Switcher** - You’ll see this option only when you enable the display toggle in the **Language Switcher** tab and select **Translatepress**. From here, you can manage the style of the Translatepress language switcher.

**Music Bar Style** - You’ll see this option only when you enable the display toggle in the **Music Options** tab. From here, you can manage the style of the music options.

**Call To Action 1** - You’ll see this option only when you enable the display toggle in the Call To Action 1 tab. From here, you can manage the style of the call to action 1 button.

**Call To Action 2** - You’ll see this option only when you enable the display toggle in the Call To Action 2 tab. From here, you can manage the style of the call to action 2 button.

**Extra Option** - By enabling the Sticky Options toggle, you can manage the normal and hover color of different meta content in the sticky header. To use this feature, you have to add this widget and the Navigation Menu widget in the same container and use its sticky menu option.

**On Scroll View Animation** -  This is our global extension available for all our widgets, which adds scrolling animation as the widget comes into the viewport.

[Learn more about On Scroll View Animation](https://theplusaddons.com/docs//on-scroll-view-animation/)

Advanced options remain common for all our widgets; you can explore all their options from here.

[View Advanced tab tutorial.](https://docs.posimyth.com/tpae/advanced-tab/)

Suggested reading: [How to Use Elementor Header Templates [Easy Guide]](https://theplusaddons.com/blog/how-to-use-elementor-header-templates/)