If I run a woocommerce store, I always want to try my best to sell products in order to achieve as much sales as possible. But for woocommerce’s single product page, it is almost limited to the preset design provided with the theme. But how do you customize the design for a single product, product category, or all products? The woobuilder block provides the ability to customize a single product page of woocommerce using the new drag and drop WordPress Block Editor (aka Gutenberg). The
In the woobuilder blocks review, we will share more of its features and show you how the tool actually works in the woocommerce store. View the woobuilder block: function list the basic premise of the woobuilder block is very simple. The new word press block editor (Gutenberg) can be used to design individual product pages by selectively activating the block editor for individual products and providing access to the set of woocommerce product details blocks. Can be used to design product pages as follows: The
Male or as follows: maleor female drivers will continue below or as you wish! That’s the point. Create your own design. But its meaning is very powerful because it provides easy to understand functions, but it can completely customize all or part of woocommerce products. You can automatically apply templates created to control where designs are displayed to specific product categories. For example, all products of all product labels y in category x can also obtain useful new blocks, such as the sales countdown timer to guide the emergency. The
In addition, you can use all regular blocks and all blocks added as third-party plug-ins. This provides great flexibility for adding new content. For example, you can get reviews from video libraries or happy customers. In addition, like normal Gutenberg blocks, the sidebar provides simple style options. The woobuilder block roadmap did not introduce these features when creating comments, but developers have released product roadmaps for ongoing tasks. In the short term, he is doing the following: It is planned to add pre-designed templates that can be inserted and customized, more product library layout options, advanced product layout blocks, and long-term segmentation testing of woocommerce single products. This is a very interesting feature where you can test different single product layouts and find the best design for transformation. The
Ready to confirm? I’ll go and show you how it works The article will continue to practice woobuilder blocks as follows: to use all the working methods of woobuilder blocks, you must also install the free caston plug-in of the same developer (potlepress). Caston is a collection of Gutenberg blocks, which helps to create more complex layouts; woobuilder blocks allow the use of blocks in third-party plug-ins, thus providing more flexibility for woocommerce product design. If both the woobuilder block and caston are installed and activated, you can start building. The
There are two ways to design a single product page: You can create templates that are automatically applied to products based on classifications. Design a completely unique design for a single product. Whichever method is used, it will start in the same way. That is, open the product on the site and click the woobuilder block activation button. Use the woo builder block woo builder
After activating the R block, the familiar word press block editor interface will open, which is the same as the interface used to create posts or pages. In fact, this is one of the benefits of this approach. No need to learn a new interface. The
In order to design the product, you can use the new woodbuilder block set and the blocks in the caston plug-in, as well as all ordinary WordPress blocks. Obtain the dedicated block of woocommerce products as a whole Male article will continue as follows: maletitle shopping basket additional button picture price comment related commodity label simple description meta information (such as product category) evaluate the sales counter – before the end of the sale, a concise method of adding urgency through the counter can also obtain caston blocks that help the layout. Kadence blocks is another good option because the plug-in provides excellent layout options. The
For example, you can use caston to create a simple two column layout. You can then add a woobuilder block within the two column layout to add product details. One benefit is that woobuilder can dynamically add actual product details to help create a more intuitive experience. That is, after adding a price block, the actual price of the product being edited will be displayed instead of the normal content. The following is a simple example. The left column contains image and metadata information, and the right column contains title, price, and cart buttons. Then you can see the theme style and corresponding layout on the front desk. The
When it comes to male shape, let’s talk about how to make the layout more beautiful To specify the woobuilder block design style, the sidebar of each block provides color and font typography controls. Other blocks have additional options. For example, the add to cart block also allows you to add profiles to buttons and inputs. In addition, all other blocks can be used. For example, to add a little space between other elements, you can use the default surface block. In this way, there is more breathing space on the product page. The
Use more blocks to decorate. One of the coolest things woobuilder blocks can do is to integrate the third square in many plug-ins. For example, suppose you add a lightbox pop-up video to the product page to display the product. Add blocks to the back end (I am using stackable to access similar video blocks). There is also zzan – a pop-up video Lightbox suitable for product pages: or woobuilder blocks. You can also import more blocks. For example, the sales counter block is a great way to add urgency to a store while a product is being sold. The
The method of saving the design as a template. If you only want to use the design on a single product, you only need to update the product. However, if you want to reuse a layout in multiple products, you can choose to save it as a template. In this way, you can navigate to product → all templates and view the list of all templates. When editing a template, you can select the product categories and labels to which you want to apply the template. For example, if it is applied to jewelry category, all products in the category will automatically adopt the template. If you do not want to apply a template to all products with a specific classification, you can also quickly apply a template when editing a single product. Woobuilder block price woobuilder block provides 4 packages. All packages have all the functions, the only difference is the number of sites that can use the package. 1 website – $49 5 companies
It – $75 25 sites – $99 unlimited sites – $199 final idea of the woobuilder block the woobuilder block is a very simple way to integrate the new WordPress block editor into the woocommerce. Even without page builder plug-ins such as element or beaver builder, you can fully control the product page design. The really powerful thing is to combine the blocks in the woobuilder block with all the innovative new blocks created by third-party developers. This combination provides great flexibility without learning new interfaces. In general, if you like the basic premise of building woocommerce single product pages using Gutenberg Block Editor, you should take a closer look. All of this worked perfectly in my tests, and the product roadmap looks very interesting in the future (mainly the split test function). Click below to start. Import woobuilder block
