help center

Search
Close this search box.
On this page

Read More widget

Last Update: March 12, 2024

Add the widget

Read More widget
  1. In Elementor Editor, click +.
    All available widgets are displayed.
  2. Click or drag the widget to the canvas. For more information, see Add elements to a page.

What is the Read More widget?

The Read More widget allows you to create expandable text sections on your website. It’s commonly used to display lengthy content in a condensed format, initially showing only a portion of the text with an option to reveal more by clicking a “Read More” button or link.

Elementor supports the native WordPress ‘<!–more–>’ tag, which helps determine the preview text that is shown for blog posts in archive pages. Alternatively, add the Read More widget to your Elementor-designed posts to set the cutoff point for blog posts on standard WordPress archive pages.

Common use case

Max is building a website to showcase travel experiences. On the single blog post page, Max added the Read More widget that allows him to display excerpts of the blog posts on the archive page of the website. Each excerpt briefly summarizes the post’s content, accompanied by a “Continue reading” button. 

This allows visitors to quickly browse multiple posts and decide which ones they’d like to read in full. Max enhances the user experience on his website by using the Read More widget, making it easier for visitors to discover and engage with travel stories.

Read More widget 2 Read More widget 2

Additional use cases

  • Offer summarized versions of news articles with a “Read More” option to access the whole story, helping users scan headlines and decide which articles to explore further.
  • Showcase project thumbnails with brief descriptions, allowing visitors to expand each project to view additional images, project details, and testimonials.

Add the Read More widget: Step-by-step

Note
Before using the Read More widget, go to your WordPress Reading Settings page, you'll see options for Your homepage displays. Here you can select whether you want your homepage to display your latest blog posts or a static page.

Choose the option A static page and then choose which page you want to use as the homepage and which one to use as the posts page. 

Read More widget 1
  1. Go to the post where you want to add a read more widget.
  2. Click on the Edit with Elementor button to start editing the post.
    Read More widget 5
  3. Add the read more widget to the canvas. For details, see Add elements to a page.
    Tip
    Add a read more widget between two text editor widgets. This way, you’ll have two sections of text. The first text editor displays the part of the blog post that you want your visitors to see initially. After the Read More widget, add the second text editor and the rest of the blog post content.
  4. In the Content tab, below the Read More section, in the Read More Text field enter the link text such as Read more…, Continue reading, etc.
    Read More widget 4

Advanced tab

The Advanced tab provides options to control read more widget position, adjust spacing, add custom code, and more.

Read More widget 3

Learn more about the Advanced tab settings.

Have more questions? We’re more than happy to assist.

Link is copied to clipboard!
On this page

Is this article helpful?

Share this article