Skip to content

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

Updated onSeptember 14, 2026By
Table Of Content

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.

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

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

  1. Add the Hover Card widget and click + Add Item in Content > Hover Card.
  2. 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.
  3. On the Close tab, leave Close Tag on Default.
  4. Set Content to HTML and write the content in the HTML Content editor.
Html content editor of a hover card row with a heading, a paragraph with a link and a two-item list
  1. Style the wrapper under Style and Background Style, for example Display Block, a width and a white background, then publish.
Shipping notice built with html content: a heading, a paragraph with a link and a list

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

Join the Elementor Facebook community

Related Frequently Asked Questions

Related Docs

How to Create an Accordion with Repeater Field Data in Elementor?
How to Add Text Animation in the Text Block Widget?
How to Add Image Animation in the Creative Image Widget?
How to Add Image Animation in Elementor Image Cascading Widget?
How to Add Text Animation in the Heading Title Widget?
How to Show Posts from RSS Feed in Elementor?
How to Show WordPress Database Entries in an Elementor Table?
How to Show the Form Submission Entries in an Elementor Table?
How to Create an Elementor Chart using CSV Data?
How to Create an Elementor Chart by Importing Data From Google Sheets?
How to Add a Blend Cursor in Elementor?
How to Add a Progress Cursor in Elementor?
How to Add a Follow Circle Cursor in Elementor?
How to Add a Follow Text Cursor in Elementor?
How to Add a Follow Image Cursor in Elementor?
How to Change the Mouse Cursor for a Widget in Elementor?
How to Change the Mouse Cursor for a Container in Elementor?
How to Add a Custom Cursor in Elementor?
How to Copy a Title URL from the Elementor Table of Contents?
How to Restrict a Content Area in an Elementor Table of Contents?