Template Checkout Page (WordPress Theme)
Panduan Woo Template Checkout Page: Simple Checkout Slim/Wide, pengaturan form, order review, gateway, dan kompatibilitas Classic Checkout.
Section Woo Template - Checkout Page mengatur tampilan halaman Checkout. Seperti halaman Cart, tema menyediakan mode Simple Checkout (Slim/Wide) untuk funnel yang lebih fokus, atau Default Page Layout untuk layout tema penuh.
Penting: pengaturan di section ini bekerja penuh dengan shortcode [woocommerce_checkout] (Classic Checkout). Kompatibilitas dengan Checkout block terbatas.
Tutorial ini berlaku untuk semua tema WordPress by TokoPressID yang mendukung WooCommerce, termasuk LarisManis, Adora, Salvia, LarisGram, LarisDigital, dan tema TokoPressID lainnya dengan struktur Theme Settings yang sama.
Cara membuka pengaturan
- Buka TokoPressID → Theme Settings → Theme Settings: WooCommerce.
- Klik Woo Template - Checkout Page.
Checkout Page Style
| Pilihan | Lebar | Deskripsi |
|---|---|---|
| Simple Checkout Page - Slim (680px) | 680px | Checkout satu kolom ramping |
| Simple Checkout Page - Wide (1040px) | 1040px | Checkout satu kolom lebih lebar |
| Default Page Layout | Penuh | Layout tema standar |
Default tema: Simple Checkout Page - Slim (680px).
Perilaku mirip Cart: mode Simple menyembunyikan Default Checkout Page Layout dan membatasi metabox Page Layout pada halaman Checkout.
Simple Checkout Page Layout
Hanya aktif saat style = Simple (Slim atau Wide):
| Label di tema | Jenis | Fungsi |
|---|---|---|
| Setup Logo | Pesan | Tautan Setup Site Logo |
| Custom Title | Teks | Judul di atas form checkout |
| Custom Description | Teks | Deskripsi singkat |
| Custom Footer Text | Teks | Teks footer |
| Hide Header Logo Image/Text | Checkbox | Sembunyikan logo |
| Hide Title & Description | Checkbox | Sembunyikan judul dan deskripsi |
| Hide Footer Text | Checkbox | Sembunyikan footer |
Checkout Settings
| Label di tema | Fungsi |
|---|---|
| DISABLE login form on Checkout page | Sembunyikan form login |
| DISABLE coupon form on Checkout page | Sembunyikan form kupon |
| HIDE product list on Checkout order review | Sembunyikan daftar produk di ringkasan order |
| HIDE Checkout order review section | Sembunyikan seluruh section order review |
| HIDE payment gateway description on Checkout page | Sembunyikan deskripsi metode bayar |
| HIDE payment gateway list on Checkout page | Sembunyikan daftar gateway (hanya jika satu metode bayar) |
| “Place order” Button Text | Teks tombol pesan |
Tautan di section:
- Setup/disable “Privacy Policy”: menuju WooCommerce → Settings → Advanced → Checkout
- Setup/disable “Terms And Conditions”: pengaturan yang sama
Tombol Place order memakai Primary Color dari Global Colors.
Tab Style
Tab Woo Template - Checkout Page - Style menautkan ke Global Colors untuk warna tombol.
Integrasi plugin TokoPressID
Checkout Classic memungkinkan integrasi:
- IndoCheckout / field alamat Indonesia
- IndoOngkir dan modul ongkir
- WhatsApp Checkout Redirect (LarisTurbo)
- Digital Product Checkout (LarisTurbo)
Pastikan halaman Checkout memakai shortcode Classic, bukan block WooCommerce.
Langkah setup Simple Checkout
- Pastikan halaman Checkout berisi
[woocommerce_checkout]. - Pilih Simple Checkout Page - Slim atau Wide.
- Atur logo dan teks header/footer opsional.
- Nonaktifkan elemen yang tidak perlu (misalnya login jika guest checkout aktif).
- Jangan centang HIDE payment gateway list kecuali hanya ada satu gateway.
- Simpan dan uji pesanan uji coba end-to-end.
Langkah setup Default Checkout
- Pilih Default Page Layout.
- Edit halaman Checkout di Pages.
- Atur Page Layout lewat metabox jika perlu sidebar atau menyembunyikan elemen tema.