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.
