Display your products in a table and give customers the option to add products to a quote list.
Demo 1
Item | Category | Qty. | Add | |
---|---|---|---|---|
Pellentesque habitant morbi tristique senectus… +more Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. -less |
Accessories |
|||
Pellentesque habitant morbi tristique senectus… +more Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. -less |
Tshirts |
|||
Pellentesque habitant morbi tristique senectus… +more Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. -less |
Tshirts |
|||
Pellentesque habitant morbi tristique senectus… +more Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. -less |
Hoodies |
|||
Pellentesque habitant morbi tristique senectus… +more Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. -less |
Hoodies |
|||
Pellentesque habitant morbi tristique senectus… +more Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. -less |
Accessories |
Note: This site demonstrates an integration between WooCommerce Product Table PRO and the Yith Request a Quote plugin. These are 2 independent plugins created by different authors. Both these plugins are required on your site to make use of this integration.
Integration USPs
- Works with simple and variable products. Customers can use the variation dropdown to add specific variation to quote list. (demo 2)
- You can also show a table with just product variations and lets users add any of the variations to quote. (demo 3)
- AJAX support for the Yith Quote widget (placed in the sidebar). So no page reload required to refresh the widget. This works both ways – so if the product is removed from quote using the widget, its button will correctly change in the table as well.
- The quote buttons works with table pagination. Customers can go to next table page, then come back to initial page and the correct button will still be shown – add to quote / product added depending on whether the product was added to quote or not.
Demo 2
Here you can see the integration working with variable products in the table.
Item | Options | Category | Add | |
---|---|---|---|---|
Tshirts |
||||
Tshirts |
||||
Hoodies |
||||
Hoodies |
Demo 3
Here you can see the integration working with product variations in the table.
Item | Color | Size | Add | |
---|---|---|---|---|
Blue |
Medium |
|||
Blue |
Large |
|||
Red |
Medium |
|||
Red |
Large |
How to use
Ques: How do I add the Yith Request a Quote button to my product table?
Ans: WCPT PRO has a special ‘Shortcode’ element that you can add anywhere in your product table. This element contains a list of integration shortcodes. These integration shortcodes let you add elements from other compatible 3rd party woocommerce extensions like Yith Request a Quote into your product table.
So just add the Shortcode element anywhere in your product table and use the Yith Request a Quote integration shortcode in it.
[wcpt_yith_quote]
To change the button text you can use:
[wcpt_yith_quote add_to_quote="Add item" product_added="Added"]
More options to modify the shortcode are listed in the Shortcode element itself under the Yith Request a Quote shortcode.
Useful screenshots:
- ‘Shortcode’ element added to a column where we want to see the ‘request quote’ button (see image).
- Settings of the shortcode element. You can see the integration shortcode added in it to print the ‘request quote’ button (see image).
- Shortcode options for customizing the ‘request quote’ button (see image).
If you have any questions please feel free to contact support.