How to Add Better Summary in WordPress Posts with TLDR CTA

Do you want to add a better summary for your WordPress posts with a unique call to action? Search engines prefer long form, keyword rich, and easy to read content. But your users may not scroll down to see your call to action in the… Read More »

The post How to Add Better Summary in WordPress Posts with TLDR CTA appeared first on WPBeginner.

Do you want to add a better summary for your WordPress posts with a unique call to action? Search engines prefer long form, keyword rich, and easy to read content. But your users may not scroll down to see your call to action in the end. In this article, we will show you how to add better summary in WordPress with TLDR CTA.

Adding better summaries with call to action in WordPress

What is TLDR CTA?

TLDR or tl;dr is an abbreviation for ‘Too long didn’t read’. It is used with long articles, indicating the summary or overview of the whole article in fewer words.

WordPress allows you to add article summary as excerpt, but those excerpts are usually just plain text snippets.

CTA is an abbreviation for Call to Action. A call to action is a marketing term used to describe the actions that you want your users to perform on your website.

For example, signing up for your email list, downloading something, making a purchase, etc.

Having said that, let’s take a look at how to combine TLDR and CTA to improve user experience and boost conversion rates.

Adding TLDR CTA in WordPress Posts

First thing you need to do is install and activate the TLDR-CTA plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, the plugin will add a new menu item labeled TLDR Settings to your WordPress admin bar. Clicking on it will take you to the plugin’s settings page.

TLDR settings page

First option is to add or remove TLDR branding. You can check this option to remove the backlink / branding of the plugin author.

Next you can choose the text for button that shows article summary and the button that shows full article.

After that you will choose the summary button location. The plugin allows you to choose from three locations: fixed bar button top, fixed bar with button bottom, and button above the content (default).

Rest of the options on the settings page allow you to control the colors and appearance of the summary box and call to action button.

TLDR CTA display settings

The default options would work for most websites, but you can easily fine-tune them to match your WordPress theme.

Once you are done, click on the save changes button to store your plugin settings.

Adding Article Summary and CTA with Your WordPress Posts

Create or edit a WordPress post where you want to display the TLDR-CTA. Below the post editor, you will find two new meta boxes: post summary, and summary cta.

Adding summary and call to action to WordPress posts

Add your article summary in the post summary meta box. You can use basic formatting and even add links in the summary.

After that you need to setup your call to action, provide a title for this CTA, add URL, and provide a short description or tag line for the call to action section.

Optionally, you can also add an image that would appear next to your call to action. This image needs to be 182×205 pixels in size.

You can now save and preview your WordPress post.

You will see the ‘Show summary’ button and clicking on it will show the article summary with your call to action.

Button to show better summary with a call to action

That’s all you can now visit any single post on your website, and you will see a show summary button. Clicking on the button will show the article summary with a call to action button.

We hope this article helped you add better summary in WordPress posts with TLDR CTA. You may also want to see our guide on how to setup a professional email address with Google Apps and Gmail.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Add Better Summary in WordPress Posts with TLDR CTA appeared first on WPBeginner.

How to Customize WordPress Excerpts (No Coding Required)

Do you want to customize your WordPress excerpt? Not sure what is a WordPress excerpt? Don’t worry. In this article, we will show you how to customize WordPress excerpts (no coding required). Excerpts are the short extract from your post. WordPress comes with a built-in… Read More »

To leave a comment please visit How to Customize WordPress Excerpts (No Coding Required) on WPBeginner.

Do you want to customize your WordPress excerpt? Not sure what is a WordPress excerpt? Don’t worry. In this article, we will show you how to customize WordPress excerpts (no coding required).

Excerpts are the short extract from your post. WordPress comes with a built-in function which make it easier for you to decide what you want to show as the excerpt for your post.

Custom Excerpt

When and Why You Should Use Excerpts

First let’s talk about why you should use excerpts on your WordPress blog instead of full articles.

By default, WordPress shows full posts on the homepage, blog page, and archives of your site. This makes your site slower and could lead search engines to believe that all these pages have duplicate content.

Using excerpts will load your pages faster because you will only be loading a small part of each article, and your archive pages won’t get hit with a duplicate content penalty.

See our article on Full Posts vs Excerpts, for more detailed discussion on the topic.

Some WordPress themes are configured to automatically create a short excerpt of your posts even if you didn’t add one. The disadvantage of this method is that your theme calculates the excerpt for you, and it may not look good.

That’s why you may want to create a custom excerpt. Let’s take a look at 3 different ways you can add custom excerpts in WordPress.

1. How to Add a Custom Excerpt in WordPress (Default)

Adding a custom excerpt in WordPress is quite simple. Create a new post or edit an existing one.

On the post edit screen, click on the screen options tab on the top right and then select excerpt.

Showing excerpt option on post edit screen

This will display an excerpt meta box below your post editor. You can now add any text in this box, and it will be used as the excerpt for the post.

Excerpt meta box where you can add a custom excerpt for your WordPress post

The problem you will now face is that some themes will not show your custom excerpt. For those, you will have to edit your theme files particularly home.php, content.php, archive.php, category.php, etc. You will need to locate:

<?php the_content(); ?>

Next, you will need to replace it with the_excerpt tag like this:

<?php the_excerpt(); ?>

This is not an ideal solution for beginners who do not want to edit their theme files. That’s when the next method comes in handy.

2. Adding an Excerpt with The More Tag

Another way to add excerpt to your WordPress homepage and archive pages is by using the more tag.

You can add the more tag by placing your cursor in the post editor to the point where you want to break the post and then click on the more button.

Gif showing the usage of more button in WordPress post editor

See our tutorial on how to properly use the more tag in WordPress for detailed instructions.

Most themes will be properly configured to display the more tag. However if yours isn’t, then don’t worry. There is another way.

3. Adding Custom Excerpts Using Plugin

If the first two methods don’t work with your WordPress theme, then here is how you can take the custom excerpts to a whole new level without writing any code.

First thing you need to do is install and activate the Advanced Excerpt plugin. Upon activation, you need to visit Settings » Excerpt page to configure the plugin.

Advanced excerpt options

Advanced Excerpt plugin allows you to solve the excerpt display issues caused by your theme. You can set up an excerpt as well as define how and where you want it to appear.

It is also a lot easier to use, and you will not have to modify any theme files.

Some of the features of Advanced Excerpt plugin:

  • You can define custom excerpt length.
  • You can avoid incomplete words or sentences in excerpt.
  • Choose what to show at the end of the excerpt.
  • Add a custom excerpt read more link.
  • Override custom defined excerpts.
  • Enable or disable excerpts on home, arhive, category, tag, etc.
  • You can allow HTML to be parsed in excerpt.
  • You can skip or allow shortcodes to be executed in excerpt.

Once you are done setting up your excerpt, click on the save changes button to store your settings. You can now visit your website to see the excerpts in action.

Advanced Excerpt does not make any changes to your posts content. If you ever want to use something else or use your theme’s excerpts, then you can just deactivate the plugin.

We hope this article helped you customize WordPress excerpts without any coding. You may also want to see our tutorial on how to add tables in WordPress posts and pages (no HTML required).

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

To leave a comment please visit How to Customize WordPress Excerpts (No Coding Required) on WPBeginner.