Cara Mengganti Blocks Checkout ke Classic Checkout WooCommerce 2026 (Panduan Lengkap)

Untuk mengganti Blocks Checkout ke Classic Checkout di WooCommerce, edit halaman Checkout, hapus semua block Gutenberg yang ada, lalu ganti dengan shortcode [woocommerce_checkout] dan simpan. Proses ini menyelesaikan masalah plugin ongkir atau payment gateway yang tidak muncul setelah update WooCommerce ke versi 8.3 atau lebih baru.

Apa Bedanya Blocks Checkout dan Classic Checkout?

Blocks Checkout adalah sistem checkout baru yang dibangun menggunakan teknologi Gutenberg, sedangkan Classic Checkout menggunakan shortcode tradisional yang lebih stabil dan kompatibel dengan hampir semua plugin.

Blocks Checkout tampilannya lebih modern, tapi belum semua plugin pihak ketiga mendukungnya. Ini sering menyebabkan plugin ongkir dan payment gateway tidak muncul.

Classic Checkout menggunakan shortcode [woocommerce_checkout]. Meskipun disebut “lama”, sistem ini justru lebih stabil dan kompatibel dengan hampir semua plugin.

Kapan Harus Pakai Classic Checkout?

Pertimbangkan untuk beralih ke Classic Checkout jika:

• Plugin ongkir tidak muncul di halaman checkout
• Payment gateway tidak tampil atau error
• Custom field tidak berfungsi
• Checkout terasa lambat atau sering loading
• Anda menggunakan plugin seperti AgenWebsite Shipping yang dioptimalkan untuk Classic Checkout

Bagaimana Cara Cek Apakah Toko Menggunakan Blocks Checkout?

Sebelum mengubah apapun, cek dulu jenis checkout yang digunakan toko Anda. Caranya sangat mudah:

1. Login ke WordPress Admin
2. Buka Pages (Halaman)
3. Klik Edit pada halaman Checkout
4. Perhatikan isi halaman tersebut

Jika Anda melihat block bernama “Checkout” dengan tampilan visual modern — berarti menggunakan Blocks Checkout dan perlu diganti.

Jika Anda melihat shortcode [woocommerce_checkout] — berarti sudah menggunakan Classic Checkout. Tidak perlu ubah apapun.

Bagaimana Cara Mengganti ke Classic Checkout?

Ada tiga metode yang bisa dipilih. Metode 1 paling direkomendasikan karena paling simpel dan aman.

Metode 1: Ganti Manual dengan Shortcode (Recommended)

Cara paling simpel dan cocok untuk semua level pengguna:

1. Buka WordPress Admin – Pages (Halaman)
2. Cari dan klik Edit pada halaman Checkout
3. Hapus semua block yang ada di halaman tersebut (block Checkout dari Gutenberg)
4. Tambahkan block Shortcode atau block Classic
5. Masukkan shortcode: [woocommerce_checkout]
6. Klik Update atau Publish
7. Buka halaman checkout di browser untuk memastikan tampilannya sudah berubah

Tips: Sebelum menghapus block lama, backup dengan cara Copy semua block, lalu Paste di dokumen lain (Notepad atau Google Docs). Jadi kalau mau balik, tinggal paste lagi.

Metode 2: Buat Halaman Checkout Baru

Jika tidak ingin mengedit halaman yang sudah ada, buat halaman baru sebagai alternatif yang lebih aman:

1. Buka Pages – Add New
2. Beri judul: Checkout atau Checkout Classic
3. Masukkan shortcode: [woocommerce_checkout]
4. Publish halaman tersebut
5. Buka WooCommerce – Settings – Advanced – Page setup
6. Pada bagian Checkout page, pilih halaman baru yang baru dibuat
7. Klik Save changes

Kelebihan metode ini: Halaman checkout lama tetap ada sebagai backup.

Metode 3: Menggunakan Plugin

Jika tidak nyaman edit manual, ada plugin yang bisa membantu:

• Disable WooCommerce Blocks – Menonaktifkan semua WooCommerce Blocks
• Classic Editor – Mengembalikan editor WordPress ke versi klasik

Catatan: Metode 1 atau 2 lebih direkomendasikan karena tidak menambah plugin baru. Semakin sedikit plugin, semakin cepat website Anda.

Apakah Halaman Cart Juga Perlu Diganti?

Ya. Selain Checkout, halaman Cart (Keranjang) juga menggunakan Blocks di WooCommerce versi baru. Jika mengalami masalah serupa di halaman Cart, ulangi langkah di atas dengan shortcode:

	

		Keranjang Anda saat ini kosong.	
	

		
			Kembali ke toko		
	

Bagaimana Cara Memverifikasi Semuanya Berfungsi?

