Insert Blocks for WooCommerce

Insert Blocks for WooCommerce is a plugin that allows you to insert Gutenberg blocks into almost every part of your WooCommerce-based store.

Installation

Please first download the plugin you have purchased from your account page. Then upload it to your website via Plugins > Add New Plugin > Upload Plugin > Choose File > Install Now.

Once the installation is successful, click Activate for the Insert Blocks for WooCommerce plugin on the Plugins page.

Once activated, please go to Plugins > Installed Plugins > Onesender Sheet Broadcast Pro > License. Then enter the license code you received after purchasing the plugin.

Single Product

Single Product is a page that displays detailed information about a product, including its name, price, and description/specifications.

With Insert Blocks for WooCommerce, you can add Gutenberg blocks to several sections of the single product page, including:

1. Before Single Product
2. Before Single Product Summary
3. Single Product Summary
4. After Single Product Summary
5. After Single Product
6. Before Add To Cart Form
7. Before Variations Form
8. After Variations Form
9. Before Add to Cart Button
10. After Add to Cart Button
11. Product Thumbnails
12. Before Single Variation
13. Single Variation
14. After Single Variation
15. Before Add to Cart Quantity
16. After Add to Cart Quantity
17. Product Meta Start
18. Product Meta End
19. After Product Title
20. After Product Summary
21. WooCommerce Share
22. Product Additional Information
23. Product After Tabs
24. Before Review
25. Before Review Comment Meta
26. Review Meta
27. Before Review Comment Text
28. Review Comment Text
29. After Review Comment Text

You can view the visual representation in the article WooCommerce Visual Hook Guide: Single Product Page

Shop Page / Archive Page

Shop Page / Archive Page is a page that displays a list of products sold on a website.

With Insert Blocks for WooCommerce, you can add Gutenberg blocks in several sections of the shop page/archive page, including:

1. Archive Description
2. Before Shop Loop
3. Before Shop Loop Item
4. After Shop Loop Item
5. After Shop Loop
6. Before Main Content
7. After Main Content
8. WooCommerce Sidebar
9. Before Subcategory Title
10. After Subcategory Title
11. Before Subcategory
12. After Subcategory
13. Before Shop Loop Item Title
14. Shop Loop Item Title
15. After Shop Loop Item Title
16. Before Shop Loop Item Price
17. After Shop Loop Item Price
18. Loop Product Link Open
19. Loop Product Link Close

You can view the visual representation in the article WooCommerce Visual Hook Guide: Shop / Archive Page

Cart Page

Cart Page is a page that contains products that have been added to the shopping cart to proceed to checkout.

With Insert Blocks for WooCommerce, you can add Gutenberg blocks in several sections of the cart page, including:

1. Before Cart
2. Before Cart Table
3. Before Cart Contents
4. Cart Contents
5. Cart Coupon
6. After Cart Contents
7. After Cart Table
8. Cart Collaterals
9. Before Cart Totals
10. Cart Totals Before Shipping
11. Before Shipping Calculator
12. After Shipping Calculator
13. Cart Totals After Shipping
14. Cart Totals Before Order Total
15. Cart Totals After Order Total
16. Proceed To Checkout
17. After Cart Totals
18. After Cart

You can view the visual representation in the article WooCommerce Cart Page Hooks: Visual Guide

Checkout Page

Checkout Page is the final step in the product purchasing process. On this page, customers will fill out and determine recipient details, payment options, shipping methods, and more.

With Insert Blocks for WooCommerce, you can add Gutenberg blocks in several sections of the checkout page, including:

1. Before Checkout Form
2. Before Customer Details
3. Before Billing Form
4. After Billing Form
5. Before Shipping Form
6. After Shipping Form
7. Before Order Notes
8. After Order Notes
9. After Customer Details
10. Before Order Review
11. Review Order Before Cart Contents
12. Review Order After Cart Contents
13. Review Order Before Shipping
14. Review Order After Shipping
15. Review Order Before Order Total
16. Review Order After Order Total
17. Review Order Before Payment
18. Review Order Before Submit
19. Review Order After Submit
20. Review Order After Payment
21. Review Order After Order Review
22. Review Order Checkout Form

You can view the visual representation in the article WooCommerce Visual Hook Guide: Checkout Page

Thank You Page

Thank You Page is the final stage in the product purchasing process. On this page, purchase details, selected shipping method, payment method, and other related information are displayed. After this page, the customer must complete the payment before the product is shipped to the recipient’s address.

With Insert Blocks for WooCommerce, you can add Gutenberg blocks in several sections of the thank you page, including:

1. Thank You
2. Before Thank You
3. After Thank You
4. Order Received
5. After Order Table
6. Before Order Table
7. After Order Total
8. Before Order Total
9. Order Details
10. Order Items

You can view the visual representation in the article WooCommerce: Customize The Thank You Page

My Account Page

My Account Page is the customer dashboard page, where customers can view the products they have purchased or manage their account details.

With Insert Blocks for WooCommerce, you can add Gutenberg blocks in several sections of the My Account page, including:

1. Before Customer Login Form
2. Login Form Start
3. Login Form
4. Login Form End
5. Register Form Start
6. Register Form
7. Register Form
8. Register Form End
9. After Customer Login Form
10. Account Content
11. Account Dashboard
12. Account Navigation
13. Before Account Navigation
14. After Account Navigation
15. Before Account Orders Pagination
16. Before Available Downloads
17. After Available Downloads
18. After Account Downloads
19. Before Edit Account Address Form
20. After Edit Account Address Form
21. Before Edit Account Form
22. Edit Account Form Start
23. Edit Account Form
24. Edit Account Form End
25. After Edit Account Form

You can view the visual representation in the article WooCommerce Visual Hook Guide: My Account Pages

Update

To perform an update, go to the Plugins menu and look for the Insert Blocks for WooCommerce plugin. If an update is available from us, simply click Update Now as shown in the image below.