When you create blog posts in Magento, you shouldn't forget about their appearance on the blog homepage and post lists. Especially if you have some short content added for the post. The "read more" is a call to action that encourages visitors to click on the posts.
So, in this guide, you'll learn how to add the "read more" button in Magento 2 blog in two different ways.
Post Contents [hide]
Add "read more" via WYSIWYG editor
- Navigate to Content > Blog > Posts and select a blog post to which you want to add the "read more" button.
- Scroll down to the Content section.
- Insert Pagebreak tag wherever you want.
4. Save a post one you finish and go to the checkout to see the result.
Add "read more" via Page Builder
- Go to Content > Blog > Posts and select a necessary blog post.
- Scroll down to the Content section and start editing using the page builder.
- Insert HTML Code block wherever you want to add the page break.
4. Start editing the HTML Code block.
5. Add the "<!-- pagebreak -->" code inside the HTML code block.
It should look like this once you finish:
Don't forget to Save a post and see the result on the storefront.
"Read more" Button Missing in the Blog Template
Blog Extra offers you 22+ different templates for blog lists and widgets. But none of them has the "read more" button included.
So if you don't see the "read more" button if you use any of the Extra templates, that's because there is none. You should customize the template to add this button or switch the template to Modern or System settings.
