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 1 vote
Article Rating
Subscribe
Notify of
guest
8 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
TangselQ
TangselQ
1 month ago

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

abel
abel
1 day 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
1 day 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 1 day ago by abel
abel
abel
1 day 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.

envelope-otagscalendarsuitcasewhatsapp
8
0
Would love your thoughts, please comment.x
()
x