Fitur permintaan penawaran digunakan untuk membuat formulir yang dapat digunakan oleh calon pelanggan Anda untuk meminta penawaran atau informasi tentang layanan atau produk yang ditawarkan bisnis Anda, fitur permintaan penawaran memberi Anda kemampuan untuk menambahkan berbagai jenis bidang yang dapat disesuaikan dengan kebutuhan Anda. kebutuhan bisnis.

Misalnya, jika perusahaan Anda menawarkan desain situs web, pelanggan Anda dapat meminta penawaran untuk desain situs web melalui formulir yang telah Anda buat sebelumnya. Biasanya formulir akan memiliki pertanyaan yang lebih umum seperti “Berapa anggaran Anda”, “Urgensi”, “Jenis situs web”, dll. dan berdasarkan informasi yang dimasukkan pelanggan ke dalam formulir, Anda dapat membuat penawaran dan mengirimkannya ke pelanggan.

Formulir dapat dikirim langsung ke pelanggan sebagai tautan langsung atau Anda dapat menyematkan formulir melalui iframe langsung ke halaman situs web Anda yang ada, misalnya Anda dapat memiliki tautan menu di situs web perusahaan Anda yang ada bernama "Minta penawaran" dan di halaman ini Anda dapat menyematkan formulir iframe.

Membuat formulir permintaan penawaran #

Langkah pertama adalah membuat formulir permintaan penawaran. Anda dapat membuat formulir permintaan penawaran dalam jumlah tak terbatas. Untuk melakukannya, saat masuk sebagai pengguna administrator, ikuti langkah-langkah di bawah ini.

• Klik Parameter kemudian Permintaan kutipan→bentuk.
• Klik Bentuk baru .
• Tambahkan nama formulir, contoh: “Permintaan Penawaran Situs Web".
• Bahasa – Bahasa saat ini hanya digunakan untuk pesan validasi.
• Teks tombol kirim- Ini akan berada di bagian bawah di mana pengguna harus mengklik untuk mengirimkan Contoh formulir Minta kutipan ou Hubungi kami, jangan ragu untuk menyesuaikannya dengan kebutuhan Anda.
• Pesan untuk ditampilkan setelah berhasil mengirimkan formulir – Pesan ini akan ditampilkan setelah berhasil mengirimkan formulir.
  
• Status – Apa status permintaan penawaran setelah berhasil dikirim di ruang Djaboo Anda.
  
• Bertanggung jawab – Secara otomatis menetapkan permintaan penawaran ke anggota staf tertentu.
  
• Pengaturan pemberitahuan – Semua pengguna berdasarkan jenis notifikasi akan diberi tahu melalui notifikasi yang disematkan di Djaboo dan sebagai tambahan anggota yang bertanggung jawab atas permintaan penawaran akan menerima notifikasi email jika masuk Parameter-> Template Email -> Permintaan kutipan ditugaskan (dikirim ke Pribadi) tidak dicentang sebagai dinonaktifkan.
  
• Recaptcha – Anda dapat menggunakan Google Recaptcha untuk mencegah spam. Bidang untuk Google Recaptcha hanya akan muncul jika sebelumnya Anda telah mengonfigurasi kunci recaptcha .

Setelah membuat formulir, 2 tab baru akan ditampilkan di area formulir Pembuat Formulir dan Kode Integrasi.

• Form Builder – Tempat Anda membuat formulir dan menyesuaikan semua bidang yang Anda butuhkan.
• Kode sematan adalah kode yang perlu Anda tempatkan di situs web Anda agar formulir dapat ditampilkan, perhatikan bahwa dari tautan Anda akan dapat melihat bahwa masing-masing memiliki kunci unik.
  

Tambahkan bidang ke formulir #

Untuk menambahkan bidang ke formulir, cukup seret bidang ke kanan di area formulir, perhatikan bahwa bidang Email harus muncul di formulir dan juga harus ditandai sebagai bidang wajib diisi.

