How to show a custom Single Product on the Homepage

Sometimes we need to show the single product page on the homepage for a quick add to cart functionality, especially if we have a variable product with the dropdown menu. Using Elementor and Briefcasewp plugin, you can get it very easily.

New Homepage Method.

  • Activate Elementor on the product page.
  • Choose the product and edit it.
  • Disable the global template on Briefcasewp settings.
  • Edit it with Elementor.
  • Insert a single product template or made your from scratch, save it.
  • Create a New Homepage on WordPress.
  • Insert the Woocommerce product page shortcode [product_page id=10], find your product ID from your custom single product, and edit the shortcode with the right ID.
  • Go to WordPress Settings->Reading, and apply your new home page on the homepage settings.
  • Visit your homepage and enjoy it.

Check this video tutorial with all the steps.

Existing Homepage Method.

This method allows you to use a current Homepage made on Elementor, so you can insert your custom single product on any section and combine it with your existing information and design.

  • Activate Elementor on the product page.
  • Choose the product and edit it.
  • Disable the global template on Briefcasewp settings.
  • Edit it with Elementor.
  • Insert a single product template or made your from scratch, save it.
  • Open your current Homepage on WordPress made with Elementor.
  • Insert our single product template widget, choose the custom single product and save it.
  • Visit your homepage and enjoy it.

Check this video tutorial with all the steps.

Leave a Reply