---
title: "How to Use the HTML Content With the Hover Card in WordPress?"
url: https://nexterwp.com/docs/use-the-html-content-with-the-hover-card-in-wordpress/
date: 2024-12-16
modified: 2026-04-14
author: "Aditya Sharma"
description: "With the Hover Card block from Nexter Blocks, you can easily add HTML content to your layout. With the HTML content, you can add long text to your layout. To..."
image: https://nexterwp.com/wp-content/uploads/2024/12/use-the-html-content-with-the-hover-card-in-wordpress-1-1024x519.jpg
word_count: 170
---
# How to Use the HTML Content With the Hover Card in WordPress?
## Key Takeaways
- Nexter Blocks Hover Card adds HTML content to a layout, and the HTML content supports long text.
- Nexter Blocks requires installation and activation before the Hover Card block works.
- Hover Card uses a repeater item workflow with Open tab, Close tab, and Content section set to HTML, and the Open Tag can be set to None.
With the Hover Card block from Nexter Blocks, you can easily add HTML content to your layout. With the HTML content, you can add long text to your layout.
*To check the complete feature overview documentation of the Nexter Blocks Hover Card block,* *[click here](https://nexterwp.com/docs/create-hover-card-animation-in-wordpress/).*
***Requirement - This block is a part of the Nexter Blocks, make sure it's installed & activated to enjoy all its powers.***
[LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/hover-card-animations-wordpress/)
To use Image content in the Hover Card block, add the block on the page and follow the steps -
1. Open a repeater item and 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.
2. Then select the appropriate tag in the **Close **tab.
3. Then, from the **Content** section, select **HTML**.
4. After that, in the **HTML Code **field, you have to add your content.
