---
title: "How to Add a Read More Button in Blog Posts in Elementor?"
url: https://theplusaddons.com/docs/add-read-more-button-in-blog-posts-in-elementor/
date: 2023-05-04
modified: 2026-09-28
lang: en
author: "Aditya Sharma"
description: "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..."
image: https://theplusaddons.com/wp-content/uploads/2023/05/How-to-Add-Read-More-Button-in-Blog-Posts-in-Elementor_-Load-More-Button-1024x536.jpg
word_count: 1078
---

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

## 

- The Blog/Post Listing widget in The Plus Addons for Elementor shows a per-post Button only on Style 2, Style 3, Style 5, or Style 1 with the Metro layout, and Style 4 and Smart Loop Builder never show it.
- Content > Extra Option turns on the per-post Read More button, and the Text field already says Read More by default.
- Content > More Post Options sets Post Loading Options to Load More, which adds one button below the listing that pulls in the next batch of posts without a page reload.
- Content > Content Source sets Maximum Post Display, and if the first load already shows every post, the Load More button never renders.

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](https://theplusaddons.com/docs/blog-listing-widget-settings-overview/).*

***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](https://theplusaddons.com/elementor-listing/?utm_source=tpae&utm_medium=docs&utm_campaign=text#blog-post-wgts)

## 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 More | Load More |
| --- | --------- | --------- |
| Where it appears | Under **every post** in the list | Once, at the **end of the list** |
| What it does | Opens that post | Loads more posts into the same page |
| Control | **Button** | **Post Loading Options** → Load More |
| Section | Content > **Extra Option** | Content > **More Post Options** |
| Default | Off | None |
| Edition | Free | Free |

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](https://theplusaddons.com/wp-content/uploads/2026/09/tp-blog-listout-layout-wide-grid.webp)

> ***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](https://theplusaddons.com/wp-content/uploads/2026/09/tp-blog-listout-button-wide-readmore.webp)

### 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](https://theplusaddons.com/wp-content/uploads/2026/09/tp-blog-listout-text-wide-readmore.webp)

### 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](https://theplusaddons.com/wp-content/uploads/2026/09/tp-blog-listout-button-style-wide-readmore.webp)

## 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](https://theplusaddons.com/wp-content/uploads/2026/09/tp-blog-listout-post-loading-options-wide-loadmore.webp)

### 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](https://theplusaddons.com/wp-content/uploads/2026/09/tp-blog-listout-button-text-wide-loadmore.webp)

### 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

| Setting | Where | Options | Default |
| ------- | ----- | ------- | ------- |
| Button | Content > Extra Option — Style 2, 3, 5, or Style 1 + Metro | Show / Hide | **Hide** |
| Text | Content > Extra Option | Free text | Read More |
| Button Style | Content > Extra Option | Style 7, 8, 9 | Style 7 |
| Icon | Content > Extra Option | Font Awesome or Icon Mind | Chevron right |
| Post Loading Options | Content > More Post Options | None, Pagination (Pro), Load More, Lazy Load (Pro) | None |
| Button Text | Content > More Post Options | Free text | Load More |
| More posts on click/scroll | Content > More Post Options | Number | 4 |
| Maximum Post Display | Content > Content Source | Number | 8 |

> ***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

- [Blog Listing widget: settings overview](https://theplusaddons.com/docs/blog-listing-widget-settings-overview/) — every control in the widget.- [Create a shareable URL with Load More for blog posts](https://theplusaddons.com/docs/create-a-shareable-url-with-load-more-for-blog-posts-in-elementor/)- [Add pagination to blog posts in Elementor](https://theplusaddons.com/docs/add-pagination-in-blog-posts-in-elementor/)- [Add infinite scroll for blog posts](https://theplusaddons.com/docs/add-infinite-scroll-for-blog-posts-in-elementor/)- [Limit the post excerpt in Elementor blog posts](https://theplusaddons.com/docs/limit-post-excerpt-in-elementor-blog-posts/)

## Frequently Asked Questions

**Q: Why is the Read More button missing from my blog posts in Elementor?**
A: The usual cause is the listing style. The per-post Button control only appears on Style 2, Style 3, or Style 5, or on Style 1 with the Metro layout. Style 4 and Smart Loop Builder never show it. In the free plugin, Style 2 and Style 3 are Pro, so Style 5 is the practical choice if you want the button without upgrading.

**Q: How do I add a Read More button under each post in an Elementor blog list?**
A: The per-post button lives in Content > Extra Option, not in Post Loading Options. Once you pick a supported style, turn on Button and the link appears under every post in the listing. The label is controlled by the Text field, which defaults to Read More, so you can rename it to match your site’s tone without changing the layout.

**Q: What is the difference between Read More and Load More in a blog listing?**
A: Read More opens a single post from each card, while Load More adds another batch of posts to the same page without a reload. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH separates them into different controls because they solve different problems: one is navigation into content, the other is progressive loading for long lists.

**Q: How do I make Load More appear at the end of my Elementor blog posts?**
A: Load More only renders when there are more posts left to fetch. Set Content > Content Source > Maximum Post Display to fewer posts than exist, then choose Load More under Content > More Post Options. If the first page already shows everything, there is nothing left to load and the button will not appear.

**Q: What should I use as the best layout for a free Read More button in The Plus Addons for Elementor?**
A: Style 5 is the safest free option because Style 2 and Style 3 are Pro. The per-post Button control also works on Style 1 with Metro layout, but not on Style 4 or Smart Loop Builder. If you want a simple setup without hitting a locked style, Style 5 avoids that problem.

**Q: Can I use Load More with every blog listing layout in Elementor?**
A: No. Load More does not work with Carousel layout or with Single Page Related Posts. It is also separate from Pagination and Lazy Load, which are Pro options in the same control. For a standard list view with incremental loading, keep the layout compatible and set Maximum Post Display low enough that there are still posts left to fetch.