Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

How to Add Excerpts to Your Pages in WordPress (Step by Step)

Adding concise summaries of your page can significantly improve user experience and search engine visibility.

Excerpts are short extracts from your content that act as a description, summary, or small details about a post or page. By default, excerpts are only available for posts in WordPress.

At WPBeginner, we have written hundreds of tutorials over the years and understand that some users may also want to show excerpts from pages on their websites to elevate site performance.

In this article, we will show you how to easily add excerpts to your pages in WordPress, step-by-step.

Add Excerpts to Your Pages in WordPress

Why Add Excerpts to Pages in WordPress?

WordPress comes with posts and pages as two default content types. Posts are displayed in reverse chronological order (latest to oldest) on your blog or homepage.

Pages, on the other hand, are stand-alone content that is not published in a time-specific order. They are typically used for one-off content like your about us or contact page.

Sometimes, you may need to display excerpts for your pages. For example, this can be handy if you have built a WordPress website using only pages.

Excerpts can provide a better overall user experience by making it easier for visitors to browse through your content and see a summary of your pages.

Having said that, let’s take a look at how to add excerpts to your pages in WordPress and display them on your website. You can use the quick links below to jump between different methods:

How to Add Excerpts to Pages in WordPress

You can enable page excerpts in WordPress by adding custom code to your theme’s functions.php file.

However, the smallest error while typing the code can break your website. Plus, if you switch to a different theme or update it, then you will have to add the code all over again.

That is where WPCode comes in. It is the best WordPress code snippets plugin on the market, and it makes it safe and easy to add custom code to your website.

First, you must install and activate the WPCode plugin. For detailed instructions, see our step-by-step guide on how to install a WordPress plugin.

Note: WPCode has a free plan that you can use for this tutorial. However, upgrading to the pro version will give you access to a cloud library of code snippets, smart conditional logic, and the custom block option.

Upon activation, visit the Code Snippets » + Add Snippet page from the WordPress dashboard. Here, click the ‘Use Snippet’ button under the ‘Add Your Custom Code (New Snippet)’ option.

Add new snippet

This will take you to the ‘Create Custom Snippet’ page, where you can start by adding a name for the snippet. This name is only for your identification and won’t be displayed on your website’s front end.

Next, select the ‘PHP Snippet’ option from the dropdown menu on the right.

Choose the PHP Snippet option for the page excerpts code

Now, you must add the following custom code into the ‘Code Preview’ box:

add_post_type_support( 'page', 'excerpt' );

Once you do that, scroll down to the ‘Insertion’ section and choose the ‘Auto Insert’ mode.

The custom code will be automatically executed on your website once you activate the snippet.

Choose insertion method

After that, scroll back to the top of the page and toggle the ‘Inactive’ switch to ‘Active’.

Finally, click the ‘Save Snippet’ button to store your settings.

Click the Save Snippet button for the page excerpts code

Now open the page where you want to add an excerpt in the WordPress block editor.

Once you do that, you will notice an ‘Excerpt’ tab in the block panel on the right side of the screen.

Here, you can easily expand the tab and add an excerpt for your WordPress page.

Add page excerpts in the Excerpts tab in the block panel

Once you do that, don’t forget to click the ‘Update’ or ‘Publish’ button to store your changes.

Now, simply repeat the process for all the WordPress pages where you want to add excerpts.

How to Display Page Excerpts in WordPress

Now that you have added the excerpt functionality to your pages, it is time to display these excerpts on your WordPress site.

To do this, you will need to add a shortcode to your widget area or page.

First, you must install and activate the Display Posts plugin. For more details, see our beginner’s guide on how to install a WordPress plugin.

This plugin will enable a shortcode that displays 10 recent pages with their title, excerpt, and a continue reading link.

If you didn’t enter a custom excerpt for a page, the plugin will automatically generate an excerpt with a default length of 55 words.

Method 1: Display Page Excerpts on a WordPress Page

Upon activation, you must create a new page where you want to display a list of your pages and their excerpts.

Once you are there, click the add block ‘+’ button to open the block menu and add the Shortcode block. Next, paste the following shortcode into the block itself:

