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

Key Takeaways

  • Nexter Blocks includes the Expand block, which allows users to add a read more button in expandable text.
  • Users can customize the initial container height for responsive devices using the Extra Options tab in the Expand block.
  • The Content Source section in the Expand block lets users choose Text for adding their content.
Table of Contents

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.

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

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.

expand add

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.

About the Author

Photo of Aditya Sharma CMO of NexterWP
CMO at POSIMYTH Innovations · NexterWP · 7 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.

WordpressThemesElementorn8nAIClaudeAutomationServer

Share your Thoughts

Get Instant Answers to all your questions about Nexter Blocks,
Extensions & Theme trained on 1000+ Docs and Videos

Still in Doubt? Let’s Assist You

Have Feedback or Questions?

Join our WordPress Community on Facebook!

Related Frequently Asked Questions

What should I do if the Expand block isn't showing up in WordPress?

If the Expand block isn't visible, ensure that Nexter Blocks is installed and activated. This block is part of the Nexter Blocks suite, and without it, you won't have access to the read more toggle functionality. Check your plugins list in the WordPress admin to confirm its status.

Can I use the Expand block for images or other media?

The Expand block is primarily designed for text content. While you can use the Editor or Pattern options to create expandable containers, for simple text, it's recommended to stick with the Text option. This ensures optimal performance and user experience when adding a read more toggle.

What are the best practices for setting the initial container height for responsive devices?

When adjusting the initial container height in the Extra Options tab, consider the amount of text you have. A height that is too short may not display enough content, while one that is too tall could defeat the purpose of the toggle. Test different heights to find a balance that keeps your content engaging without overwhelming the reader.

Does the Expand block work with other page builders besides Gutenberg?

The Expand block is built exclusively for Gutenberg, which means it may not function properly with other page builders. While NexterWP also supports Elementor and Bricks, the full capabilities of the Expand block are realized within the Gutenberg environment.

Last reviewed: April 14, 2026

Related Docs