{"id":20937,"date":"2023-10-17T14:59:18","date_gmt":"2023-10-17T08:59:18","guid":{"rendered":"https:\/\/hasthemes.com\/?post_type=docs&p=20937"},"modified":"2024-04-28T14:58:50","modified_gmt":"2024-04-28T08:58:50","password":"","slug":"how-to-generate-and-use-shortcodes","status":"publish","type":"docs","link":"https:\/\/hasthemes.com\/docs\/how-to-generate-and-use-shortcodes\/","title":{"rendered":"How to Generate and Use Shortcodes"},"content":{"rendered":"\n
\n

Generate Shortcodes<\/strong><\/h3>\n\n\n\n

Once you publish a product table with your desired configuration, you will notice a shortcode appearing on the right side of the product table edit screen.<\/p>\n\n\n\n

\"navigate
Generate Shortcode<\/strong><\/figcaption><\/figure>\n\n\n\n

The shortcode for the JustTables WooCommerce product table plugin has the following structure:<\/p>\n\n\n\n

[JT_Product_Table id=\"1140\"]<\/code><\/pre>\n\n\n\n
The JustTables shortcode begins with JT_Product_Table<\/strong>, followed by the product table ID enclosed in double quotation marks id=”product table ID<\/em>“<\/strong>, and the whole shortcode is wrapped in square brackets [ ].<\/p>\n<\/div><\/div>\n\n\n\n
\n
Now, let's learn how to use this shortcode on the frontend view.<\/strong><\/h3>\n\n\n\n
\n
Copy the JustTables Shortcode<\/strong><\/h4>\n\n\n\n
Once you have the shortcode generated, you can easily copy it.<\/p>\n\n\n\n
\"copy
Copy Shortcode<\/strong><\/figcaption><\/figure>\n<\/div><\/div>\n\n\n\n
\n
Using Page Builders<\/strong><\/h4>\n\n\n\n
Regardless of the page builder you are using, whether it's Elementor, Gutenberg, Divi, Beaver Builder, Brizy, Visual Composer, Oxygen, or any other, you can use the JustTables shortcode if your page builder supports shortcodes. Here's how to do it:<\/p>\n\n\n\n
    \n
  1. Open your page editor and navigate to the page where you want to display the product table.<\/li>\n\n\n\n
  2. Look for the shortcode block.<\/li>\n\n\n\n
  3. Insert the shortcode block into your page<\/li>\n<\/ol>\n\n\n\n
    Please note that, you don't have to use any third party page builder to utilize this shortcode. The default WordPress block editor is enough to disply a table using the shortcode.<\/p>\n\n\n\n
    Simply paste the shortcode that you copied from the JustTables post into the shortcode widget, and your product table will be displayed on the frontend as desired.<\/p>\n\n\n\n
    \"enter
    Copy Shortcode<\/strong><\/figcaption><\/figure>\n<\/div><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"
    Generate Shortcodes Once you publish a product table with your desired configuration, you will notice a shortcode appearing on the right side of the product table edit screen. The shortcode for the JustTables WooCommerce product table plugin has the following structure: The JustTables shortcode begins with JT_Product_Table, followed by the product table ID enclosed in […]<\/p>\n","protected":false},"author":17,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","_mi_skip_tracking":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"doc_category":[243],"doc_tag":[],"class_list":["post-20937","docs","type-docs","status-publish","hentry","doc_category-just-table"],"acf":[],"year_month":"2025-11","word_count":239,"total_views":"1427","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Ashim Kumar","author_nicename":"ashim-ht","author_url":"https:\/\/hasthemes.com\/author\/ashim-ht\/"},"doc_category_info":[{"term_name":"JustTables","term_url":"https:\/\/hasthemes.com\/docs-category\/just-table\/"}],"doc_tag_info":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"htmega_size_585x295":false,"htmega_size_1170x536":false,"htmega_size_396x360":false,"betterdocs-category-thumb":false},"uagb_author_info":{"display_name":"Ashim Kumar","author_link":"https:\/\/hasthemes.com\/author\/ashim-ht\/"},"uagb_comment_info":0,"uagb_excerpt":"Generate Shortcodes Once you publish a product table with your desired configuration, you will notice a shortcode appearing on the right side of the product table edit screen. The shortcode for the JustTables WooCommerce product table plugin has the following structure: The JustTables shortcode begins with JT_Product_Table, followed by the product table ID enclosed in…","knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/docs\/20937","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/comments?post=20937"}],"version-history":[{"count":12,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/docs\/20937\/revisions"}],"predecessor-version":[{"id":25639,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/docs\/20937\/revisions\/25639"}],"wp:attachment":[{"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/media?parent=20937"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/doc_category?post=20937"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/doc_tag?post=20937"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}