---
title: "How to Add Read More Toggle Button to Text in WordPress?"
url: https://qa.nexterwp.com/docs/add-read-more-toggle-button-to-text-in-wordpress/
date: 2023-07-15
modified: 2026-04-14
author: "Aditya Sharma"
description: "When you're creating content for your WordPress site, you don't always want to overwhelm readers with lengthy text. Breaking up your content into easily digestible chunks is a great way..."
image: https://qa.nexterwp.com/wp-content/uploads/2024/05/add-read-more-toggle-button-to-text-in-wordpress-1024x519.jpg
word_count: 236
---

# How to Add Read More Toggle Button to Text in WordPress?

## Key Takeaways

- Utilizes the Expand block from Nexter Blocks to create a read more toggle button in WordPress.
- Allows customization of button placement and initial container height for responsive design in the Content tab.
- Recommends using the Text option for simple expandable text containers over Editor or Pattern options.

When you're creating content for your WordPress site, you don't always want to overwhelm readers with lengthy text. Breaking up your content into easily digestible chunks is a great way to keep your content organized and engaging. Adding a read more toggle button to your WordPress text is a great way to do this.

With the Expand block from the Nexter Blocks, you can easily add a read more button in expandable text.

*To check the complete feature overview documentation of the Nexter Blocks* Expand block, [click here](/docs/expand-block-settings-overview/).

***Requirement  - This block is a part of the Nexter Blocks*, make sure its installed & activated to enjoy all its powers.**

[LIVE BLOCK LINK](https://qa.nexterwp.com/nexter-blocks/blocks/wordpress-unfold-read-more-button/)

For this, add the Expand block on the page. If you want to add a title, you can add it in the **Title** field.

Then from the **Content Source** section, choose **Text**.

In the **Content** section, add your text in the editor.

![](https://qa.nexterwp.com/wp-content/uploads/2023/07/expand-add-text.png)

Go to the **Content** tab, you can choose the button placement(direction) either above or below. 

Then from the **Extra Options** tab, you can adjust the initial container height for responsive devices. You can play with the other settings here to customize it further.

> *Note: You can use the Editor or Pattern options to create expandable text containers as well but for simple text it is recommended to use the Text option.*

Also, read [How to Add Load More Button in WordPress](https://qa.nexterwp.com/docs/add-load-more-button-in-wordpress/).