Insert Blocks for WooCommerce

Insert Blocks for WooCommerce adalah sebuah plugin untuk menyisipkan gutenberg blocks di hampir seluruh bagian toko berbasis WooCommerce.

Instalasi

Silakan download terlebih dahulu plugin yang telah Anda beli di halaman akun Anda. Kemudian upload ke website Anda di menu Plugins > Add New Plugin > Upload Plugin > Choose File > Install Now.

Setelah berhasil melakukan instalasi, silakan klik Activate untuk plugin Insert Blocks for WooCommerce di halaman Plugins.

Setelah aktif, silakan menuju menu Plugins > Installed Plugins > Onesender Sheet Broadcast Pro > License. Kemudian masukkan kode lisensi yang Anda dapatkan setelah melakukan pembelian plugin.

Single Product

Single Product adalah sebuah halaman yang menampilkan detail sebuah produk secara rinci, dari nama, harga, hingga deskripsi/spesifikasi.

Dengan Insert Blocks for WooCommerce kita dapat menambahkan sebuah gutenberg blocks di beberapa bagian di halaman single product, antara lain:

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

Anda bisa melihat visualnya di artikel WooCommerce Visual Hook Guide: Single Product Page

Shop Page / Archive Page

Shop Page / Archive Page adalah sebuah halaman yang memuat daftar produk-produk yang dijual di sebuah website.

Dengan Insert Blocks for WooCommerce kita dapat menambahkan sebuah gutenberg blocks di beberapa bagian di halaman shop page/ archive page, antara lain:

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

Anda bisa melihat visualnya di artikel WooCommerce Visual Hook Guide: Shop / Archive Page

Cart Page

Cart Page adalah halaman yang memuat produk-produk yang telah dimasukkan di keranjang belanja untuk selanjunya dilakukan checkout.

Dengan Insert Blocks for WooCommerce kita dapat menambahkan sebuah gutenberg blocks di beberapa bagian di halaman cart page, antara lain:

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

Anda bisa melihat visualnya di artikel WooCommerce Cart Page Hooks: Visual Guide

Checkout Page

Checkout Page adalah halaman sebelum akhir dari proses pembelian produk, pada checkout page, customer akan mengisi dan menentukan detail penerima, pilihan pembayaran, kurir dan lain sebagainya.

Dengan Insert Blocks for WooCommerce kita dapat menambahkan sebuah gutenberg blocks di beberapa bagian di halaman checkout page, antara lain:

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

Anda bisa melihat visualnya di artikel WooCommerce Visual Hook Guide: Checkout Page

Thank You Page

Thank You Page adalah halaman akhir dari proses pembelian produk, pada halaman ini ditampilkan detail pembelian, pilihan kurir, pembayaran dan lain sebagainya. Setelah halaman ini, customer harus melakukan pembayaran sebelum produk dikirim ke alamat penerima.

Dengan Insert Blocks for WooCommerce kita dapat menambahkan sebuah gutenberg blocks di beberapa bagian di halaman thank you page, antara lain:

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

Anda bisa melihat visualnya di artikel WooCommerce: Customize The Thank You Page

My Account Page

My Account Page adalah halaman dasbor untuk customer, yang mana customer dapat melihat produk yang telah mereka beli, atau detail akun milik mereka.

Dengan Insert Blocks for WooCommerce kita dapat menambahkan sebuah gutenberg blocks di beberapa bagian di halaman my account page, antara lain:

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

Anda bisa melihat visualnya di artikel WooCommerce Visual Hook Guide: My Account Pages

Update

Untuk melakukan update, Anda bisa menuju ke Plugins dan cari plugin Insert Blocks for WooCommerce. Bila ada pembaharuan dari kami, Anda cukup melakukan klik Update Now seperti gambar di bawah.