{"id":44,"date":"2021-03-09T18:47:21","date_gmt":"2021-03-09T18:47:21","guid":{"rendered":"http:\/\/149.28.192.247\/waveplayer\/?page_id=44"},"modified":"2021-06-02T09:43:37","modified_gmt":"2021-06-02T09:43:37","slug":"faqs","status":"publish","type":"page","link":"https:\/\/integration.wcproducttable.com\/waveplayer\/index.php\/faqs\/","title":{"rendered":"FAQs"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Index of FAQs<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>How do I&nbsp;<strong>create and customize<\/strong>&nbsp;a product table? (<a href=\"#create\">see here<\/a>)<\/li><li>How do I&nbsp;<strong>add the WavePlayer<\/strong>&nbsp;to my product table? (<a href=\"#add-waveplayer\">see here<\/a>)<\/li><li>How can I make my product table&nbsp;<strong>responsive for phones<\/strong>&nbsp;and tablets? (<a href=\"#responsive\" data-type=\"internal\" data-id=\"#responsive\">see here<\/a>)<\/li><\/ul>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"create\">How do I&nbsp;<strong>create and customize<\/strong>&nbsp;a product table?<\/h3>\n\n\n\n<p>WooCommerce Product Table has an A \u2013 Z tutorial series that is designed to help you get the most out of the plugin in the least time. So please check the tutorials&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/wcproducttable.com\/tutorials\" target=\"_blank\">here<\/a>.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"add-waveplayer\">How do I\u00a0<strong>add WavePlayer<\/strong>\u00a0to my product table?<\/h3>\n\n\n\n<p>Once you have created your product table using the plugin&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/wcproducttable.com\/tutorials\" target=\"_blank\">tutorials<\/a>, and you have also configured your products to have WavePlayers, then you can add the WavePlayer to your table as well.<\/p>\n\n\n\n<p>To add the WavePlayer to your product table template, you need to use WCPT PRO\u2019s &#8216;Shortcode&#8217; element in any table column.<\/p>\n\n\n\n<p>The &#8216;Shortcode&#8217; element is a special table element that lets you add integration shortcodes from other 3rd party plugins that are compatible with WCPT PRO (<a rel=\"noreferrer noopener\" href=\"https:\/\/www.notion.so\/List-of-3rd-party-plugins-compatible-with-WCPT-PRO-b6138e2590684cf49a198beb292aa3c1\" target=\"_blank\">see list<\/a>).<\/p>\n\n\n\n<p>So we are going to add the Shortcode element to our table and then enter in it the integration shortcode to print the WavePlayer inside the table.<\/p>\n\n\n\n<p>Below you will find reference screenshots explaining step by step how to add the Shortcode element to your table and use it.<\/p>\n\n\n\n<p>Create a new column. In the \u2018Cell template\u2019 click on \u2018+Add Element\u2019.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"http:\/\/149.28.192.247\/nameyourprice\/wp-content\/uploads\/2021\/03\/Screenshot-2021-03-08-at-10.19.26-PM.png\" alt=\"\" class=\"wp-image-147\"\/><\/figure>\n\n\n\n<p>In the popup that appears, select the \u2018Shortcode\u2019 element from the list of available column elements to add this to your table column.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"http:\/\/149.28.192.247\/nameyourprice\/wp-content\/uploads\/2021\/03\/Screenshot-2021-03-08-at-10.21.17-PM.png\" alt=\"\" class=\"wp-image-148\"\/><\/figure>\n\n\n\n<p>Now in the settings of this Shortcode element, you can see<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>The Shortcode input field where you will enter the shortcode.<\/li><li>Complete list of available 3rd party plugin integration shortcodes.<\/li><\/ul>\n\n\n\n<p>Scroll down in this Shortcode element to find the WavePlayer integration shortcode.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"http:\/\/149.28.192.247\/nameyourprice\/wp-content\/uploads\/2021\/03\/Screenshot-2021-03-08-at-10.23.31-PM.png\" alt=\"\" class=\"wp-image-149\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>Below is a screenshot taken from the Shortcode element of the WavePlayer integration shortcode and all the available shortcode parameters so that you can use to customize the WavePlayer in the product table.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/integration.wcproducttable.com\/waveplayer\/wp-content\/uploads\/2021\/03\/Screenshot-2021-03-10-at-12.52.45-PM.png\" alt=\"\" class=\"wp-image-50\" width=\"691\" height=\"1093\" srcset=\"https:\/\/integration.wcproducttable.com\/waveplayer\/wp-content\/uploads\/2021\/03\/Screenshot-2021-03-10-at-12.52.45-PM.png 622w, https:\/\/integration.wcproducttable.com\/waveplayer\/wp-content\/uploads\/2021\/03\/Screenshot-2021-03-10-at-12.52.45-PM-190x300.png 190w, https:\/\/integration.wcproducttable.com\/waveplayer\/wp-content\/uploads\/2021\/03\/Screenshot-2021-03-10-at-12.52.45-PM-400x633.png 400w\" sizes=\"auto, (max-width: 691px) 85vw, 691px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>Now we add copy the waveplayer integration shortcode, scroll up in the Shortcode element and paste it in the input field:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/integration.wcproducttable.com\/waveplayer\/wp-content\/uploads\/2021\/03\/Screenshot-2021-03-10-at-12.55.37-PM.png\" alt=\"\" class=\"wp-image-51\" width=\"671\" height=\"621\" srcset=\"https:\/\/integration.wcproducttable.com\/waveplayer\/wp-content\/uploads\/2021\/03\/Screenshot-2021-03-10-at-12.55.37-PM.png 705w, https:\/\/integration.wcproducttable.com\/waveplayer\/wp-content\/uploads\/2021\/03\/Screenshot-2021-03-10-at-12.55.37-PM-300x278.png 300w, https:\/\/integration.wcproducttable.com\/waveplayer\/wp-content\/uploads\/2021\/03\/Screenshot-2021-03-10-at-12.55.37-PM-400x370.png 400w\" sizes=\"auto, (max-width: 671px) 85vw, 671px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>Now you can save your table settings and view the table on the front end. The WavePlayer will be printed in each product row at the location where you placed the Shortcode element in the table template.  <\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"responsive\">How can I make my product table&nbsp;<strong>responsive for phones<\/strong>&nbsp;and tablets?<\/h3>\n\n\n\n<p>WCPT gives you the ability to create a custom mobile optimized view for your product tables.<\/p>\n\n\n\n<p><a rel=\"noreferrer noopener\" href=\"https:\/\/wcproducttable.com\/tutorial\/tutorial-1\" target=\"_blank\">Essential tutorial 1<\/a>&nbsp;and&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/wcproducttable.com\/tutorial\/tutorial-2\" target=\"_blank\">Essential tutorial 2<\/a>&nbsp;both have sections dedicated to making your table responsive. So please see these tutorials. They will provide a clear guide on how to create and customize a responsive view for your tables.<\/p>\n\n\n\n<p>In fact each of the&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/wcproducttable.com\/tutorials\" target=\"_blank\">tutorials<\/a>&nbsp;has a separate dedicated section for optimizing phone view.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Index of FAQs How do I&nbsp;create and customize&nbsp;a product table? (see here) How do I&nbsp;add the WavePlayer&nbsp;to my product table? (see here) How can I make my product table&nbsp;responsive for phones&nbsp;and tablets? (see here) How do I&nbsp;create and customize&nbsp;a product table? WooCommerce Product Table has an A \u2013 Z tutorial series that is designed to &hellip; <a href=\"https:\/\/integration.wcproducttable.com\/waveplayer\/index.php\/faqs\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;FAQs&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-44","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/integration.wcproducttable.com\/waveplayer\/index.php\/wp-json\/wp\/v2\/pages\/44","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/integration.wcproducttable.com\/waveplayer\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/integration.wcproducttable.com\/waveplayer\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/integration.wcproducttable.com\/waveplayer\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/integration.wcproducttable.com\/waveplayer\/index.php\/wp-json\/wp\/v2\/comments?post=44"}],"version-history":[{"count":3,"href":"https:\/\/integration.wcproducttable.com\/waveplayer\/index.php\/wp-json\/wp\/v2\/pages\/44\/revisions"}],"predecessor-version":[{"id":58,"href":"https:\/\/integration.wcproducttable.com\/waveplayer\/index.php\/wp-json\/wp\/v2\/pages\/44\/revisions\/58"}],"wp:attachment":[{"href":"https:\/\/integration.wcproducttable.com\/waveplayer\/index.php\/wp-json\/wp\/v2\/media?parent=44"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}