Sistem Kasir Sederhana dengan WooCommerce dan Contact Form 7

Jika Anda mempunyai toko online berbasis WooCommerce dan ingin menggunakannya sebagai alat bantu pencatatan transaksi pada toko offline. Anda bisa membuatnya sendiri dengan bantuan plugin Contact Form 7 dan CF7 Send to WA.

Demo Sistem Kasir

Sebelum lanjut, saya ingin memberikan insight berupa demo hasil akhir dari program yang akan dibuat. Silahkan Anda cek melalui link demo ini.

Struk pembelian berupa pesan WhatsApp yang dapat dikirim ke nomer pelanggan langsung.

Menyiapkan Contact Form

Pastikan Anda sudah menginstall plugin Contact Form 7 dan CF7 Send to WhatsApp (versi 0.10.7 atau yang lebih baru). Jika semua sudah siap, berikut langkah-langkahnya.

Buat Contact Form Baru

Untuk tab Mail & Message dapat Anda isi sesuai keinginan, berikut isi tab Mail, Additional Settings & WhatsApp pada contact form saya.

Buat Page Baru

Silahkan membuat halaman baru, usahakan pengaturan sidebar dinonaktifkan, sehingga Anda mempunyai halaman full-width tanpa sidebar.

Pada contoh ini saya memberi judul "POS Lite", sehingga slug menjadi post-lite. Slug ini yang akan digunakan pada code snippet nantinya. Tambahkan block Custom HTML pada Guttenberg editor Anda.

Mungkin Anda perlu membuat halaman ini menjadi private dengan menggunakan plugin page restriction atau sejenisnya.

Membuat Custom Code

Buat snippet baru dengan menggunakan plugin Code Snippets, kemudian isi kode sebagai berikut. Pilih opsi only run on front end sebelum Anda save & activate.

Kesimpulan

Contoh diatas masih dapat dikustomasi sesuai kebutuhan usaha Anda, silahkan dipelajari lebih lanjut agar dapat memaksimalkan toko online berbasis WooCommerce Anda.

Hasil Akhir Aplikasi

Happy Selling 🙂

5 2 votes
Article Rating
Subscribe
Notify of
guest
14 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
TangselQ
TangselQ
11 months ago

Ini yang saya cari, terima kasih atas informasinya gan.
Izin mencoba di website saya yang satunya lagi.

abel
abel
10 months ago

Plugin mantap ini fungsinya
Saya mau tanya, setelah saya aktivasi code snippetsnya muncul error, mohon bantuannya
Don't PanicThe code snippet you are trying to save produced a fatal error on line 91:
syntax error, unexpected end of file
The previous version of the snippet is unchanged, and the rest of this site should be functioning normally as before.
Please use the back button in your browser to return to the previous page and try to fix the code error. If you prefer, you can close this page and discard the changes you just made. No changes will be made to this site.

abel
abel
10 months ago
Reply to  Yerie Piscesa

Sudah bisa kirim total invoice ke wa, ternyata belum setting di whatsapp send.bagian woocommerce integration

Sekarang problemnya pada bagian uang dibayar dan uang kembali tidak terhitung otomatis dan tidak ada di invoicenya saat kirim ke wa

mohon info dimana settingnya ya

apa karena pos lite snippets saya tidak bisa di aktivasi

EDIT;

terima kasih mas yerie, ternyata kesalahan ada di saya, line 92 di pos lite snippets ga disalin..hehe. maklum pemula

It works like a charm now, god bless you

Last edited 10 months ago by abel
abel
abel
10 months ago
Reply to  Yerie Piscesa

barokallah mas Yerie..

Mau tanya lisensi pluginnya gimana ya mas, kalau saya mau buat toko online untuk reseller saya, syaratnya apa mas Yerie

terima kasih.

bagus
bagus
7 months ago

mau tanya, bagaimana jika detil POS nya ambil data dari woocommerce order number yang telah masuk/yang sudah dilakukan buyer?

Bagus
Bagus
7 months ago
Reply to  Yerie Piscesa

Ya sejenis edit data mas.. Tapi Maksut saya buat text field 1 inputan cukup entri nomer order lalu tampil detil ordernya beserta rincian, dll baru kita entri data pembayaran sesuai dgn POS Lite ini.

Erwin
Erwin
1 month ago

mas mau tanya klo pada penginputan UANG DIBAYAR = TOTAL (terisi otomatis sesuai dengan Total yang harus dibayarkan) penambahan/edit script di snippet nya apa ya?

Jadi ketika customer membeli barang jumlah TOTAL langsung tertera maka UANG DIBAYAR juga otomatis tertera sejumlah TOTAL. Mohon bantuannya mas, terimakasih sebelumnya

envelope-otagscalendarwhatsapp
14
0
Would love your thoughts, please comment.x
()
x