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

## Key Takeaways

- Header Meta Content widget from The Plus Addons for Elementor allows adding multiple types of meta content in the header.
- The widget includes features like a search bar, mini cart, and call to action buttons, with some features available only in the PRO version.
- Users can manage visibility for different devices using the Responsive Device section in the Header Meta Content widget settings.
- To style the Header Meta Content widget, users can access specific styling options under the Style tab for each enabled feature.

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/)

## Frequently Asked Questions

**Q: What are the key features of the Header Meta Content widget?**
A: The Header Meta Content widget includes several key features such as a search bar, WooCommerce mini cart, extra toggle bar, language switcher, music button, and multiple call to action buttons. These features enhance user experience by providing quick access to important functions directly in the header, making it particularly useful for large or e-commerce websites.

**Q: How do I activate the Header Meta Content widget?**
A: To activate the Header Meta Content widget, navigate to The Plus Addons u2192 Widgets in your WordPress dashboard. Search for the widget name and toggle it on. Ensure you have both the Elementor FREE Plugin and The Plus Addons for Elementor installed and activated for proper functionality.

**Q: What common mistakes do users make when setting up the Header Meta Content widget?**
A: A common mistake is forgetting to enable the display toggle for the selected options in the Header Meta Content widget. For instance, if you choose to add a search bar, you must enable the display toggle in the Search Options tab for it to appear on the front end. Always check these settings to ensure your desired features are visible.

**Q: What styling options are available for the Header Meta Content widget?**
A: The Header Meta Content widget offers various styling options under the Style tab. You can customize the appearance of the search bar, mini cart, extra toggle bar, language switcher, and call to action buttons. Each option becomes available only when its corresponding display toggle is enabled, allowing for tailored styling based on your design needs.

**Q: Does the Header Meta Content widget work with Elementor Pro?**
A: The Header Meta Content widget can be used with Elementor Pro, as well as the free version of Elementor. However, to unlock additional features such as the extra toggle bar and language switcher, you will need the PRO version of The Plus Addons for Elementor. This flexibility allows users to choose their preferred setup.