---
title: "How to Use the HTML Content With the Hover Card in Elementor?"
url: https://theplusaddons.com/docs/use-html-content-with-hover-card-in-elementor/
date: 2023-07-04
modified: 2026-04-11
lang: en
author: "Aditya Sharma"
description: "With the Hover Card widget from The Plus Addons for Elementor, you can easily add HTML content to your layout. Using the WYSIWYG editor, you can customise the content to..."
image: https://theplusaddons.com/wp-content/uploads/2023/07/How-to-Use-the-HTML-Content-With-the-Hover-Card-in-Elementor_-1024x536.jpg
word_count: 198
---

# How to Use the HTML Content With the Hover Card in Elementor?

## 

- Utilizes the Hover Card widget from The Plus Addons for Elementor to integrate HTML content into layouts.
- Employs the WYSIWYG editor to customize content, allowing for text, images, and links.
- Requires installation and activation of The Plus Addons for Elementor to access the Hover Card widget features.

With the Hover Card widget from The Plus Addons for Elementor, you can easily add HTML content to your layout. Using the WYSIWYG editor, you can customise the content to match your needs.

*To check the complete feature overview documentation of The Plus Addons for Elementor Hover Card widget, [click here](/docs/hover-card-elementor-widget-settings-overview/).*

***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.***

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

To use HTML content in the Hover Card widget, add the widget on the page and click the **+ADD ITEM** button to add an item.

Select the appropriate tag in the **Open** tab.

> *Note: If you don’t want to wrap the content inside another tag you can set the ****Open Tag**** to ****None****.*

If you want, you can add a class name in the **Enter Class** field.

Then select the appropriate tag in the **Close **tab. 

From the **Content** dropdown, select **HTML**, then, in the **HTML Content** field, you can add different types of content, such as text, image, link etc. together using the WYSIWYG editor.

![hover card html content type](https://theplusaddons.com/wp-content/uploads/2023/07/hover-card-html-content-type.png)

Also, read [How to Use the Image Content With the Hover Card in Elementor](https://theplusaddons.com/docs//use-image-content-with-hover-card-in-elementor/).