Skip to content

How to Add Load More Button in WordPress?

Key Takeaways

  • Expand block in Nexter Blocks Pro collapses whole sections, including images, tables, and lists of specifications, behind a button after content is built in the Editor source.
  • Max Height must be smaller than the content, and the labels can be renamed in Text to Load More and Show Less.
  • Expand block keeps blocks editable in place, but it is not pagination or infinite scroll because it reveals content already on the page and does not fetch posts.
Table of Contents

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.

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.
An Editor-sourced Expand block collapsed to its Max Height
The same block after Load More is clicked

Steps

  1. Add the Expand block to your page and click Design from Scratch.
  1. Type a Title if you want one above the box.
  1. Set Content Source to Editor.
The Content Source setting
  1. Click inside the Expand block and add whatever blocks you want hidden — paragraphs, images, tables, anything.
  1. Rename the labels in Text, for example Load More and Show Less.
The expand and collapse label fields
  1. In Extra Options, set Max Height — how tall the box is before anyone clicks. Make it shorter than your content.
The Max Height setting
  1. Set the Text for the open and closed labels.
The expand and collapse label fields
  1. 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

Share your Thoughts

Still in Doubt? Let’s Assist You

Have Feedback or Questions?

Join our WordPress Community on Facebook!