---
title: "How to Add Load More Button in WordPress?"
url: https://nexterwp.com/docs/add-load-more-button-in-wordpress/
date: 2023-07-15
modified: 2026-09-15
lang: en
author: "Aditya Sharma"
description: "Sometimes what you want to fold away is not a paragraph but a whole section — images, a table, a list of specifications. The Editor source lets you build normally..."
image: https://nexterwp.com/wp-content/uploads/2024/05/add-load-more-button-in-wordpress-1024x519.jpg
word_count: 453
---

# How to Add Load More Button in WordPress?

## Key Takeaways

- Nexter Blocks Expand block turns any WordPress block into an expandable container with a load more button.
- Expand block requires Nexter Blocks to be installed and activated before use.
- Expand block settings let users add a title, choose Editor as the Content Source, and adjust button placement and initial container height from the Content tab and Extra Options tab.

Sometimes what you want to fold away is not a paragraph but a whole section — images, a table, a list of specifications.

The Editor source lets you build normally inside the Expand block, then collapse the lot behind a button.

*For every Expand setting in one place, see the [Expand block guide](https://nexterwp.com/docs/add-expand-in-wordpress/).*

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

## Before You Start

- **Edition:** **Pro** — the Expand block is part of Nexter Blocks Pro.- **Block to enable:** Expand, switched on under **Nexter > Blocks** in your WordPress dashboard.- **Nothing extra** — you build the content inside the block as you would anywhere else.

## Steps

- Add the **Expand** block to your page and click **Design from Scratch**.

- Type a **Title** if you want one above the box.

- Set **Content Source** to **Editor**.

![The Content Source setting](https://nexterwp.com/wp-content/uploads/2026/09/expand-source.webp)

- Click inside the Expand block and add whatever blocks you want hidden — paragraphs, images, tables, anything.

- Rename the labels in **Text**, for example *Load More* and *Show Less*.

![The expand and collapse label fields](https://nexterwp.com/wp-content/uploads/2026/09/expand-labels.webp)

- In **Extra Options**, set **Max Height** — how tall the box is before anyone clicks. Make it shorter than your content.

![The Max Height setting](https://nexterwp.com/wp-content/uploads/2026/09/expand-maxheight.webp)

- Set the **Text** for the open and closed labels.

![The expand and collapse label fields](https://nexterwp.com/wp-content/uploads/2026/09/expand-labels.webp)

- Publish and click the toggle.

> ***Max Height has to be smaller than your content.** If the content already fits, there is nothing to collapse and the toggle does nothing useful — measured with a short paragraph in a 100 pixel box, where expanding actually made the box smaller.*

## How It Behaves

- **Real blocks, really collapsed.** Measured with two long paragraphs inside: the box went from 100 pixels closed to 665 open, and back again.- Anything you can put on a page can go inside, because it is the ordinary block editor.- The blocks stay editable in place — there is no separate screen to go to.- **Expand Direction** and **Toggle Alignment** decide whether the button sits above or below the content, and where across the width.

## Limitations

- **Pro only.**- **It is not pagination.** Everything is on the page from the start; the button reveals it rather than fetching more.- A very tall hidden section still costs the visitor the full page weight up front.- Hidden content is still in the page's HTML. This is a presentation choice, not a way to keep anything private or to make the page lighter.

## Troubleshooting

### The button does nothing

The blocks inside are shorter than **Max Height**. Lower the Max Height so there is something to reveal.

### I cannot add blocks inside

**Content Source** is not set to **Editor**. The other sources use their own field or a pattern.

### I wanted it to load posts as the visitor scrolls

This block reveals content already on the page. It does not fetch anything.

## Related Docs

- [Use a pattern in the Expand block](https://nexterwp.com/docs/use-reusable-block-in-expand-block/)- [Read more toggle for text](https://nexterwp.com/docs/add-read-more-toggle-button-to-text-in-wordpress/)- [Expand block: all settings](https://nexterwp.com/docs/add-expand-in-wordpress/)