---
title: "How to Use the HTML Content With the Hover Card in WordPress?"
url: https://qa.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://qa.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

- Utilizes the Hover Card block from Nexter Blocks to incorporate HTML content into WordPress layouts.
- Requires installation and activation of Nexter Blocks to access the Hover Card block features.
- Allows users to customize content by selecting tags and adding HTML code in the Content section.

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://qa.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://qa.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.

![](https://qa.nexterwp.com/wp-content/uploads/2024/12/hover-card-content-html-type-new.png)