How to customize the WooCommerce Shop page with no coding required

How to customize the WooCommerce Shop page - easily :)

This tutorial shows you 'step by step' how to customize the WooCommerce Shop 

There's just 4 simple steps to take

  1. Create a brand new page and customize the WooCommerce Shop page design - see video tutorial below
  2. Don't set this page to be your new WooCommerce Shop - leave the default WooCommerce shop page
  3. Use this code snippet to change the 'Return to Shop' button link (with thanks to ) Click on the link to get the code Add this code to your functions.php file located in wp-content/themes/your-theme-name/: or better still use a plugin like this to add your code into. Here's a video that shows you how to add code to your functions.php file. 
  4. Set your new shop page to be your shop page in your menu

This tutorial uses our Pootle Pagebuilder Pro plugin. 

Video Walkthrough

10 thoughts on “How to customize the WooCommerce Shop page with no coding required

  1. This worked great, thanks!

  2. I didn’t see a WooCommerce button in the sidebar. Any idea?

    1. Did you install WooCommerce

    2. I don’t see the WooCommerce button either.
      Do we have to have the paid version of both products?

      1. Hi, you’ll just need pagebuilder pro

  3. Thanks you so much,, worth video for me :)

  4. Hi there, I love this page builder, and the tutorial is very well done – I just have one problem, I cannot find the woocommerce button in the sidebar for me to add the products in?? Can you help me with this – thanks!

    1. Hi Megan, are you using the pro version?

  5. Thank you so much, with the help of your tips and tricks I am able to make a brand new shop page for my blog.

  6. Does the free version have the same functionality you are showing us in the Video?

Leave a Reply

Your email address will not be published. Required fields are marked *