[display-posts post_type="page" include_excerpt="true" excerpt_more="Continue Reading" excerpt_more_link="true"]

Add the page excerpt shortcode in the block editor

Finally, click the ‘Update’ or ‘Publish’ button to store your settings.

Now, just visit your WordPress site to view the list of page excerpts.

Preview of page excerpts on a page

Method 2: Display Page Excerpts in the WordPress Sidebar

If you want to display page excerpts in the WordPress sidebar, then you must visit the Appearance » Widgets page from the WordPress dashboard.

Note: If you don’t see the ‘Widgets’ menu tab on your dashboard, then it means you are using a block theme. In that case, you can skip to the next method.

Here, click the add block ‘+’ button to expand the block menu on the left. Then, add the Shortcode block to the sidebar area.

Add page excerpts shortcode in a widget area of your choice like the Sidebar

After that, copy and paste the following shortcode into the block:

[display-posts post_type="page" include_excerpt="true" excerpt_more="Continue Reading" excerpt_more_link="true"]

Finally, click the ‘Update’ button to store your settings.

Now, you can visit your WordPress blog to view the page excerpts.

Preview of page excerpts in the WordPress sidebar

Method 3: Display Page Excerpts in the Full Site Editor

If you are using a block theme, then you must visit the Appearance » Editor page from the WordPress admin sidebar.

This will open the full site editor, where you must choose the page where you want to display a list of page excerpts.

Choose a page to edit in the full site editor

Next, click the add block ‘+’ button on the screen to add the Shortcode block.

Then, copy and paste the following shortcode into it:

[display-posts post_type="page" include_excerpt="true" excerpt_more="Continue Reading" excerpt_more_link="true"]

Add page excerpts shortcode in the full site editor

Finally, click the ‘Save’ button to store your settings.

Now, go ahead and visit your website to view the list of page excerpts.

Page excerpts preview in the WordPress block theme

Bonus: Display Post Excerpts in WordPress

Other than pages, it is also a good idea to show post excerpts on your WordPress blog.

By default, WordPress shows your full-length posts on the homepage, archives page, or blog page. This means a lot of scrolling, which can provide a negative user experience to visitors who want to browse through your website quickly.

As your blog grows, the list of your older posts will also be pushed to other pages and get fewer views. That is why you should consider showing post excerpts on your blog or archives page.

An example of post excerpts in a WordPress theme

If you are using a classic theme, then you can add post excerpts by visiting the Appearance » Customize page from the WordPress admin sidebar.

Once the customizer opens, expand the ‘Blog’ tab in the left column of the screen. This will open some new settings, where you can scroll down to the ‘Post Content’ section and click on the ‘Excerpt’ option.

Adding post excerpts to your WordPress website

However, keep in mind that these settings can differ based on the theme that you are using.

If your theme does not support excerpts, then you can use custom code or page builders like SeedProd to add post excerpts to your blog.

Adding blog excerpts to a WordPress theme

For detailed instructions, see our tutorial on how to display post excerpts in WordPress themes.

We hope this article helped you learn how to add excerpts to your pages in WordPress. You may also want to see our guide on how to choose the best website builder or our expert pick of the best live chat software.

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.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us. Here's our editorial process.

Editorial Staff

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

The Ultimate WordPress Toolkit

Get FREE access to our toolkit - a collection of WordPress related products and resources that every professional should have!

Reader Interactions

