The method of adding a shortcode to your shop page depends on the theme you are using. If your theme is built with page builders such as Elementor or WpBakery, adding a shortcode is usually straightforward. You can simply edit the shop page with the page builder and insert the shortcode in the desired location.
If you are using the Gutenberg editor, there is a ready-to-use WordPress block available. You can search for “Progress Bar” block and add it to your shop page directly.
However, if your shop page is custom-built and doesn’t rely on a page builder or Gutenberg, you would need to edit the page template to include the shortcode. You can locate the template file responsible for the shop page and add the shortcode code in the appropriate location within the template.
Another option is to use action hooks. In this case, you would need to find the appropriate hook in your theme’s code where you can add the shortcode function. This method requires some knowledge of PHP and WordPress theme development.
It’s important to note that the exact steps may vary depending on your specific theme and setup. If you are unsure about how to add the shortcode to your shop page, it’s recommended to consult your theme’s documentation or reach out to the theme developer for guidance.
