Membuat Form Order Jasa Pembuatan Website #2

Pada tutorial sebelumnya, kita sudah membuat form order untuk jasa pembuatan website lengkap dengan beberapa produk dan metode pembayaran.

Pada tahap berikutnya, kita perlu mengatur detail form agar informasi yang dikumpulkan dari customer lebih lengkap. Setelah itu, kita akan membuat Form HTML dan Invoice Page menggunakan bantuan AI.

Mengatur Produk pada Form Order

Pertama, periksa kembali produk yang sudah dibuat.

Pastikan seluruh produk yang ditampilkan sudah sesuai dengan layanan yang ingin dijual.

Jika terdapat produk yang salah, kita dapat mengeditnya. Jika ingin menambahkan produk baru, klik Tambah Produk.

Menambahkan Field pada Form Order

Bagian yang tidak kalah penting adalah Field Form atau kolom isian yang harus diisi oleh customer.

Field ini menentukan informasi apa saja yang akan kita dapatkan ketika customer melakukan order.

Semakin lengkap informasi yang dikumpulkan, semakin mudah proses pengerjaan website customer nantinya.

1. Nama

Field nama sudah tersedia secara default.

Pastikan field ini tetap digunakan agar kita mengetahui identitas customer yang melakukan order.

2. Email

Tambahkan atau aktifkan field Email.

Field ini dapat dibuat wajib diisi agar customer selalu memberikan alamat email yang valid ketika melakukan order.

Email dapat digunakan untuk kebutuhan komunikasi maupun informasi terkait pesanan.

3. WhatsApp

Field nomor telepon dapat disesuaikan menjadi WhatsApp.

Dengan begitu, informasi kontak yang dikumpulkan lebih relevan untuk komunikasi langsung dengan customer.

Menanyakan Kepemilikan Domain

Informasi lain yang penting untuk jasa pembuatan website adalah mengetahui apakah customer sudah memiliki domain.

Tambahkan field baru dengan pengaturan:

• Nama: Domain
• Tipe: Select
• Wajib diisi: Ya

Kemudian tambahkan pilihan:

• Sudah
• Belum

Dengan field ini, kita dapat mengetahui kondisi domain customer sejak awal proyek.

Menanyakan Kelengkapan Data Website

Selain domain, kita juga perlu mengetahui apakah customer sudah memiliki materi yang dibutuhkan untuk pembuatan website.

Misalnya:

• Logo
• Deskripsi bisnis
• Gambar produk
• Foto
• Video
• Materi pendukung lainnya

Buat field baru, misalnya:

• Nama: Data
• Tipe: Select
• Wajib diisi: Ya

Kemudian berikan pilihan yang sesuai, misalnya:

• Sudah lengkap
• Belum lengkap

Informasi ini penting karena materi dari customer akan digunakan sebagai bahan untuk membangun website.

Menambahkan Deskripsi Website

Field berikutnya yang penting adalah meminta customer menjelaskan website yang mereka inginkan.

Tambahkan field dengan pengaturan:

• Nama: Deskripsi
• Tipe: Text Area
• Wajib diisi: Ya

Customer dapat menggunakan kolom ini untuk menjelaskan kebutuhan mereka secara lebih detail.

Misalnya, mereka dapat menjelaskan:

• Website seperti apa yang diinginkan.
• Tujuan website.
• Informasi yang ingin ditampilkan.
• Fitur yang dibutuhkan.
• Referensi atau kebutuhan khusus lainnya.

Setelah seluruh field selesai dibuat, klik Simpan.

Dengan demikian, form order sudah memiliki beberapa informasi penting yang dapat membantu proses pengerjaan proyek.

Membuat Form HTML dengan AI

Setelah pengaturan field selesai, langkah berikutnya adalah membuat Form HTML.

Klik tombol Buat Form HTML.

Kemudian pilih opsi Generate dan gunakan AI Generate.

