How To Design Awesome Product Pages With Gutenberg In WooCommerce
In this WooCommerce tutorial, I am going to show you how to make impressive product pages simply by adding a small snippet of code to your website.
Say goodbye to boring and hello to exciting product pages that drive conversions.
Code Snippet
// enable gutenberg for woocommerce
function activate_gutenberg_product( $can_edit, $post_type ) {
if ( $post_type == 'product' ) {
$can_edit = true;
}
return $can_edit;
}
add_filter( 'use_block_editor_for_post_type', 'activate_gutenberg_product', 10, 2 );
// enable taxonomy fields for woocommerce with gutenberg on
function enable_taxonomy_rest( $args ) {
$args['show_in_rest'] = true;
return $args;
}
add_filter( 'woocommerce_taxonomy_args_product_cat', 'enable_taxonomy_rest' );
add_filter( 'woocommerce_taxonomy_args_product_tag', 'enable_taxonomy_rest' );
TOP WORDPRESS DEALS AUGUST 2021
🟡 Orderable -- https://www.wpcrafter.com/orderable (Launch Lifetime Offer)
🟡 Presto Player -- https://www.wpcrafter.com/prestoplayer (SAVE 10% Auto Applied)
🟡 Kadence Theme -- https://www.wpcrafter.com/kadencewp (SAVE 10% Coupon WPCSAVE10)
🟡 CartFlows -- https://www.wpcrafter.com/cartflows (SAVE 20% Auto Applied)
🟡 FluentCRM & Forms -- https://www.wpcrafter.com/fluentcrm (SAVE 20% Coupon WPCRAFTER)
🟡 Cloudways -- https://www.wpcrafter.com/cloudways (SAVE 20% Coupon WPCRAFTER)
🟡 NameHero -- https://www.wpcrafter.com/namehero (SAVE 70%)
🟡 BuddyBoss -- https://www.wpcrafter.com/buddyboss (SAVE 10%)
🟡 Divi -- https://www.wpcrafter.com/divi (SAVE 10%)
* Want to offer a discount to WPCrafter subscribers, contact me on my website
BEST WORDPRESS PAGE BUILDERS
🟡 Elementor -- https://www.wpcrafter.com/elementor
🟡 Beaver Builder -- https://www.wpcrafter.com/beaverbuilder
🟡 Brizy -- https://www.wpcrafter.com/brizy
🟡 Divi -- https://www.wpcrafter.com/divi (SAVE 20%)
🟡 Thrive Architect -- https://www.wpcrafter.com/thrive-architect
BEST WORDPRESS HOSTING
🟡 Full List -- https://www.wpcrafter.com/hosting
🟡 Cloudways -- https://www.wpcrafter.com/cloudways (SAVE 20% Coupon WPCRAFTER)
🟡 NameHero -- https://www.wpcrafter.com/namehero (SAVE 70%)
🟡 SiteGround -- https://www.wpcrafter.com/siteground (SAVE 70%)
🟡 A2Hosting -- https://www.wpcrafter.com/a2hosting (SAVE 66%)
CONTACT WPCRAFTER
☑ Website -- https://www.wpcrafter.com
☑ Facebook -- https://www.facebook.com/wpcrafter
☑ Facebook Group -- https://www.facebook.com/groups/wpcrafter
☑ Twitter -- https://twitter.com/wpcrafter
All of the opinions expressed in this video are my own, I was not paid to make this video. Whenever there is a link in any of my videos, if there is a referral program available, please assume that you are clicking on a referral link. Of course, when you do click, I like to reward you back with free premium training courses. Visit for more info 👉https://www.wpcrafter.com/free-courses
Видео How To Design Awesome Product Pages With Gutenberg In WooCommerce канала WPCrafter.com WordPress For Non-Techies
Say goodbye to boring and hello to exciting product pages that drive conversions.
Code Snippet
// enable gutenberg for woocommerce
function activate_gutenberg_product( $can_edit, $post_type ) {
if ( $post_type == 'product' ) {
$can_edit = true;
}
return $can_edit;
}
add_filter( 'use_block_editor_for_post_type', 'activate_gutenberg_product', 10, 2 );
// enable taxonomy fields for woocommerce with gutenberg on
function enable_taxonomy_rest( $args ) {
$args['show_in_rest'] = true;
return $args;
}
add_filter( 'woocommerce_taxonomy_args_product_cat', 'enable_taxonomy_rest' );
add_filter( 'woocommerce_taxonomy_args_product_tag', 'enable_taxonomy_rest' );
TOP WORDPRESS DEALS AUGUST 2021
🟡 Orderable -- https://www.wpcrafter.com/orderable (Launch Lifetime Offer)
🟡 Presto Player -- https://www.wpcrafter.com/prestoplayer (SAVE 10% Auto Applied)
🟡 Kadence Theme -- https://www.wpcrafter.com/kadencewp (SAVE 10% Coupon WPCSAVE10)
🟡 CartFlows -- https://www.wpcrafter.com/cartflows (SAVE 20% Auto Applied)
🟡 FluentCRM & Forms -- https://www.wpcrafter.com/fluentcrm (SAVE 20% Coupon WPCRAFTER)
🟡 Cloudways -- https://www.wpcrafter.com/cloudways (SAVE 20% Coupon WPCRAFTER)
🟡 NameHero -- https://www.wpcrafter.com/namehero (SAVE 70%)
🟡 BuddyBoss -- https://www.wpcrafter.com/buddyboss (SAVE 10%)
🟡 Divi -- https://www.wpcrafter.com/divi (SAVE 10%)
* Want to offer a discount to WPCrafter subscribers, contact me on my website
BEST WORDPRESS PAGE BUILDERS
🟡 Elementor -- https://www.wpcrafter.com/elementor
🟡 Beaver Builder -- https://www.wpcrafter.com/beaverbuilder
🟡 Brizy -- https://www.wpcrafter.com/brizy
🟡 Divi -- https://www.wpcrafter.com/divi (SAVE 20%)
🟡 Thrive Architect -- https://www.wpcrafter.com/thrive-architect
BEST WORDPRESS HOSTING
🟡 Full List -- https://www.wpcrafter.com/hosting
🟡 Cloudways -- https://www.wpcrafter.com/cloudways (SAVE 20% Coupon WPCRAFTER)
🟡 NameHero -- https://www.wpcrafter.com/namehero (SAVE 70%)
🟡 SiteGround -- https://www.wpcrafter.com/siteground (SAVE 70%)
🟡 A2Hosting -- https://www.wpcrafter.com/a2hosting (SAVE 66%)
CONTACT WPCRAFTER
☑ Website -- https://www.wpcrafter.com
☑ Facebook -- https://www.facebook.com/wpcrafter
☑ Facebook Group -- https://www.facebook.com/groups/wpcrafter
☑ Twitter -- https://twitter.com/wpcrafter
All of the opinions expressed in this video are my own, I was not paid to make this video. Whenever there is a link in any of my videos, if there is a referral program available, please assume that you are clicking on a referral link. Of course, when you do click, I like to reward you back with free premium training courses. Visit for more info 👉https://www.wpcrafter.com/free-courses
Видео How To Design Awesome Product Pages With Gutenberg In WooCommerce канала WPCrafter.com WordPress For Non-Techies
Показать
Комментарии отсутствуют
Информация о видео
12 мая 2021 г. 0:07:23
00:09:51
Другие видео канала
WooCommerce Product Page Design with GutenbergHow To Manage All Your Websites In 1 Dashboard FREE - MainWP TutorialHow To Write 10X MORE Blog Posts In HALF The Time Using AI Artificial Intelligence 🔥How To Make WooCommerce Checkout Like Shopify - Conversion Optimized, Oh And [ FREE ]How To Make a Website With WordPress Only - No Slow/Complicated Page BuilderHow To Fix Excessive DOM Size That Is Slowing Down Your WordPress Website [SPEED TIP]Basics of Gutenberg Tutorial | What is Gutenberg WordPress4 NEW Elementor Features To Change How You Build Websites - One You Have Been Begging ForGutenberg vs Elementor | The Future of WordPressWooCommerce Product Page custom design with the Gutenberg Block Editor[Guide] How to Switch From Page Builders to Gutenberg BlocksHow To Optimize YouTube Video Embeds On WordPress - Killing Your Website SpeedHow To Make A Lightweight Automated Membership Website For Free Using WordPressPluginFocus: Gutentor - A Page Builder for GutenbergWordPress 5.8 Is About To Drop And It Looks Like We May Have Been MisleadHow To Put WooCommerce In Catalog Mode Or Request a Quote ModeHow to Customize WooCommerce Account Page with Gutenberg (No Limits)Joshua Michaels - Customizing WooCommerce the Right Way Using Action and Filter HooksWoocommerce Product Page with Elementor Pro - How to build it yourself