---
title: "How to Add Read More Toggle Button to Text in WordPress?"
url: https://nexterwp.com/docs/add-read-more-toggle-button-to-text-in-wordpress/
date: 2023-07-15
modified: 2026-08-18
author: "Aditya Sharma"
description: "When creating content for your WordPress site, you do not always want to overwhelm readers with lengthy text. Breaking your content into collapsed sections keeps the page organized and gives..."
image: https://nexterwp.com/wp-content/uploads/2024/05/add-read-more-toggle-button-to-text-in-wordpress-1024x519.jpg
word_count: 333
---

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

## Key Takeaways

- Nexter Blocks Expand block adds a read more toggle button to expandable text in the WordPress block editor without shortcodes or custom code.
- Expand block supports blog posts, knowledge base articles, FAQ pages, and product or landing pages with long explanations, collapsed answers, or detailed specifications.
- Expand block lets the user place the toggle button above or below the collapsed text and adjust the initial container height for different screen sizes.

When creating content for your WordPress site, you do not always want to overwhelm readers with lengthy text. Breaking your content into collapsed sections keeps the page organized and gives visitors control over what they expand. Adding a read more toggle button to your WordPress text achieves this without shortcodes or custom code.

The Expand block in Nexter Blocks lets you add a read more toggle button to expandable text in the WordPress block editor.

**Best Used For:**

- Blog posts and knowledge base articles with long explanations that benefit from progressive disclosure- FAQ pages where you want to show question headings with answers collapsed by default- Product or landing pages where you include detailed specifications or terms that most visitors will skip

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

**Requirement:** This block is part of Nexter Blocks. Make sure Nexter Blocks is installed and activated.

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

Add the Expand block to the page. To add a title above the expandable section, enter text in the **Title** field.

From the **Content Source** section, select **Text**.

In the **Content** section, enter your text in the editor. This is the text that will be hidden until the visitor clicks the toggle button.

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

In the **Content** tab, set the button placement by choosing whether the toggle button appears above or below the collapsed text. For a collapsible table of contents on the same page, see [How to Create a Collapsible Table of Contents in WordPress](https://nexterwp.com/docs/create-a-collapsible-table-of-contents-in-wordpress/).

In the **Extra Options** tab, adjust the initial container height for different screen sizes. Use this when you want the collapsed section to show a preview of the text before the visitor clicks to expand it.

> *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.*

To add a load more button to a post listing instead, see [How to Add Load More Button in WordPress](https://nexterwp.com/docs/add-load-more-button-in-wordpress/).