Read more button module
The way out of the listing and into the result itself.
In short
Post Button adds a link at the end of each item - to the post, or to an address held in a custom field. You set the wording, and a prefix or suffix can carry an icon alongside it. Two things here need Pro: linking to a custom field, and the prefix and suffix. Everything about whether it reads as a button or a plain link comes from the Design tab.
Where it links
| Setting | What it does | Plan |
|---|---|---|
| Post URL | The button leads to the post or product it belongs to. The usual choice. | ✓ FREE |
| Custom Field | The button leads to an address held in a custom field - for results that should send someone elsewhere, such as an external listing or a booking page. | ★ PRO |
| Open In | Whether the link opens in the same window or a new one. | ✓ FREE |
The wording
Text is what the button says. It's worth more thought than it usually gets, because this is the one thing in the item explicitly asking to be clicked.
Say what's on the other side. Read more suits an article; a shop is better served by something naming the thing itself, and a directory by whatever the visitor is actually there to do. The wording is the same on every result, so it has to be true of all of them.
Prefix and Suffix
| Setting | What it does | Plan |
|---|---|---|
| Prefix | Something before the wording. Switch it on, choose Text or Icon, and set it. | ★ PRO |
| Suffix | Something after it. Same again, chosen separately. | ★ PRO |
What Pro adds to the button
Two things. The prefix and suffix are Pro, and an arrow as a suffix does real work here - it points at where the click leads and makes the button read as a button before anyone notices its styling. And the button can lead to an address held in a custom field rather than to the post, which is what a directory, a booking listing or an affiliate catalogue needs. On the free version the button says what you write and leads to the post it belongs to.
An arrow as a suffix is the common pattern, and it does real work: it points at where the click leads and makes the button read as a button even before anyone notices its styling.
Where it links, what it says, and what sits either side.
Styling
The module produces a link. Whether it looks like a button is entirely down to how you style it - a background, some padding and a border radius are what make the difference.
Those come from the usual groups on the Design tab- Layout for arranging the wording against its icon, Text, Sizing, Spacing, Background, Border and Box Shadow
Padding is the setting people forget. A background with no padding gives you a coloured box clamped around the words, which looks like a mistake rather than a button.
Tip
Decide whether the item needs this at all. If the image and the title already link to the post, a button repeats a journey the visitor can already make - it earns its place when it names a different action, or when the item's other parts aren't linked.
FAQ
Can I change the wording?
Yes - the Text setting. It's the same on every result.
Can the button link somewhere other than the post?
Yes - set it to Custom Field and hold the address there.
How do I add an arrow?
Switch on the suffix and set its Content Type to Icon.
It doesn't look like a button.
Give it a background, padding and a border radius on the Design tab. Without padding especially, a background just wraps the words.
Can links open in a new tab?
Yes - Open In.
Was this page helpful?
Thanks for your feedback!