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

Updated onApril 11, 2026By

Key Takeaways

  • The Plus Addons for Elementor Hover Card widget allows users to add HTML content using the WYSIWYG editor.
  • Users can customize the Hover Card widget by selecting tags in both the Open and Close tabs.
  • The Hover Card widget requires installation and activation of The Plus Addons for Elementor to function.
Table Of Content

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.

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

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

Also, read How to Use the Image Content With the Hover Card in Elementor.

About the Author

Photo of Aditya Sharma CMO of The Plus Addons for Elementor
CMO · The Plus Addons for Elementor · 10 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordPressElementorn8nAIClaudeAutomationServer
LinkedIn X GitHub YouTube Website
Get Instant Answers to all your questions about The Plus Addons for Elementor, trained on 1000+ Docs and Videos

Related Frequently Asked Questions

What should I do if the HTML content isn't displaying in the Hover Card?

If the HTML content isn't showing up, check the Open Tag setting. If it's set to 'None', the content may not render correctly. Ensure you've selected an appropriate tag in the Open tab. The Plus Addons for Elementor allows customization through the WYSIWYG editor, so double-check your HTML content for any errors that could prevent it from displaying.

What is the best practice for setting the Open Tag in the Hover Card?

For optimal results, choose an appropriate Open Tag that suits your layout needs. If you want to keep your content clean without additional wrapping, setting the Open Tag to 'None' is a good option. This decision can impact how your content is structured and displayed, so consider your design goals carefully.

Can I use the Hover Card widget with other page builders besides Elementor?

No, the Hover Card widget is specifically designed to work with Elementor and is part of The Plus Addons for Elementor. It does not support other page builders like Gutenberg, Beaver Builder, or Divi. Ensure you are using Elementor to take advantage of this widget's features.

Last reviewed: April 11, 2026

Related Docs