Sesuaikan bidang #

Anda dapat menyesuaikan label, menambahkan teks bantuan, placeholder, dan membuatnya wajib. Saat Anda menyeret bidang ke area formulir, cukup arahkan kursor ke bidang di kanan atas, Anda akan dapat melihat 3 tombol (edit, salin, dan hapus)

Setelah menyesuaikan formulir, klik tombol di kiri bawah PENDAFTARAN dan klik tab Kode Semat untuk mendapatkan kode yang perlu Anda tambahkan ke situs web Anda. Kode akan ditempatkan sebagai iframe dan Anda dapat mengatur lebar dan tinggi langsung ke potongan kode yang disediakan.

Gaya #

Jika Anda perlu menyesuaikan warna bidang input agar sesuai dengan situs web Anda, Anda dapat membuat file custom.css di situs Anda dan menerapkan gaya yang diperlukan.

Contoh mengubah warna batas entri:

body.estimate-request-form input {
   border-color:red;
}

Contoh mengubah warna latar belakang tombol kirim:

body.estimate-request-form #form_submit {
   background:red;
}

body.estimate-request-form #form_submit:hover,
body.estimate-request-form #form_submit:active {
   background:green;
}

Sertakan logo dalam formulir #

Untuk menyertakan logo perusahaan Anda di formulir, Anda dapat membagikan atau menyematkan URL dengan parameter string kueri seperti yang ditunjukkan di bawah ini:

https://votre-entreprise.djaboo.appform-url?with_logo=1https://votre-entreprise.djaboo.app/form-url?with_logo=1

Berbagi tautan langsung #

Formulir dapat dibagikan langsung dengan pelanggan Anda tanpa benar-benar menyematkan formulir di situs web Anda, fitur ini berguna misalnya jika Anda ingin menyertakan tautan di email, SMS, dll.

Agar Djaboo mengetahui bahwa tautan formulir dibagikan secara langsung dan tidak disematkan dalam iframe, Anda harus menentukan string kueri URL, dalam hal ini Djaboo akan memberikan gaya yang lebih baik ke formulir.

https://votre-entreprise.djaboo.app/form-url?with_logo=1&styled=1

Buat tata letak formulir multi-kolom #

Secara default bidang formulir akan ditambahkan dalam satu kolom lebar penuh dokumen jika Anda ingin menyesuaikan formulir dan menampilkan bidang dalam beberapa kolom, kami telah menambahkan kemampuan untuk mencapai ini dengan kelas khusus yang diterapkan ke bidang yang dapat Anda tambahkan menjadi 12 kolom dalam 1 baris.

Pada contoh berikut, kita akan membuat 2 field dalam 2 kolom dan 1 baris.

Perlu diingat bahwa kolom tidak akan diterapkan di pembuat formulir, hanya saat formulir ditampilkan dengan mengakses tautan semat atau berada di iframe.

Menyimpan formulir dengan mengklik tombol Simpan dan pratinjau formulir dari tautan sematan untuk melihat hasil akhirnya.

Seperti disebutkan sebelumnya, Anda dapat menambahkan hingga 12 kolom, dalam hal ini, form-col-6 + form-col-6 = 12, jika Anda ingin menambahkan 3 kolom, terapkan kelas form-col-4 pada 3 kolom ( form -col-4*3 bidang akan menjadi 12 dan bidang akan sesuai dengan dokumen) yang berurutan satu per satu.

Karena dalam banyak kasus Anda akan menyematkan formulir di wadah kecil/bagian dari situs web Anda, kisi bootstrap CSS akan selalu menampilkan kolom baris baru (tidak dipecah menjadi 2 kolom), dalam hal ini pertimbangkan untuk menambahkan kelas tambahan lainnya untuk wadah kecil, misalnya jika Anda menambahkan kelas form-col-6 , tambahkan kelas tambahan lain untuk area kecil form-col-xs-6 , klik di sini untuk memeriksa tampilannya.