Looking to add a load more button to any section in Elementor? When creating a website, it is important to ensure the user experience is as smooth as possible, and Elementor provides the flexibility needed to build layouts that adapt to user interaction.
One of the best ways to improve user experience is by showing essential content in expandable sections with a load more or read more button. This way, users get the most important information first with the option to expand for more if they want.
With the Unfold widget from The Plus Addons for Elementor, you can add a load more button to any section and turn it into an expandable section.
To check the complete feature overview documentation of The Plus Addons for Elementor Unfold widget, click here.
Best Used For:
- Long product description pages that need to hide secondary details behind a read more button
- FAQ and support pages where answers are collapsed by default to reduce scroll depth
- WooCommerce product pages that show additional specifications only when the visitor requests them
Requirement – This widget is a part of The Plus Addons for Elementor. Make sure it is installed and activated.
To do this, create your section or layout first. You have three options: Elementor template, Inner section widget, or Container widget (Flexbox).
For each method, follow the links below.
How to use Elementor Templates in the Unfold widget.
How to Toggle an Elementor inner section.
How to make a collapsible Elementor Flexbox container.
For a text-only read more toggle that expands inline paragraph content, see How to add Read More Toggle Button to Text in Elementor.
Using the process mentioned above, you can turn any section into an expandable section with a load or read more button, allowing users to expand the content. If you want expandable sections with a heading-and-content structure instead, see How to Create an Image Accordion in Elementor.
Also, check How to use Elementor Templates in the Unfold widget.
