Skip to content

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

Table Of Content

A Quick View button lets a visitor preview a post’s content in a popup, without navigating away from the listing page.

Dynamic Listing adds this as an optional button on every card via Display TP Quickview.

For the full settings tour of the Dynamic Listing widget, see Dynamic Listing Widget Settings Overview.

Requirement – This widget is a part of The Plus Addons for Elementor Pro, make sure it’s installed & activated to enjoy all its powers.

Before You Start

  • Prerequisite: Elementor (free) installed and active.
  • Edition: Dynamic Listing is a Pro widget – it needs The Plus Addons for Elementor Pro installed and its license activated. It will not appear in the free plugin.
  • Widget to enable: go to The Plus Addons > Widgets, search for Dynamic Listing and turn its toggle on.

Steps

  • Add the Dynamic Listing widget to the page, with Post Type set to post.
  • Under Extra Options, turn on Display TP Quickview.
Display tp quickview switcher turned on

Set Quickview to Default (the widget’s built-in preview layout) or Custom Template (an Elementor template you design yourself for the popup’s content).

Quickview select set to default

The Style tab’s Quickview section then styles the popup itself – overlay color/background, position and image treatment.

Settings Overview

SettingWhat it doesDefault
Display TP QuickviewAdds a Quick View button to every card.Off
QuickviewDefault popup layout or a Custom Template.Default

Related Docs

Not verified

So you know exactly what has and has not been checked:

  • Whether a Custom Template quickview popup correctly receives the clicked post’s own data (dynamic tags resolving to that specific post) was not built and tested in this pass.

Related Frequently Asked Questions

Related Docs