Cara membuat formulir perhitungan biaya untuk produk

Ketika seseorang mengunjungi situs web, mereka ingin memahami berapa biaya pesanan mereka. Namun, jika Anda memiliki layanan atau produk individual dengan parameter berbeda, Anda tidak akan dapat langsung menampilkan harga persisnya. Di sinilah formulir perhitungan biaya membantu.

Ini bukan kalkulator online, tetapi formulir sederhana di mana klien memilih karakteristik yang diperlukan: dimensi, jenis bahan, opsi tambahan, dan mengirimkannya ke manajer untuk perhitungan yang akurat.

Formulir ini memecahkan beberapa masalah sekaligus.:

  • Menyederhanakan komunikasi. Klien tidak menelepon atau menulis secara manual, tetapi cukup mengisi kolom.
  • Mengumpulkan data yang benar. Manajer tidak perlu menentukan detailnya.
  • Meningkatkan tingkat konversi. Lebih mudah mengisi formulir daripada mengajukan aplikasi dalam formulir gratis.
  • Meningkatkan SEO. Berinteraksi dengan formulir meningkatkan keterlibatan pengguna di halaman.

Bagaimana cara membuat formulir seperti itu sendiri

Secara teoritis, formulir perhitungan dapat dirangkai secara manual. Anda membuka editor HTML, menentukan kolom, dan menghubungkan penangan yang akan menerima data dan mengirimkannya ke mail atau CRM. Anda dapat menginstal plugin di CMS seperti WordPress, dan menyematkan kode atau widget di Tilda.

Ini terlihat sederhana, tetapi sebenarnya tidak.

Bentuk apa pun bukan hanya bidang visual. Ini harus berfungsi tanpa kesalahan, memproses data dengan benar, memeriksa konten, anti spam, dan terlihat nyaman di ponsel Anda. Untuk melakukan ini, Anda memerlukan pengembang frontend yang akan membandingkan tata letak dan menulis logikanya. Maka Anda akan memerlukan spesialis backend agar data masuk ke tempat yang diperlukan: ke email, CRM, Telegram, atau Tabel Google.

Setelah itu, perancang akan memeriksa apakah formulir tidak "mengambang" di perangkat seluler, dan spesialis SEO akan meminta Anda untuk menambahkan markup dan penghitung analitik. Hasilnya, formulir sederhana berubah menjadi proyek mini: Anda perlu menulis spesifikasi teknis, menguji adaptif, memeriksa cara kerjanya di browser yang berbeda.

Bahkan jika semuanya berhasil, itu bukan akhir. Pembaruan situs web apa pun dapat mengganggu pengoperasian formulir. Anda menambahkan bidang baru dan memanggil programmer lagi. Ubah teks tombol, edit kode lagi. Menambahkan integrasi dengan Telegram, Anda memerlukan token dan penangan server. Setiap perubahan menjadi tugas, dan setiap ujian menjadi beban.

Itulah mengapa pemasar berpengalaman pun mencoba menghindari solusi yang ditulis sendiri. Saat Anda membuat formulir secara manual, Anda menjalankan fungsi pengembang, integrator, dan penguji secara bersamaan. Perawatannya panjang, mahal, dan tidak nyaman.

Dengan QForm, Anda membuat formulir tanpa kode dalam 10-15 menit. Anda bekerja di desainer visual, di mana Anda dapat melihat bagaimana formulir akan terlihat di situs.

Cara membuat formulir perhitungan biaya di QForm

Langkah 1. Buat formulir

Untuk menambahkan formulir baru, buka halaman Spaces. Ada dua cara:

  1. Di baris spasi yang diinginkan, klik ikon " + "di kolom" Formulir "dan pilih"Buat formulir".
  2. Atau klik pada nama spasi, halaman "Formulir" akan terbuka-di sana klik tombol "Buat formulir".

Di jendela pop-up, masukkan nama dan klik "Tambah". Setelah itu, halaman desain terbuka, di mana Anda akan bekerja dengan formulir.

Panel di sebelah kiri menampilkan:

  • Tombol "Kembali" kembali ke daftar formulir.;
  • ID formulir adalah pengidentifikasi unik.;
  • Bagian "Konstruktor" - menyiapkan bidang;
  • Bagian "Desain" - desain penampilan;
  • Tombol "Permintaan formulir" akan membawa Anda ke daftar tanggapan.

