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
18 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
TangselQ
TangselQ
3 years ago

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

abel
abel
3 years 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
3 years 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 3 years ago by abel
abel
abel
3 years 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
3 years ago

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

Bagus
Bagus
3 years 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
2 years 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

elsa
elsa
2 years ago

hi, link demo nya tidak bisa di buka

heri syahputra
heri syahputra
1 year ago

mas, kalau mau tambah fitur, misal,
kita tambah fitur siapa nambah member yang beli, di mana data member di ambil dari data coustomer yang telah di daftar kan sebelum nya. dan member akan mendapat point setiap transaksi yang di lakukannya ?

bisa bantu mas ? saya tulis email di bawah untuk bimbingannya

lovi
lovi
8 months ago

informasi tentang sistem kasir sederhana sangat bermanfaat. Di era digitalisasi, pemanfaatan teknologi di berbagai macam bidang dapat mempermudah keseharian.

Last edited 8 months ago by lovi
envelope-otagscalendarwhatsapp
18
0
Would love your thoughts, please comment.x
()
x