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

Updated onApril 12, 2026By

Key Takeaways

  • The Unfold widget from The Plus Addons for Elementor allows users to add a read more button to text content.
  • The Plus Addons Pro version unlocks features like custom toggle position and dynamic labels for the Unfold widget.
  • Users can control collapse/expand transitions with fade and slide animations using the Unfold widget.
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.

LIVE WIDGET LINK

Add a Read More Button to Text

This feature is available in The Plus Addons Pro version only — unlock it today to explore the full capabilities of the Unfold widget.

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.

Unlock These Pro Unfold Enhancements

If you’re impressed with the Unfold widget for “Read More” toggles, upgrading to Plus Addons Pro gives you these powerful extras:

Custom Toggle Position

Place the toggle button above, below, or even inline with your content block.

Dynamic Labels & Icon Support

Use custom text for “Read More” and “Read Less,” and add any icon or Lottie animation to the toggle.

Fade & Slide Animations

Control collapse/expand transitions with fade, slide, or combination effects—and adjust duration.

Initial Height & Reveal Controls

Set the exact pixel or percentage height of collapsed content, then reveal the rest on toggle.

Flexible Content Sources

Add your content directly using the Unfold editor. Select any saved Elementor template for the collapsible section to display complex prebuilt layouts. Create any layout inside an inner section widget and turn it into a collapsible section. Turn an Elementor Flexbox container into a collapsible container.

Upgrade to The Plus Addons for Elementor Pro now to unleash these Unfold power‑ups—plus 120+ premium widgets and a 60‑day money‑back guarantee.

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

About the Author

Photo of Aditya Sharma CMO of The Plus Addons for Elementor
CMO · The Plus Addons for Elementor · 10 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordPressElementorn8nAIClaudeAutomationServer
LinkedIn X GitHub YouTube Website
Get Instant Answers to all your questions about The Plus Addons for Elementor, trained on 1000+ Docs and Videos

Related Frequently Asked Questions

What should I do if the read more toggle button isn't displaying in Elementor?

If the read more toggle button isn't showing, ensure that the Unfold widget from The Plus Addons for Elementor is properly installed and activated. This widget is essential for adding the toggle functionality. Additionally, check that you've selected 'Custom Content' in the Select Source dropdown and added text in the Content section.

What are the best practices for customizing the read more toggle button?

To effectively customize the read more toggle button, consider using dynamic labels and icon support available in The Plus Addons Pro version. This allows you to personalize the 'Read More' and 'Read Less' text and add icons or animations, making the toggle more engaging for users.

Does the read more toggle button work with other Elementor widgets?

The read more toggle button can be integrated with various Elementor widgets, as long as the content is added through the Unfold widget. This flexibility allows you to create collapsible sections within complex layouts, enhancing user experience across your site.

Are there any limitations to using the read more toggle button in Elementor?

One limitation is that the read more toggle button is only available in The Plus Addons Pro version. Without this upgrade, you won't have access to the full capabilities of the Unfold widget, including advanced features like custom toggle positions and animation effects.

Last reviewed: April 12, 2026

Related Docs