Pilih Model AI

Pilih model AI yang tersedia sesuai kebutuhan.

Setelah itu, masukkan deskripsi mengenai tampilan form yang ingin dibuat.

Contohnya:

Buat form dengan style warna cyan.

Deskripsi ini dapat disesuaikan dengan identitas brand atau desain website yang digunakan.

Kamu juga bisa memberikan instruksi lebih detail mengenai:

• Warna.
• Gaya desain.
• Layout.
• Elemen visual.
• Nuansa tampilan.

Setelah prompt selesai, klik Generate.

AI akan memproses instruksi dan membuat desain form secara otomatis.

AI Membuat Form

Proses generate akan melalui beberapa tahap hingga menghasilkan form yang siap digunakan.

Kecepatan proses bergantung pada model AI yang dipilih.

Setelah selesai, hasil form dapat langsung diperiksa.

Jika ingin melakukan perubahan, masuk ke Mode Desain.

Kita dapat mengedit berbagai elemen seperti:

• Gambar.
• Icon.
• Teks.
• Warna.
• Elemen visual lainnya.

Setelah melakukan perubahan, jangan lupa Save.

Membuat Invoice Page

Setelah Form HTML selesai, langkah berikutnya adalah membuat Invoice Page.

Klik Buat Invoice Page.

Kemudian pilih opsi Generate.

Menggunakan Skema Form Sebelumnya

Pada proses pembuatan Invoice Page, tersedia pilihan untuk menggunakan skema dari form yang sudah dibuat sebelumnya.

Kita dapat memilih skema Form Page yang baru saja dibuat agar desain dan struktur halaman tetap konsisten.

Alternatifnya, kita juga dapat membuat halaman baru dengan style yang berbeda.

Pada contoh ini, digunakan skema dari form order yang sudah dibuat sebelumnya.

Masukkan Deskripsi

Selanjutnya, berikan deskripsi mengenai Invoice Page yang ingin dibuat.

Misalnya, instruksikan AI untuk mempertahankan gaya premium dan menyesuaikan desain dengan form sebelumnya.

Kemudian pilih model AI dan klik Generate.

AI akan membuat rancangan Invoice Page berdasarkan skema dan instruksi yang diberikan.

Setelah selesai, kita dapat membuka Mode Desain jika ingin melakukan perubahan tambahan.

Misalnya mengganti:

• Warna.
• Teks.
• Elemen visual.
• Layout.

Setelah selesai, klik Save.

Bagaimana dengan Access Page?

Dalam proses pembuatan form order terdapat opsi Access Page.

Untuk jasa pembuatan website seperti contoh ini, Access Page tidak wajib dibuat.

Access Page lebih relevan untuk produk digital yang membutuhkan halaman akses setelah pembelian.

Misalnya ketika menjual:

• Ebook.
• File digital.
• Template.
• Video course.
• Produk digital lainnya.

Halaman tersebut dapat digunakan untuk memberikan akses atau link download kepada customer.

Karena contoh pada tutorial ini merupakan jasa pembuatan website, proses cukup sampai pada:

Form Order → Form HTML → Invoice Page

Kesimpulan

Pada tahap ini, kita sudah melengkapi form order jasa pembuatan website dengan field yang lebih informatif dan membuat halaman pendukung menggunakan AI.

Alurnya:

Form Order → Atur Field → Buat Form HTML → Buat Invoice Page

Field yang dapat dikumpulkan dari customer antara lain:

• Nama
• Email
• WhatsApp
• Status kepemilikan domain
• Kelengkapan data website
• Deskripsi website yang diinginkan

Setelah itu, AI dapat membantu membuat Form HTML dan Invoice Page berdasarkan instruksi serta skema yang kita berikan.

Dengan struktur ini, proses pemesanan jasa website menjadi lebih terorganisir karena informasi yang dibutuhkan sudah dikumpulkan sejak awal order.