How to add Read More Toggle Button to Text in Elementor?

Table Of Content

Are you looking to add a read more toggle button to text in Elementor to make better use of your space on a page? Having an effective and efficient website is key to making sure that users have a positive experience. One of the components that can help with this is the use of read more toggle buttons to help break up blocks of text. Using these types of buttons can help make a website more user friendly, and can help make the design more visually appealing.

The Unfold widget from The Plus Addons for Elementor allows you to easily add a read more button to text content and help you control the amount of text that is visible to the users initially.

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, make sure it’s installed & activated to enjoy all its powers.

For this, add the Unfold widget on the page. If you want to add a title, you can add it in the Title field.

Then from the Select Source dropdown, choose Custom Content.

In the Content section, add your text content in the editor.

Unfold custom content

After adjusting the button settings, go to the Content Options tab. 

From here, you can choose the button placement and the initial container height for responsive devices. You can play with the other settings here to customise it further. 

Unfold button placement container height

This is how you can add a read more button to a text block in Elementor.

Unfold text content demo

So this is how simple it is to add a read more toggle button to text in Elementor using the Unfold widget.

Also, read How to make a collapsible Elementor Flexbox container.

Get Free 25+ Secrets to Make Elementor Website Faster [Guaranteed Results]

    Subscribe to our YouTube Channel for Elementor Tutorials
    New Video Every Week!
    X