---
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-09-14
lang: en
author: "Aditya Sharma"
description: "HTML rows add a whole block of formatted content, such as a heading, a paragraph with a link and a list, in one step. With the HTML content type of..."
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: 397
---
# 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.
HTML rows add a whole block of formatted content, such as a heading, a paragraph with a link and a list, in one step.
With the **HTML** content type of the **Hover Card** widget in The Plus Addons for Elementor, you write that content in a visual editor instead of building it row by row.
*To check the complete feature overview documentation of The Plus Addons for Elementor Hover Card widget, [click here](https://theplusaddons.com/docs/hover-card-elementor-widget-settings-overview/).*
***Requirement - This widget is a part of The Plus Addons for Elementor, make sure it’s installed & activated to enjoy all its powers.***
[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/hover-card/?utm_source=tpae&utm_medium=docs&utm_campaign=text)
## Before You Start
- **Edition:** **Free** — Hover Card is part of the free The Plus Addons for Elementor plugin. It works the same with the Pro plugin installed.- **Widget to enable:** Hover Card, switched on under **The Plus Addons > Widgets**.- **Deprecated:** the editor shows “The Hover Card widget has been deprecated since The Plus Addons for Elementor 6.5.0. Note that Hover Card will be completely removed once The Plus Addons for Elementor 6.6.0 is released.” No replacement widget is named, so avoid it for new pages.
## How to Add HTML Content
- Add the **Hover Card** widget and click **+ Add Item** in **Content > Hover Card**.- On the **Open** tab, choose a wrapper in **Open Tag**, for example **Div**, or None for no wrapper. Add a class in **Enter Class** if you need one.- On the **Close** tab, leave **Close Tag** on **Default**.- Set **Content** to **HTML** and write the content in the **HTML Content** editor.
- Style the wrapper under **Style** and **Background Style**, for example **Display** Block, a width and a white background, then publish.
## How It Behaves
- Headings, paragraphs, links (including open in new window), lists, images, buttons and inline styles are kept.- Iframes and event attributes such as onclick are removed, so embeds and inline JavaScript do not work here.- The Style settings of the row style the wrapper tag, not the elements inside the HTML.
## Limitations
- With **Open Tag** None the content has no wrapper, so the Style and Background Style settings are not available.- The widget is deprecated and will be removed once The Plus Addons for Elementor 6.6.0 is released.
## Troubleshooting
### My embedded video or map disappears
Iframes are removed from HTML Content, so embeds cannot be added here.
## Related Docs
- [Hover Card widget settings overview](https://theplusaddons.com/docs/hover-card-elementor-widget-settings-overview/)- [Use Text content with the Hover Card](https://theplusaddons.com/docs/use-text-content-with-hover-card-in-elementor/)- [Use Image content with the Hover Card](https://theplusaddons.com/docs/use-image-content-with-hover-card-in-elementor/)