Setelah mengganti ke Classic Checkout, lakukan pengecekan menyeluruh untuk memastikan tidak ada yang terlewat:

1. Tambahkan produk ke keranjang – Pastikan tombol “Add to Cart” berfungsi
2. Buka halaman Cart – Cek tampilan dan tombol “Proceed to Checkout”
3. Buka halaman Checkout – Pastikan semua field muncul: form billing, form shipping, pilihan ongkir, dan pilihan payment
4. Test order – Buat pesanan dummy untuk memastikan flow berjalan lancar

Bagaimana Cara Mengatasi Masalah Setelah Ganti ke Classic Checkout?

Beberapa masalah mungkin masih terjadi setelah penggantian. Berikut solusinya:

Plugin Ongkir Masih Tidak Muncul

• Cek konfigurasi Shipping Zone – Buka WooCommerce – Settings – Shipping, pastikan ada zona yang mencakup lokasi toko dan pembeli
• Cek apakah produk butuh shipping – Edit produk, pastikan Weight dan Dimensions terisi di tab Shipping
• Clear cache – Jika pakai plugin cache (LiteSpeed, WP Rocket), clear semua cache termasuk cache browser
• Cek conflict plugin – Nonaktifkan plugin lain satu per satu untuk menemukan yang bentrok

Tampilan Checkout Berantakan

Ini biasanya masalah tema. Coba switch sementara ke tema default (Storefront atau Twenty Twenty-Four). Jika normal, berarti tema yang perlu di-update atau ada custom CSS yang perlu disesuaikan.

Mengapa AgenWebsite Merekomendasikan Classic Checkout?

Classic Checkout lebih stabil dan kompatibel untuk toko online Indonesia. Plugin AgenWebsite Shipping dan AgenWebsite Payments dioptimalkan untuk Classic Checkout karena:

• Kompatibilitas lebih luas – Didukung oleh hampir semua plugin dan tema
• Customization lebih mudah – Menambah custom field, mengubah urutan field, atau styling bisa dilakukan dengan mudah
• Performa stabil – Tidak ada JavaScript kompleks yang menyebabkan loading lambat
• Fitur lengkap – Kalkulasi ongkir real-time, kode unik pembayaran, dan custom tarif berjalan sempurna

Kesimpulan

Mengganti WooCommerce Blocks Checkout ke Classic Checkout hanya butuh beberapa langkah sederhana:

1. Edit halaman Checkout
2. Hapus block Checkout
3. Ganti dengan shortcode [woocommerce_checkout]
4. Save dan test

Dengan Classic Checkout, plugin ongkir dan payment gateway akan berfungsi normal kembali. Tidak ada fitur yang hilang — justru kompatibilitas dan stabilitasnya lebih baik.

Sudah pakai AgenWebsite Shipping untuk kalkulasi ongkir otomatis? Dengan Classic Checkout, semua fitur premium seperti multi-kurir, tracking real-time, dan custom tarif akan berjalan optimal.

FAQ (Pertanyaan yang Sering Diajukan)

Apakah mengganti ke Classic Checkout aman dan tidak merusak data?

Ya, sangat aman. Penggantian hanya mengubah tampilan halaman checkout, tidak memengaruhi data pesanan, produk, atau pelanggan yang sudah ada. Anda bahkan bisa kembali ke Blocks Checkout kapan saja.

Apakah Classic Checkout akan dihapus dari WooCommerce?

Untuk saat ini, WooCommerce masih mendukung Classic Checkout melalui shortcode. WooCommerce memahami bahwa banyak plugin yang belum kompatibel dengan Blocks Checkout, sehingga opsi klasik tetap tersedia.

Kenapa plugin ongkir saya tidak muncul setelah update WooCommerce?

Kemungkinan besar karena WooCommerce otomatis mengubah halaman checkout ke Blocks Checkout saat update. Blocks Checkout menggunakan arsitektur berbeda yang belum didukung banyak plugin shipping Indonesia. Ganti ke Classic Checkout untuk menyelesaikan masalah ini.

Bisakah saya menggunakan Blocks Checkout dengan plugin AgenWebsite?

Saat ini, plugin AgenWebsite dioptimalkan untuk Classic Checkout. Tim AgenWebsite terus memantau perkembangan WooCommerce Blocks dan akan mengupdate kompatibilitas begitu sistemnya lebih stabil.

Apakah Classic Checkout bisa dikustomisasi tampilannya?

Ya, Classic Checkout sangat fleksibel. Anda bisa mengkustomisasi tampilan melalui CSS, menambah atau menghapus field dengan plugin seperti Checkout Field Editor, dan mengintegrasikan berbagai plugin pihak ketiga tanpa masalah kompatibilitas.