45 CommentsLeave a Reply

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. JT

    Thanks a lot, worked for me but excerpt field showed up below the edit box rather than on the right hand column.

    • WPBeginner Support

      Thank you for sharing where it was placed for you in case anyone else runs into that! :)

      Admin

  3. Moinuddin Waheed

    easy to follow tutorial for making excerpts for the blog posts.
    I have used excerpts for most of my blog posts but didn’t know the exact length of the excerpts to use.
    is there any minimum or maximum length for post excerpts?
    and does the length of the excerpts make any difference advantage or disadvantage of seo?

  4. marcelo araujo

    Hi, great tip. Tks a lot! Its possible to use same param to get “tags” in pages?
    add_post_type_support( ‘page’, ‘excerpt’ );
    like:
    add_post_type_support( ‘page’, ‘tags’ );
    its correct? it works?
    Tks!

  5. Jim Kernicky

    Easy as pie – thanks a lot for that!

    • WPBeginner Support

      You’re welcome :)

      Admin

  6. Jean-Louis

    It’s very helpful… Thank you so much!

    • WPBeginner Support

      Glad our article was helpful :)

      Admin

  7. Adam

    So, I can’t find the “excerpt” option under “screen options” on the post/page editing page. I added the code to my functions.php file and the option to include the ‘excerpts’ is still not showing up. It’s as if the excerpts function doesn’t even exist on my install of wordpress. I added the following code and nothing changed:
    add_post_type_support( ‘page’, ‘excerpt’ );

    Please help

  8. Juan Manuel Linares

    Thanks so much, it also worked for me, just when I needed it!

    It would also be advisable that you suggest ppl to check Screen Options (as CTGIRL said), ’cause in my case it was hidden there ;)

    Thanks anyway!

  9. Steve

    Is there a way to add an excerpt to an archive category page like with the code for pages? The following code worked great for pages. Wanting to add it to the category archive too.

    add_post_type_support( ‘page’, ‘excerpt’ );

  10. Ruth Billheimer

    Thank you so much! This is excellent and just what I was looking for.

  11. Atilla

    Thank you for the code!

  12. Djong Timoer

    I works !!
    Thank you

    Do you have idea how to use in post types?

  13. Manoj

    Thanks for the code .But if i don’t write content in excerpt section , Excerpt is not retrieving from editior .

  14. Amit kumar

    how to separate post excerpt in box

    • Sreehari P Raju

      You have to use CSS for that :)

  15. Toure

    How can it be added to a page template?

  16. nad ray

    You should wrap the code in :

    …for it to work and not make your site break/display a blank page.

  17. Reza

    How can I add excerpts to the events? Can anyone please help?

    • nad ray

      I would use the same code, but change page to events (line 3). If that does not work you need to find your events custom post type name and enter it instead of pages.

  18. ctgirl

    The code worked for me. Added it to functions.php, and the Excerpt field became available in Screen options. Thanks so much!

  19. kapil

    around 15 days ago, same above code work perfectly for me, but now it is not working, what may be the problem, can anyone help me ? above code doesn’t show excerpt place in admin panel for new website that I am developing right now.

    • Firda

      It’s working for me. Maybe the exceprt was hide by screen options?

  20. João G.

    That’s amazing! I got a job to change the layout of a website which is running on WP and I would have to search for a function to get the content with “strip_tags” and reduce characters, but after “googling”, found your post. Great !!

  21. Real name

    Tank’s

    codex.wordpress.org/Function_Reference/add_post_type_support#Example

  22. Julio

    Thanks! worked perfectly

  23. Dave Andrew

    Worked a treat. Thanks for the post.

  24. Owen

    Thanks your sharing :)

  25. Lins

    Thanks, super-handy & works easily. :)

  26. syndrael

    Thanks it works..

  27. Alastair Barnett

    Hello,

    I posted the above code to my functions php. I now cannot access my website. Here is the message I receive:Parse error: syntax error, unexpected T_FUNCTION in /home/content/94/8738594/html/wp-content/themes/associate/functions.php on line 82

    Please tell me how I can access my website in order to delete this code. Thanks if you can help. I’ve just lost my website and in a bit of a panic. Website address: http://www.thewritingbutler.com
    AB

  28. WK

    Added the code to my functions.php to enable excerpts on my pages.

    Worked perfectly, first time – thanks.

    W.

  29. mebhuwan

    Thank you for posting. Great Code. :)

  30. DanS

    Brilliant, thank you

  31. softboxkid

    no need any plugins… just place this add_post_type_support( 'page', 'excerpt' );
    to your functions.php

    • ghimeray

      How to get this excerpt into the page?
      Tne Excerpt function is working well, but i’m not able to get the excerpt into the front page.

    • adam

      This didn’t work for me. :( Still no excerpts option. Using default 2015 theme.

Leave A Reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.