---
title: "How to Add Quick View Button in Blog Post in Elementor?"
url: https://theplusaddons.com/docs/add-quick-view-button-in-blog-post-in-elementor/
date: 2023-08-28
modified: 2026-04-11
lang: en
author: "Aditya Sharma"
description: "Do you want to add a quick view button on your blog posts? The quick view button can enhance the user experience on your blog. This will allow users to..."
image: https://theplusaddons.com/wp-content/uploads/2023/08/How-to-Add-Quick-View-Button-in-Blog-Post-in-Elementor_-1024x536.jpg
word_count: 304
---

# How to Add Quick View Button in Blog Post in Elementor?

## 

- Enhance user experience by adding a quick view button to blog posts using The Plus Addons for Elementor.
- Utilize the Dynamic Listing widget to select post types and styles for the quick view feature.
- Activate the Display TP Quickview toggle in the Extra Options tab to enable quick view functionality with default or custom templates.

Do you want to add a quick view button on your blog posts? The quick view button can enhance the user experience on your blog. This will allow users to view a preview of your blog post without having to click through to the full article.

With the Dynamic Listing widget from The Plus Addons for Elementor, you can easily add a quick view button to your blog posts.

*To check the complete feature overview documentation of The Plus Addons for Elementor Dynamic Listing widget, [click here](/docs/dynamic-listing-widget-settings-overview/).*

***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-listing//#dynamic-listing-wgts?utm_source=tpae&utm_medium=docs&utm_campaign=text)

To do this, follow the steps -

1. Add the Dynamic Listing widget to the page. 

2. Select the appropriate listing type from the **Post Listing Types** dropdown and select **Post **from the **Post Type** dropdown, then select the appropriate style and layout.

> *Note: The quick view option is only available in the ****Normal Page**** and ****Search List**** listing type, except in the ****Carousel**** layout.*

3. Then go to the **Extra Options** tab, and turn on the **Display TP Quickview** toggle.

Then in the **Quickview** dropdown, you’ll find two options - 

**Default** - This will show the post details in a default layout.

**Custom Template** - With this, you can use an Elementor template to create a custom layout.

> *Note: While creating the template make sure to use *[*single post widgets*](https://theplusaddons.com/elementor-builder/blog-builder/)* to show the contents properly.*

Select the option that fits your requirement.

Now you should be able to see a quick view button when you hover over the post, depending on the option selected or template created, you’ll see the relevant post details in a popup.

Also, read [How to Show Blog Posts Based on Custom Query in Elementor](https://theplusaddons.com/docs//show-blog-posts-based-on-custom-query-in-elementor/).