Skip to content

How to Add a Read More Button in Blog Posts in Elementor?

Table Of Content

Do you want a Read More button on your Elementor blog posts? There are two different buttons people mean by this, they live in different places, and picking the wrong one is the usual reason the setting cannot be found.

The Blog/Post Listing widget in The Plus Addons for Elementor has both, and this guide covers each in turn.

To check the complete feature overview documentation of The Plus Addons for Elementor Blog Listing 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.

Before You Start

  • Edition: Free — available in both The Plus Addons for Elementor (Free) and Pro.
  • Widget to enable: Blog/Post Listing, switched on under ThePlus Settings > Widgets.

Which button do you actually want?

Read MoreLoad More
Where it appearsUnder every post in the listOnce, at the end of the list
What it doesOpens that postLoads more posts into the same page
ControlButtonPost Loading Options → Load More
SectionContent > Extra OptionContent > More Post Options
DefaultOffNone
EditionFreeFree

Most people arriving here want the first one. Both are covered below.

Part 1: A Read More button on each post

Step 1: Add the widget and choose a layout

Drag the Blog/Post Listing widget onto your page or template. On the Content tab, open the Layout section and pick a listing Style and Layout.

The layout section of the blog listing widget with a grid layout selected

The Button control does not appear on Style 1 — which is the default. It only shows up on Style 2, Style 3 or Style 5 — or Style 1 with the Metro layout. Style 4 and Smart Loop Builder never show it. On a freshly added widget the control simply is not there, which is the most common reason people conclude this widget has no Read More button. Change the Style first. In the free plugin Style 2 and Style 3 are Pro, so use Style 5.

Step 2: Turn on the Button

With one of those styles selected, open Content > Extra Option and turn on Button. It is off by default. A Read More button appears under every post in the listing straight away.

The button toggle switched on in content > extra option

Step 3: Set the label

The Text field directly underneath holds the label, and it already says Read More. Change it to Continue reading, View post or whatever suits the site.

The text field holding the read more label

Step 4: Pick a button style

Button Style offers three presets, and Icon adds an arrow or any other icon beside the label. The remaining typography, colour and border controls for this button are on the Style tab.

The button style dropdown in content > extra option

Part 2: A Load More button at the end of the list

This is a different feature: one button below the whole listing that pulls in the next batch of posts without a page reload.

Step 1: Choose Load More

Open Content > More Post Options and set Post Loading Options to Load More. The default is None.

The same control offers Pagination (Pro) and Lazy Load (Pro). Load More itself is free.

Post loading options set to load more in content > more post options

Step 2: Set the labels and the batch size

  • Button Text — the label on the button, default Load More.
  • Loading Text — shown while the next batch is fetched.
  • All Posts Loaded Text — shown once there is nothing left, so visitors know they have reached the end.
  • More posts on click/scroll — how many posts each click adds. Keep it to three or six when posts carry large featured images.
The button text field for the load more button

Step 3: Limit the first page

In Content > Content Source, set Maximum Post Display (labelled Maximum Posts Display in the free plugin) to fewer posts than you actually have. It defaults to 8. If the first load already shows everything there is nothing left to fetch, and no button appears.

Here is the result: the first batch of posts, and the Load More button pulling in the next.

Settings Reference

SettingWhereOptionsDefault
ButtonContent > Extra Option — Style 2, 3, 5, or Style 1 + MetroShow / HideHide
TextContent > Extra OptionFree textRead More
Button StyleContent > Extra OptionStyle 7, 8, 9Style 7
IconContent > Extra OptionFont Awesome or Icon MindChevron right
Post Loading OptionsContent > More Post OptionsNone, Pagination (Pro), Load More, Lazy Load (Pro)None
Button TextContent > More Post OptionsFree textLoad More
More posts on click/scrollContent > More Post OptionsNumber4
Maximum Post DisplayContent > Content SourceNumber8

Extra Option and More Post Options are sections on the Content tab, not tabs of their own — the tabs are Content, Style and Advanced.

Limitations

  • Load More is not available on every listing. It does not work with the Carousel layout or with Single Page Related Posts.
  • No Load More without a limit. If Maximum Post Display already covers every post, the button never renders.
  • Pagination and Lazy Load are Pro. Load More is the free option in that control.
  • The per-post Button only exists on some styles. Style 2, 3 and 5, or Style 1 with Metro. Style 4 and Smart Loop Builder have no Button control — in Smart Loop Builder you write the link yourself with the {{tpae_permalink}} tag.
  • One label for every post. The Text field applies to the whole listing; there is no per-post button label.

Troubleshooting

I cannot find the Button toggle at all

Your Style is still Style 1, the default. The Button control is hidden on Style 1. Pick Style 2, 3 or 5 in Content > Layout (Style 5 in the free plugin), or switch the Layout to Metro, and it appears in Extra Option. Style 4 does not have it at all.

There is no Read More button under my posts

The Button toggle in Content > Extra Option is off — that is its default. This is a different control from Post Loading Options.

The Load More button does not appear

Set Maximum Post Display in Content > Content Source to fewer posts than exist. With nothing left to load, there is no button. Also check the layout is not Carousel.

I cannot find Extra Option

It is a section on the Content tab, near the bottom, not a tab of its own. Collapse the sections above it if the panel is long.

The button appears but is unstyled

Typography, colour and border for the per-post button are on the Style tab, not next to the toggle that switched it on.

Related Docs

Related Frequently Asked Questions

Related Docs