Membuat Form Order Jasa Pembuatan Website #3

Pada tutorial sebelumnya, kita sudah membuat Form Order, Form HTML, dan Invoice Page untuk jasa pembuatan website.

Pada part ketiga ini, kita akan melanjutkan dengan melakukan beberapa pengaturan, mulai dari mengedit atau generate ulang desain form, menyesuaikan Invoice Page, hingga mencoba melakukan order dari sisi customer.

Mengedit Form Order yang Sudah Dibuat

Jika hasil form order yang dibuat oleh AI belum sesuai dengan keinginan, kita tidak perlu membuat form baru dari awal.

Kita dapat melakukan generate ulang menggunakan model AI yang berbeda atau menyesuaikan desainnya secara manual.

1. Buka Form HTML

Pada halaman pengaturan form order, pilih bagian Form HTML.

Di sini tersedia opsi untuk masuk ke Mode Desain dan melakukan perubahan secara manual.

Jika ingin melakukan perubahan secara otomatis menggunakan AI, kita bisa memilih opsi untuk Generate Ulang.

Generate Ulang Form dengan AI

Untuk membuat ulang desain form, pilih AI Generate.

Selain itu, tersedia juga opsi Ikuti Skema yang memungkinkan kita menggunakan struktur atau desain dari halaman lain yang sudah dibuat.

Mengikuti Skema Invoice Page

Sebagai contoh, kita ingin desain Form Order mengikuti desain Invoice Page yang sebelumnya sudah dibuat.

Pilih:

Ikuti Skema → Invoice Page

Kemudian lanjutkan prosesnya.

Pilih Model AI

Selanjutnya, pilih model AI yang ingin digunakan.

Pada contoh ini digunakan Gemini, berbeda dari proses sebelumnya yang menggunakan model lain.

Prompt tambahan dapat diisi jika ingin memberikan instruksi khusus mengenai desain. Jika tidak diperlukan, bagian tersebut juga dapat dikosongkan.

Kemudian klik Generate.

AI akan membuat ulang desain Form Order berdasarkan skema dan model yang dipilih.

Setelah selesai, periksa hasilnya. Jika desain baru lebih sesuai, simpan perubahan tersebut.

Generate Ulang Invoice Page

Invoice Page juga dapat dibuat ulang apabila desain sebelumnya belum sesuai.

Caranya hampir sama.

Pilih opsi Generate pada Invoice Page, kemudian gunakan Ikuti Skema.

Agar tampilannya tetap konsisten dengan Form Order, pilih skema Form Page yang digunakan pada form order sebelumnya.

Kemudian pilih model AI dan klik Generate.

Setelah proses selesai, periksa desain Invoice Page yang baru.

Jika sudah sesuai, klik Save.

Menguji Form Order

Setelah Form Order dan Invoice Page selesai dikonfigurasi, kita dapat melakukan simulasi order untuk memastikan seluruh proses berjalan dengan baik.

Pada halaman order, customer akan melihat produk yang sebelumnya sudah dibuat.

Dalam contoh ini terdapat tiga layanan dengan harga yang berbeda.

Customer dapat memilih salah satu produk. Ketika produk yang dipilih berubah, total harga order juga akan otomatis menyesuaikan.

Mengisi Data Customer

Sebagai contoh, masukkan data customer:

• Nama
• Email
• Nomor WhatsApp
• Status kepemilikan domain
• Kelengkapan data website
• Deskripsi kebutuhan website

Misalnya customer memilih bahwa mereka belum memiliki domain, data website sudah lengkap, dan membutuhkan website company profile untuk bisnis UMKM.

Setelah seluruh informasi diisi, customer dapat mengklik Pesan Sekarang / Mulai Project.

Customer kemudian akan diarahkan ke Invoice Page.

Memeriksa Invoice Page

Pada Invoice Page, informasi customer yang sebelumnya diisi pada form order akan ditampilkan.

Contohnya:

• Nama customer
• Nomor telepon
• Email
• Produk yang dipilih
• Total pembayaran
• Metode pembayaran

Jika terdapat elemen desain yang kurang sesuai, misalnya posisi teks belum berada di tengah, bagian tersebut masih dapat diperbaiki melalui Editor Invoice Page.

Mengatur Masa Berlaku Pembayaran

Salah satu pengaturan penting dalam form order adalah masa berlaku pembayaran.

Pengaturan pembayaran dapat berlaku secara global terhadap metode pembayaran tertentu. Karena itu, kita perlu menyesuaikannya jika ingin memberikan batas waktu yang berbeda untuk metode pembayaran tertentu.

Sebagai contoh, kita ingin:

• Virtual Account: berlaku 12 jam.
• QRIS: berlaku 1 jam.

Mengubah Masa Berlaku QRIS

Masuk ke bagian Pengaturan Order, kemudian pilih Informasi Dasar.

Scroll ke bagian pengaturan pembayaran dan ubah masa berlaku menjadi:

1 jam

Kemudian klik Simpan.

Dengan pengaturan tersebut, pembayaran QRIS akan memiliki masa berlaku yang lebih singkat.

Melakukan Pembayaran dengan QRIS

Setelah pengaturan selesai, customer dapat memilih QRIS sebagai metode pembayaran.

Pada QRIS dapat terdapat biaya tambahan karena transaksi melalui layanan pembayaran tersebut dapat dikenakan biaya pemrosesan.

Sementara itu, biaya pada metode Virtual Account dapat berbeda sesuai dengan metode dan konfigurasi pembayaran yang digunakan.

Jika customer memilih QRIS dan melanjutkan pembayaran, customer akan diarahkan ke halaman pembayaran QRIS.

Selanjutnya, customer cukup melakukan scan QRIS menggunakan aplikasi pembayaran yang mendukung QRIS dan menyelesaikan pembayaran sebelum batas waktu berakhir.

Form Order Tidak Hanya untuk Jasa

Meskipun tutorial ini menggunakan contoh jasa pembuatan website, konsep form order yang sama dapat digunakan untuk berbagai jenis produk.

Misalnya:

• Produk jasa.
• Produk fisik.
• Produk digital.

Perbedaannya terutama terletak pada kebutuhan setelah pembayaran.

Untuk produk fisik, biasanya diperlukan informasi pengiriman atau alamat customer.

Sedangkan untuk produk digital, biasanya tidak membutuhkan pengiriman fisik dan dapat menggunakan mekanisme akses produk setelah pembayaran.

Kesimpulan

Pada part ketiga ini, kita sudah mempelajari beberapa tahap lanjutan dalam pembuatan form order di Tabset:

1. Mengedit Form HTML secara manual.
2. Generate ulang Form Order menggunakan AI.
3. Menggunakan Ikuti Skema agar desain tetap konsisten.
4. Generate ulang Invoice Page.
5. Melakukan simulasi order sebagai customer.
6. Memeriksa data yang masuk ke Invoice Page.
7. Mengatur masa berlaku pembayaran.
8. Menguji pembayaran menggunakan QRIS.

Dengan kombinasi AI, Form Order, Invoice Page, dan sistem pembayaran, Tabset dapat digunakan untuk membangun alur pemesanan yang lebih lengkap, baik untuk jasa, produk fisik, maupun produk digital.