A Load More button keeps a long section short until a visitor asks for the rest.
The Unfold widget from The Plus Addons for Elementor adds that button to text, a saved template, a container or an inner section. Pick the method that matches how your content is built.
To check the complete feature overview documentation of The Plus Addons for Elementor Unfold widget, click here.
Requirement – This widget is a part of The Plus Addons for Elementor Pro, make sure it’s installed & activated to enjoy all its powers.
Before You Start
- Edition: Pro — Unfold is a Pro widget. In the free plugin it appears in the Elements panel with a lock icon, and a page that already holds an Unfold widget shows nothing of it while Pro is inactive.
- Widget to enable: Unfold, switched on under The Plus Addons > Widgets.
Choose Your Method
The method is set in Content > Unfold > Select Source.
| Your content | Select Source | Step-by-step guide |
|---|---|---|
| Text you type in the widget | Custom Content | Read More toggle for text |
| A saved Elementor template | Template | Templates in the Unfold widget |
| A container next to the widget’s container | Container Based | Collapsible container |
| An Inner Section in a classic section | Inner Section Based | Toggle an inner section |
Turn the Button into a Load More Button
- Follow the guide for your method above.
- In Content > Unfold, type Load More in Expand Button Text and, for example, Show Less in Collapse Button Text.
- In Content Options, set Max Height to the part visitors should see first.
- Publish the page and click the button to test it.
Here is a section opening with a Load More button:
How It Behaves
- The content is cut to Max Height, and the button shows the Expand Button Text. A click opens the full content and switches to the Collapse Button Text; another click closes it again.
- Max Height can differ per device: the tablet value applies from 1024 px wide down, the mobile value from 767 px down.
- The button only appears when the content is taller than Max Height.
Limitations
- The default button icons do not show on the page. Choose your own icons and set their size in Style > Toggle Button > Toggle Icon Options.
- Content shorter than Max Height gets no button, but it still takes the full Max Height: text stays faded, and a container is stretched to that height.
