1. WooCommerce Quick View Pro
  2. Getting Started

3. Adding quick view buttons

WooCommerce Quick View Pro provides 2 ways to add quick view buttons:

  1. Enable them globally for all products
  2. Add them manually using a shortcode

Enable quick view globally for all products

You can enable quick view buttons throughout your store by enabling the relevant options on the plugin settings page. This will add them next to the add to cart button everywhere that WooCommerce lists products including the main shop page, product category pages, WooCommerce Gutenberg blocks, the built-in WooCommerce shortcodes, etc.

If you are listing products using a page builder plugin, such as Divi or Elementor, then the quick view buttons may not appear. This is because WooCommerce Quick View Pro is designed to add quick view buttons to the products displayed by WooCommerce itself, and not necessarily third party plugins. If you’d like quick view buttons to appear in the blocks created by another plugin, please send us a feature request and we will consider it depending the amount of demand.

Add quick view buttons using a shortcode

How to use WooCommerce Quick View Pro shortcode

WooCommerce Quick View Pro comes with a shortcode which you can use to insert quick view buttons anywhere on your site. Each shortcode will add a quick view button for one product, and you can use it as many times as you like.

Basic shortcode

Add the following shortcode to any page, post, widget or other text area on your site:

[quick_view id="123"]

Replace “123” in the shortcode with the ID of the product that you are creating a quick view button for. To find the product ID, go to the Products page in the WordPress admin and hover over the product. The ID will appear in the left hand column so that you can copy it into the shortcode.

Changing the button text

By default, the quick view button will contain the text that you set on the plugin settings page. You can change this for each individual button by adding the text option to the shortcode:

[quick_view id="123" text="Buy T-Shirt"]

Still need help?
If searching the knowledge base hasn't answered your question, please contact support.

Related Articles