---
title: "How to add Load More Button to any section in Elementor?"
url: https://theplusaddons.com/docs/add-load-more-button-to-any-section-in-elementor/
date: 2023-03-06
modified: 2026-09-14
lang: en
author: "Aditya Sharma"
description: "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,..."
image: https://theplusaddons.com/wp-content/uploads/2023/03/How-to-add-Load-More-Button-to-any-section-in-Elementor_-1024x536.jpg
word_count: 407
---

# How to add Load More Button to any section in Elementor?

## 

- The Plus Addons for Elementor Unfold widget adds a Load More button to text, a saved template, a container, or an inner section, and the method is chosen in Content > Unfold > Select Source.
- Unfold is a Pro widget in The Plus Addons for Elementor Pro, and in the free plugin it appears in the Elements panel with a lock icon while a page that already holds it shows nothing of it when Pro is inactive.
- Max Height controls what visitors see first, with separate tablet and mobile values at 1024 px and 767 px down; the button appears only when content is taller than Max Height and switches between Expand Button Text and Collapse Button Text.

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](https://theplusaddons.com/docs/unfold-elementor-widget-settings-overview/).*

***Requirement - This widget is a part of The Plus Addons for Elementor Pro, make sure it's installed & activated to enjoy all its powers.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/unfold/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

## 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](https://theplusaddons.com/docs/add-read-more-toggle-button-to-text-in-elementor/) |
| A saved Elementor template | Template | [Templates in the Unfold widget](https://theplusaddons.com/docs/elementor-templates-in-unfold-widget/) |
| A container next to the widget's container | Container Based | [Collapsible container](https://theplusaddons.com/docs/collapsible-elementor-flexbox-container/) |
| An Inner Section in a classic section | Inner Section Based | [Toggle an inner section](https://theplusaddons.com/docs/toggle-an-elementor-inner-section/) |

![The Select Source dropdown in the Content tab of the Unfold widget](https://theplusaddons.com/wp-content/uploads/2026/09/unfold-source.webp)

## 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:

![Animated demo of a page section opening when its load more button is clicked](https://theplusaddons.com/wp-content/uploads/2023/03/unfold-load-more-button-demo.gif)

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

## Related Docs

- [Unfold widget settings overview](https://theplusaddons.com/docs/unfold-elementor-widget-settings-overview/)- [Make a collapsible Elementor container](https://theplusaddons.com/docs/collapsible-elementor-flexbox-container/)- [Use Elementor templates in the Unfold widget](https://theplusaddons.com/docs/elementor-templates-in-unfold-widget/)- [Accordion widget settings overview](https://theplusaddons.com/docs/elementor-accordion-widget-settings-overview/)

## Frequently Asked Questions

**Q: Why is my Load More button not showing in Elementor?**
A: The usual blocker is that the Unfold widget is a Pro widget in The Plus Addons for Elementor, so it needs Pro installed and activated. In the free plugin it shows with a lock icon, and an existing Unfold widget can disappear from the page while Pro is inactive. Also, the button only appears when the content is taller than Max Height, so short content will not trigger it.

**Q: Can I use a Load More button on text, a template, a container, or an inner section?**
A: The Unfold widget from The Plus Addons for Elementor supports all four. It can turn text you type into a Load More area, load a saved Elementor template, collapse a container, or toggle an inner section in a classic section. That matters because the method should match how your content is built, not force you into one layout style.

**Q: What is the best way to choose between Custom Content, Template, Container Based, and Inner Section Based?**
A: Pick the source that matches the structure you already have in Elementor. Custom Content fits text typed into the widget, Template fits a saved Elementor template, Container Based fits a container next to the widget's container, and Inner Section Based fits an inner section in a classic section. The key decision is whether your content lives as text, a template, a container, or an inner section.

**Q: How do I make the button say Load More instead of Read More?**
A: The label comes from the Unfold widget’s button text fields. In Content > Unfold, set Expand Button Text to Load More and Collapse Button Text to something like Show Less. That gives visitors a clear open and close state instead of one generic label. The page also notes that publishing and testing matters because you want to confirm the toggle behaves as expected on the live page.

**Q: How does Max Height affect a Load More section on desktop, tablet, and mobile?**
A: Max Height controls how much of the section is visible before expansion. The page says tablet values apply from 1024 px wide down and mobile values apply from 767 px down, so responsive behavior can change by device. That matters because a height that works on desktop may hide too much or too little on smaller screens.

**Q: What are the main limitations of using Unfold as a Load More button?**
A: Two limits stand out. First, the default button icons do not show on the page, so you need to choose your own icons and set their size in Style > Toggle Button > Toggle Icon Options. Second, content shorter than Max Height gets no button at all, but it still takes the full Max Height: text stays faded and a container stretches to that height.