{"id":21286,"date":"2019-01-15T14:55:27","date_gmt":"2019-01-15T14:55:27","guid":{"rendered":"https:\/\/elementor.com\/blog\/?p=21286"},"modified":"2019-01-15T14:55:27","modified_gmt":"2019-01-15T14:55:27","slug":"woocommerce-product-table","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/woocommerce-product-table\/","title":{"rendered":"How to Use WooCommerce Product Table With Elementor"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

WordPress makes it easy to build a website and get it off the ground quickly. WooCommerce<\/a> transforms any WordPress website into a fully functional online shop. However, if you stick with their default options and features, then you run the risk of creating a copycat site that might not fit your business needs. It’s vital to find optimal tools to design and customize your site until it’s just right.<\/p>

Fortunately, there are thousands of WordPress and WooCommerce plugins to add extra features to your store – Elementor itself is the easiest way to customize your WooCommerce product page<\/a>. However, it’s also one of its most major flaws because when you combine WordPress plugins from different developers, there’s often a risk of compatibility errors and other issues.<\/p>

Fortunately, this is not the case with WooCommerce Product Table<\/a> and Elementor. Both of these plugins give you a higher level of control over your site’s look and functionality \u2013 and they can be used together to achieve even better effects.<\/p>

In this post, we’re going to introduce both plugins and explain how they’re related. Then we’ll show you a few examples of how you can use them together on your WordPress site. Let’s take a look!<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

A Brief Introduction to Woocommerce Product Table and Elementor<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

As we mentioned above, there\u2019s a huge choice of WordPress plugins that can help you design a better WordPress site that is tailored to your needs. Some plugins are large-scale in nature, while others focus on adding a specific element or feature.\u00a0<\/p>

Elementor is an example of the former category:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"elementor-website\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Our page builder plugin provides you with an entirely new interface<\/a> for designing web pages and creating content. By choosing from and customizing a vast library of widgets, blocks, and layouts, you get a lot more control over the way your site comes together.\u00a0<\/p>

WooCommerce Product Table<\/a>, on the other hand, is a more targeted solution:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"WooCommerce-Product-Table\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

This plugin helps you add dynamic, customizable tables listing your WooCommerce products. These tables can be used for a variety of applications, but the integration with WooCommerce makes them perfect for displaying products and services<\/a> in a user-friendly and attractive way. (If you want to display something other than products – such as posts, pages or documents – then you can use its sister plugin, Posts Table Pro<\/a>. Posts Table Pro integrates equally well with Elementor, and lists any WordPress content type in a table instead of just WooCommerce products).\u00a0<\/p>

Elementor and WooCommerce Product Table work smoothly together and provide very different functionality. In combination, you can use them to achieve some highly beneficial effects that will increase your WooCommerce store\u2019s sales.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Woocommerce Product Table and Elementor: A Case Study<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

In a moment, we\u2019ll show you how to start using WooCommerce Product Table and Elementor together on your own site. But first, let\u2019s take a look at a real-world example of what you can accomplish via this integration.\u00a0<\/p>

The website in question is a simple food ordering site for a vegetarian Indian cuisine business called OrderAmysFood.com<\/span>:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"amys-food-website\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

This site enables visitors to choose from a number of options, place their orders, and schedule a delivery or pickup. It contains a traditional static menu<\/a> where you can browse all the available options. However, it also features a dynamic ordering system<\/a>, built using WooCommerce Product Table and Elementor:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"amys-food-order-page\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

This page contains four expandable \u2018accordion\u2019 tabs<\/a>, courtesy of Elementor. When expanded, each of these tabs displays an order form designed using WooCommerce Product Table<\/a>:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"amys-food-order-table\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

In these tables, you can find pertinent details on each menu item, including a description and price for each. You can also choose a quantity, select product variations options such as size and spiciness, and add whatever you like to your cart before checking out.\u00a0<\/p>

The designer behind this website tried a number of different plugin combinations, before settling on this one as the most effective. The Elementor accordion feature keeps everything well organized and user-friendly, while WooCommerce Product Table powers the dynamic and user-friendly ordering system.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

How to Use Woocommerce Product Table Alongside the Elementor Page Builder (2 Examples)<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Now, it\u2019s time to get practical. In the next few sections, we\u2019re going to look at some examples of how you can use WooCommerce Product Table and Elementor to achieve effects like the one featured above.\u00a0<\/p>

The sky’s the limit when it comes to using these two plugins together \u2013 these are only a few of the options. With a bit of experimentation, you can put together all sorts of pages using the same basic process we\u2019ll demonstrate.\u00a0<\/p>

First, of course, you\u2019ll need to ensure that both plugins are set up on your site. Fortunately, installing Elementor<\/a> and setting up WooCommerce Product Table<\/a> is quick and painless. You\u2019ll also need to have WooCommerce itself installed and activated<\/a>. Then, you\u2019re ready to get down to work.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t

1. Add Woocommerce Product Table to a Text Editor or Shortcode Widget<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Let\u2019s start off with the most basic and useful application. If you simply want to use a dynamic product table on your Elementor website, you can add it to a widget so that it will display on the front end.\u00a0<\/p>

To do that, open up any page or post, and make sure you\u2019re using the Elementor editor. If you see the traditional WordPress interface, hit the Edit with Elementor<\/em> button to switch over:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"wordpress-editor-elementor-button\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

In case this is your first time using Elementor, let\u2019s take a quick look around. On the right, you\u2019ll see a large space where your content will display, updated in real time as you add and edit it. On the left, there\u2019s a list of \u2018widgets\u2019 you can drag into that area, and then rearrange and customize as you see fit:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"wordpress-elementor-blank-page\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

You can add a product table to many different Elementor widgets. If you just want to display a single product table on a page, however, you can do so using a basic text section. As such, grab the Text Editor widget<\/a> and drag it over to an empty space:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"wordpress-elementor-product-shortcode\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

You can then click inside the widget to delete the default text and enter whatever content you like. As for the product table itself, add that by pasting in this simple shortcode:<\/span><\/p>

[product_table]<\/span><\/p>

Wherever you place the shortcode<\/a> within the page is where the table will appear, which you can verify by checking it out on the front end:<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

If you\u2019d like to use an element just for the code itself, you can also use the Shortcode widget<\/a>:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"wordpress-elementor-shortcode-widget\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

No matter where you decide to place the table, don\u2019t forget to save the page when it\u2019s in place. After that, you\u2019ll probably want to customize the way the table looks and works.\u00a0<\/p>

To do that, return to your WordPress dashboard and head to the WooCommerce > Settings<\/em> tab. Click on Products<\/em> at the top of the screen, and then Product tables<\/em>:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"product-table-settings-page\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Here, you\u2019ll find a comprehensive list of settings for your WooCommerce product table. You can choose what information will appear in the table, add filters and variables to it, and a lot more. For more details on the various options, you can check out the plugin\u2019s documentation<\/a>.\u00a0<\/p>

Any changes you make here will be automatically applied to the product table you just placed using Elementor. Once done tweaking the table to suit your needs, save the settings, and you\u2019re good to go!<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

2. Organize Multiple Product Tables Using Accordions, Tabs, or Toggles<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

The above method works well if you want to display a single table with all of your WooCommerce products. However, what if you\u2019re looking to create multiple tables, each containing a separate category of items?\u00a0<\/p>

There are various ways you can do this in Elementor. For instance, you can use the\u00a0<\/span>Accordion widget<\/a>\u00a0to create the same effect we saw in the earlier case study.\u00a0<\/p>

To get started, drag the Accordion<\/em> widget over to the right-hand editing area:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"elementor-accordian-widget\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

You can use the plus signs to add as many different tabs as you\u2019d like, and edit the headings and text within each one. You can also add a product table to one or more tabs, using the same shortcode as before.<\/p>

Of course, merely adding the base shortcode will create a series of identical product tables, which probably isn\u2019t what you want. Instead, you\u2019ll need to modify each shortcode to display only certain products \u2013 for example, items within a specific category.<\/p>

How you do this will depend on what products you\u2019d like to include and\/or exclude in each table. For more details, you can check out the full guide to modifying your WooCommerce Product Table shortcodes<\/a>.\u00a0<\/p>

It\u2019s worth noting that you can achieve a similar effect using some other handy Elementor widgets. This includes\u00a0the Toggle widget<\/a>\u00a0and the Tabs widget<\/a>. When it comes to displaying multiple WooCommerce product tables in an attractive and organized fashion, Elementor has your back.<\/p>

The online HTML, CSS and JavaScript organizers<\/a> will take care of your dirty markup!<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Conclusion<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

If you want your e-commerce<\/a> store to really stand out, you\u2019ll need to put some serious thought into its design. For example, you’ll want to find the best method for displaying your products, ideally in a way that’s both user-friendly and nice to look at.<\/p>

Fortunately, this is easily achievable by using the WooCommerce Product Table plugin in conjunction with Elementor. By adding your product table shortcode to specific types of widgets, you can show off everything your site has to offer (or just a selection) in a way that’s truly dynamic.<\/p>

Do you have any questions about how to display your WooCommerce product tables using Elementor? Ask away in the comments section below!<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t

10 Beautiful WooCommerce Website Examples for Inspiration<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"

In this post, we\u2019ll show you how to use Elementor and WC Product Table together to achieve better-customized WordPress site, and increase your WooCommerce store\u2019s sales.<\/p>\n","protected":false},"author":53499,"featured_media":21493,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[77,43],"tags":[79],"marketing_persona":[],"marketing_intent":[],"class_list":["post-21286","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-woocommerce","category-wordpress","tag-build"],"acf":[],"yoast_head":"\nHow to Use WooCommerce Product Table With Elementor<\/title>\n<meta name=\"description\" content=\"In this post, we\u2019ll show you how to use Elementor and WC Product Table together for a better-customized WordPress site and increased WooCommerce sales.\u200b\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/blog\/woocommerce-product-table\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Use WooCommerce Product Table With Elementor\" \/>\n<meta property=\"og:description\" content=\"In this post, we\u2019ll show you how to use Elementor and WC Product Table together for a better-customized WordPress site and increased WooCommerce sales.\u200b\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/blog\/woocommerce-product-table\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/elemntor\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-01-15T14:55:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/oovolzcf.elementor.cloud\/wp-content\/uploads\/2019\/01\/Cover-2018.12.26-Barn2.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Matan Naveh\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@elemntor\" \/>\n<meta name=\"twitter:site\" content=\"@elemntor\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Matan Naveh\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/blog\/woocommerce-product-table\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/woocommerce-product-table\/\"},\"author\":{\"name\":\"Matan Naveh\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/da95923351c8e54d52a7cffc6c094558\"},\"headline\":\"How to Use WooCommerce Product Table With Elementor\",\"datePublished\":\"2019-01-15T14:55:27+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/woocommerce-product-table\/\"},\"wordCount\":1652,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/woocommerce-product-table\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2019\/01\/Cover-2018.12.26-Barn2.png\",\"keywords\":[\"Build\"],\"articleSection\":[\"WooCommerce\",\"WordPress\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/blog\/woocommerce-product-table\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/blog\/woocommerce-product-table\/\",\"url\":\"https:\/\/elementor.com\/blog\/woocommerce-product-table\/\",\"name\":\"How to Use WooCommerce Product Table With Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/woocommerce-product-table\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/woocommerce-product-table\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2019\/01\/Cover-2018.12.26-Barn2.png\",\"datePublished\":\"2019-01-15T14:55:27+00:00\",\"description\":\"In this post, we\u2019ll show you how to use Elementor and WC Product Table together for a better-customized WordPress site and increased WooCommerce sales.\u200b\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/blog\/woocommerce-product-table\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/blog\/woocommerce-product-table\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/woocommerce-product-table\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2019\/01\/Cover-2018.12.26-Barn2.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2019\/01\/Cover-2018.12.26-Barn2.png\",\"width\":1200,\"height\":628},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/blog\/woocommerce-product-table\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/elementor.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WooCommerce\",\"item\":\"https:\/\/elementor.com\/blog\/category\/woocommerce\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Use WooCommerce Product Table With Elementor\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/blog\/#website\",\"url\":\"https:\/\/elementor.com\/blog\/\",\"name\":\"Elementor\",\"description\":\"Website Builder for WordPress\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/blog\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/elemntor\/\",\"https:\/\/x.com\/elemntor\",\"https:\/\/www.instagram.com\/elementor\/\",\"https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1\",\"https:\/\/en.wikipedia.org\/wiki\/Elementor\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/da95923351c8e54d52a7cffc6c094558\",\"name\":\"Matan Naveh\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/5f68b9dad97d42f1008a865a76e87f240b8ab8d458c9aeb0f51a80982339e9ed?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/5f68b9dad97d42f1008a865a76e87f240b8ab8d458c9aeb0f51a80982339e9ed?s=96&d=mm&r=g\",\"caption\":\"Matan Naveh\"},\"description\":\"Matan started his career as a Radio Broadcaster, he worked as a content manager and Editor-in-Chief for over 15 years. Matan enjoys psychological horror movies and 80's Chinese restaurants.\",\"url\":\"https:\/\/elementor.com\/blog\/author\/matannaveh\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Use WooCommerce Product Table With Elementor","description":"In this post, we\u2019ll show you how to use Elementor and WC Product Table together for a better-customized WordPress site and increased WooCommerce sales.\u200b","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/blog\/woocommerce-product-table\/","og_locale":"en_US","og_type":"article","og_title":"How to Use WooCommerce Product Table With Elementor","og_description":"In this post, we\u2019ll show you how to use Elementor and WC Product Table together for a better-customized WordPress site and increased WooCommerce sales.\u200b","og_url":"https:\/\/elementor.com\/blog\/woocommerce-product-table\/","og_site_name":"Blog","article_publisher":"https:\/\/www.facebook.com\/elemntor\/","article_published_time":"2019-01-15T14:55:27+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/oovolzcf.elementor.cloud\/wp-content\/uploads\/2019\/01\/Cover-2018.12.26-Barn2.png","type":"image\/png"}],"author":"Matan Naveh","twitter_card":"summary_large_image","twitter_creator":"@elemntor","twitter_site":"@elemntor","twitter_misc":{"Written by":"Matan Naveh"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/blog\/woocommerce-product-table\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/woocommerce-product-table\/"},"author":{"name":"Matan Naveh","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/da95923351c8e54d52a7cffc6c094558"},"headline":"How to Use WooCommerce Product Table With Elementor","datePublished":"2019-01-15T14:55:27+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/blog\/woocommerce-product-table\/"},"wordCount":1652,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/blog\/#organization"},"image":{"@id":"https:\/\/elementor.com\/blog\/woocommerce-product-table\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2019\/01\/Cover-2018.12.26-Barn2.png","keywords":["Build"],"articleSection":["WooCommerce","WordPress"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/blog\/woocommerce-product-table\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/blog\/woocommerce-product-table\/","url":"https:\/\/elementor.com\/blog\/woocommerce-product-table\/","name":"How to Use WooCommerce Product Table With Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/blog\/woocommerce-product-table\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/blog\/woocommerce-product-table\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2019\/01\/Cover-2018.12.26-Barn2.png","datePublished":"2019-01-15T14:55:27+00:00","description":"In this post, we\u2019ll show you how to use Elementor and WC Product Table together for a better-customized WordPress site and increased WooCommerce sales.\u200b","breadcrumb":{"@id":"https:\/\/elementor.com\/blog\/woocommerce-product-table\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/blog\/woocommerce-product-table\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/woocommerce-product-table\/#primaryimage","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2019\/01\/Cover-2018.12.26-Barn2.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2019\/01\/Cover-2018.12.26-Barn2.png","width":1200,"height":628},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/blog\/woocommerce-product-table\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/elementor.com\/blog\/"},{"@type":"ListItem","position":2,"name":"WooCommerce","item":"https:\/\/elementor.com\/blog\/category\/woocommerce\/"},{"@type":"ListItem","position":3,"name":"How to Use WooCommerce Product Table With Elementor"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/blog\/#website","url":"https:\/\/elementor.com\/blog\/","name":"Elementor","description":"Website Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/blog\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/elemntor\/","https:\/\/x.com\/elemntor","https:\/\/www.instagram.com\/elementor\/","https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1","https:\/\/en.wikipedia.org\/wiki\/Elementor"]},{"@type":"Person","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/da95923351c8e54d52a7cffc6c094558","name":"Matan Naveh","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/5f68b9dad97d42f1008a865a76e87f240b8ab8d458c9aeb0f51a80982339e9ed?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5f68b9dad97d42f1008a865a76e87f240b8ab8d458c9aeb0f51a80982339e9ed?s=96&d=mm&r=g","caption":"Matan Naveh"},"description":"Matan started his career as a Radio Broadcaster, he worked as a content manager and Editor-in-Chief for over 15 years. Matan enjoys psychological horror movies and 80's Chinese restaurants.","url":"https:\/\/elementor.com\/blog\/author\/matannaveh\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/21286","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/users\/53499"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/comments?post=21286"}],"version-history":[{"count":4,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/21286\/revisions"}],"predecessor-version":[{"id":92692,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/21286\/revisions\/92692"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/media\/21493"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/media?parent=21286"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/categories?post=21286"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/tags?post=21286"},{"taxonomy":"marketing_persona","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/marketing_persona?post=21286"},{"taxonomy":"marketing_intent","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/marketing_intent?post=21286"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}