Setelah dibuat, formulir akan muncul di tabel. Dari menu di sebelah namanya, Anda dapat membuka pengaturan, pemberitahuan, analitik, menyalin formulir, mendapatkan kode QR, atau menghapusnya.

Langkah 2. Menyiapkan bidang

Struktur formulir dibentuk pada halaman "Konstruktor". Bidang dipilih dan dikonfigurasi di sini: teks, angka, kontak, tarik-turun, dll.

Misalnya, untuk formulir perhitungan biaya,:

  • bidang numerik untuk ukuran atau kuantitas;
  • daftar dengan bahan atau model yang berbeda;
  • Sakelar Ya/Tidak untuk opsi tambahan;
  • bidang teks untuk komentar;
  • bidang telepon untuk umpan balik.

Untuk setiap bidang, Anda dapat menentukan persyaratan, petunjuk, format input, dan batas panjang. Semua perubahan disimpan secara otomatis.

Langkah 3. Sesuaikan desain

Buka bagian "Desain". Di sini Anda dapat menyesuaikan tampilan formulir tanpa kode: warna, latar belakang, font, margin, gaya tombol, dan tata letak.

Anda dapat memilih latar belakang (berwarna, transparan, atau dengan gambar), menambahkan logo perusahaan, atau mengubah skema warna agar sesuai dengan merek. Jika formulir akan ditempatkan di atas situs, gunakan latar belakang transparan; jika dibuka secara terpisah, Anda dapat menambahkan gambar di header.

Penempatan dalam satu atau dua kolom, penyesuaian margin, kurva, dan bayangan tersedia. Semua perubahan segera terlihat, dan formulir diperbarui secara real time.

Langkah 4. Pengaturan Dasar

Buka bagian "Pengaturan Formulir" → Di sini Anda dapat mengaktifkan atau menonaktifkan formulir, memilih bahasa dan zona waktu, dan menentukan domain jika perlu. Di bagian yang sama, tautan untuk analitik ditambahkan dan logika tampilan dikonfigurasi setelah pengiriman.

Langkah 5. Pesan setelah mengirim

Tab "Pesan setelah pengiriman berhasil" mengatur teks yang akan dilihat pengguna setelah mengklik tombol.

Contoh:

Terima kasih! Aplikasi Anda telah berhasil diajukan.
Kami akan menghubungi Anda untuk mengklarifikasi detailnya.

Anda dapat menggunakan variabel:
[nama] - nama klien,
[tanggal] - tanggal pengiriman,
[id] adalah nomor aplikasi.

Bidang ini mendukung HTML, sehingga Anda dapat menambahkan tautan, logo, atau pemformatan teks.

Langkah 6. Menerbitkan formulir

Setelah menyiapkan, kembali ke daftar formulir di ruang.  Di kolom "Tindakan", pilih metode publikasi.:

  • Untuk mendapatkan tautan, formulir akan terbuka di halaman qform.link terpisah.
  • Dapatkan kode sematan, jika Anda memiliki domain yang ditentukan, Anda akan menerima kode HTML untuk diintegrasikan ke dalam situs.
  • Unduh kode QR untuk menempatkan formulir pada bahan cetakan atau etalase.

Formulir secara otomatis menyesuaikan dengan lebar blok dan perangkat pengguna.

Langkah 7. Memeriksa dan menangani aplikasi

Setelah publikasi, kirim aplikasi uji. Semua data akan muncul di bagian Aplikasi, tempat Anda dapat memfilter respons, mengekspornya ke Excel atau PDF, dan menganalisis statistik.

Jika Anda perlu melakukan perubahan, cukup buka formulir di konstruktor: semua pengeditan segera diterapkan, tanpa melibatkan programmer.

Hasil

Formulir perhitungan biaya di QForm dirangkai dalam hitungan menit.Anda membuat bidang, memilih desain, mengatur notifikasi, dan mendapatkan alat siap pakai yang berfungsi dengan stabil dan terlihat profesional. Tidak ada kode, tidak ada pengembang, dan tidak ada sakit kepala.