Ringkasan
Jotform Anywhere adalah SDK JavaScript kecil yang menghadirkan kemampuan Pembuat Formulir Jotform ke semua aplikasi web.
Jotform Anywhere menyediakan serangkaian fungsionalitas sisi klien untuk memungkinkan Anda menambahkan Pembuat Formulir di dalam aplikasi web Anda. Pengguna Anda dapat membuat/memperbarui dan menyematkan formulir tanpa meninggalkan situs Anda.
7500+ Templat Formulir Siap Pakai
Pengguna dapat langsung menyematkan formulir dari 7500 lebih templat cantik hanya dengan beberapa klik.
Pembuat Formulir
Biarkan pengguna Anda membuat segala jenis formulir web dengan 25+ jenis pertanyaan dan 350+ widget.
Penggunaan cepat
Salin dan tempel kode ini untuk menginisialisasi pustaka javascriptDISABLED:
<script type="text/javascript" src="//js.jotform.com/JotFormAnywhere.js"></script>
Salin dan tempel kode HTML di bawah ini untuk menambahkan tombol yang meluncurkan pembuat formulir
<button onclick="JotFormAnywhere.launchFormBuilder({});">Add Form</button>
Mengklik tombol itu akan meluncurkan iframe Jotform (pembuat formulir yang dapat disematkan) dan formulir yang dibuat/dipilih akan ditambahkan ke badan halaman situs secara default. Lihat dokumentasi untuk opsi penyesuaian lebih lanjut.
Coba Demo
Cobalah demo dan unduh kode sumbernya.
Contoh
Berikut adalah beberapa contoh integrasi Jotform Anywhere. Sudahkah Anda terintegrasi dengan Jotform Anywhere? Beritahu kami.
- Bagaimana Breezi menggunakan Jotform Anywhere on their website builder as a form builder.
- Sidengo menggunakan Jotform Anywhere untuk memungkinkan pengguna Membuat Formulir yang Dipersonalisasi.
FAQ Jotform Anywhere
Apa itu Jotform Anywhere?
Jotform adalah pembuat formulir online. Dengan menggunakan editor formulir seret dan lepas Jotform dan 7500+ templat formulir siap pakai, membuat formulir menjadi cepat, mudah, dan menyenangkan.
Jotform Anywhere adalah SDK JavaScript kecil yang menghadirkan kemampuan Pembuat Formulir Jotform ke semua aplikasi web. Anda dapat menyematkan Pembuat Formulir ke aplikasi Anda dengan mudah, dan pengguna Anda akan dapat meluncurkan pembuat formulir sebagai lightbox wizard, membuat formulir mereka dan menambahkannya ke halaman web mereka.
Untuk Siapa Jotform Anywhere?
Jotform anywhere sangat berguna untuk pembuat situs web dan penyedia blog. Namun, semua jenis aplikasi web yang perlu memungkinkan pengguna membuat formulir web dapat menggunakannya.
Kemampuan apa yang dimiliki Jotform Anywhere saat ini?
1. Tambah Formulir
Pengguna Anda dapat menambahkan formulir ke mana saja di halaman. Menambahkan formulir akan meluncurkan wizard di kotak modal. Pengguna Anda dapat memilih salah satu dari 7500+ templat formulir siap pakai atau menggunakan pembuat formulir untuk membuat formulir mereka.
2. Edit/Hapus Formulir
Setelah formulir ditambahkan ke editor Anda, pengguna dapat mengarahkan kursor ke formulir dan mengklik tombol Edit untuk meluncurkan kembali wizard pembuat formulir.
3. Get Form Code
JotformAnywhere javaScript library returns a form code so that you can place it on the live version of the site.You can also get additional data such as the width/height of the form from JotformAnywhere.
Jika Anda memiliki kebutuhan lain, silakan hubungi kami. Kami akan dengan senang hati menerapkan fungsionalitas tambahan untuk mendukung integrasi yang lebih erat.
Apakah ada persyaratan atau batasan?
Anda dapat menggunakan Jotform Anywhere tanpa izin. Kami tidak mengharuskan Anda untuk mendapatkan kunci API atau mengisi aplikasi. Cukup salin dan tempel contoh kode dan Anda siap untuk menggunakannya.
Tidak ada batasan jumlah penggunaan. Anda dapat menempatkannya di halaman mana pun di aplikasi web Anda.
Apakah Pengguna Saya Perlu Membuat Akun Jotform?
Tidak, mereka tidak perlu memiliki akun Jotform untuk membuat formulir atau mendapatkan tanggapan formulir mereka melalui email. Karena mereka akan memasukkan alamat email untuk mendapatkan tanggapan formulir mereka, kami menerima alamat email tersebut sebagai pendaftaran dan kami buatkan akun tamu di latar belakang.
Mengapa Saya Harus Menggunakan Jotform Anywhere?
Jika Anda memiliki platform tempat pengguna meminta untuk dapat membuat formulir ke halaman mereka, Jotform Anywhere adalah cara yang bagus untuk menyediakan fungsionalitas ini kepada mereka.
Apa yang Harus Saya Lakukan Jika Saya Memiliki Pertanyaan Lebih Lanjut?
Jangan ragu untuk menghubungi kami. Kami akan dengan senang hati membantu Anda dengan pertanyaan Anda dan jika Anda memerlukan bantuan lebih lanjut, kami akan menugaskan pengembang untuk membantu Anda dalam integrasi.
Dokumentasi
Muat pustaka javascript JotformAnywhere
<script type="text/javascript" src="//js.jotform.com/JotFormAnywhere.js"></script>
Setelah memuat script di atas, Anda dapat menggunakan objek JotformAnywhere. Objek JS ini menyediakan metode yang diperlukan untuk memungkinkan situs web membuat dan menyematkan formulir melalui Jotform.
Methods
JotFormAnywhere.launchFormBuilder
If no option is provided JotFormAnywhere.launchFormBuilder will open a modalbox including iframe provided by Jotform. All form creation/edit process is done inside this iframe.
Kemungkinan besar Anda akan memanggil metode ini sebagai panggilan balik dari peristiwa klik.
Contoh
JotFormAnywhere.launchFormBuilder({ builderMaskColor: "#FFFFFF" })
Parameter
Nama | Jenis | Deskripsi |
---|---|---|
options | Object |
Lihat Opsi di bawah ini |
Opsi
Properti | Jenis | Deskripsi | Argumen | Default |
---|---|---|---|---|
formID |
String | Jika diberikan, pembuat formulir secara langsung menampilkan editor formulir yang sesuai. | Pilihan | undefined |
insertTo |
String | Pemilih CSS DOM tempat iframe pembuat formulir Jotform akan ditambahkan. | Pilihan | undefined |
returnIframe |
Boolean | true untuk mendapatkan elemen iframe Pembuat Jotform, iframe pembuat tidak akan dirender. |
Pilihan | false |
openInModal |
Boolean | false untuk tidak membuka pembuat di kotak modal. |
Pilihan | true |
builderMaskColor |
String | Kode warna CSS untuk mask kotak modal pembuat formulir. | Pilihan | "#000000" |
remember |
Boolean | false untuk tidak mengingat email pengguna terakhir |
Pilihan | true |
JotFormAnywhere.insertForm
JotFormAnywhere.insertForm creates a div with id "jotform_form_container_{formID}" and embeds the form inside.
Menggunakan metode ini untuk menempatkan formulir di dalam halaman web Anda sangat disarankan pada tahap edit dan live.
Contoh
JotFormAnywhere.insertForm({ formID: "30647084188965", insertTo: "#formHere", putEditButton: false, putDeleteButton: false })
Parameter
Nama | Jenis | Deskripsi |
---|---|---|
options | Object |
Lihat Opsi di bawah ini |
Opsi
Properti | Jenis | Deskripsi | Argumen | Default |
---|---|---|---|---|
formID |
String | ID formulir yang akan dimasukkan | Wajib | null |
insertTo |
String | Pemilih CSS elemen DOM tempat formulir akan dimasukkan. Jika Anda tidak memberikannya, formulir akan ditambahkan ke badan HTML. | Pilihan | "body" |
putEditButton |
Boolean | Tambahkan tombol edit di depan formulir | Pilihan | true |
putDeleteButton |
Boolean | Tambahkan tombol hapus di depan formulir | Pilihan | true |
JotFormAnywhere.createInstantForm
Using JotFormAnywhere.createInstantForm method you can instruct JotformAnywhere library to create a form immediately after loading javascript file. Note that calling this method will publish jotform.formCreated event which you can subscribe to.
Contoh
JotFormAnywhere.createInstantForm({ email: "me@example.com", templateName: "contact-us" })
Parameter
Nama | Jenis | Deskripsi |
---|---|---|
options | Object |
Lihat Opsi di bawah ini |
Opsi
Properti | Jenis | Deskripsi | Argumen | Default |
---|---|---|---|---|
email |
String | Email yang akan digunakan selama pembuatan formulir | Wajib | undefined |
templateName |
String | Nama Templat Formulir Jotform (https://www.jotform.com/form-templates/formulir kontak) | Wajib | undefined |
JotFormAnywhere.editForm
Anda dapat membuka layar edit formulir yang disisipkan dengan metode ini sehingga pengguna tidak perlu mengedit formulir mereka melalui tombon "Edit Formulir".
Contoh
JotFormAnywhere.editForm( "31343042093342" )
Parameter
Metode ini hanya membutuhkan satu parameter wajib sebagai form-id
Nama | Jenis | Deskripsi |
---|---|---|
formID | String |
Lihat Opsi di bawah ini |
JotFormAnywhere.deleteForm
Anda dapat menghapus formulir yang disisipkan dengan metode ini sehingga pengguna tidak perlu menghapus formulir mereka melalui tomboh "Hapus Formulir".
Contoh
JotFormAnywhere.deleteForm( "31343042093342" )
Parameter
Metode ini hanya membutuhkan satu parameter wajib sebagai form-id
Nama | Jenis | Deskripsi |
---|---|---|
formID | String |
Lihat Opsi di bawah ini |
JotFormAnywhere.subscribe
JotFormAnywhere.subscribe method attaches handler to an event defined by JS library and invokes your callback when the event fires.
Contoh
Anda mungkin ingin diberi tahu dengan data terkait saat formulir berhasil dibuat di Jotform.
JotFormAnywhere.subscribe("jotform.formCreated", function(response){ console.log("Form is created with properties:", response) } )
Atau saat formulir diperbarui
JotFormAnywhere.subscribe("jotform.formUpdated", function(response){ console.log("Form is updated with properties:", response) } )
Peristiwa
Peristiwa global yang dapat Anda ikuti:
- jotform.formCreated - diaktifkan saat formulir dibuat di Jotform
- jotform.formUpdated - diaktifkan saat formulir diedit dan disimpan di Jotform
- jotform.formDeleted - diaktifkan saat formulir dihapus
- jotform.formLoaded - diaktifkan saat iframe formulir telah selesai dimuat
Objek respons yang diteruskan ke fungsi panggilan balik untuk peristiwa formCreated dan formUpdated terlihat seperti berikut:
{ formEmbedUrl:"https://form.jotformpro.com/jsform/30654794751967">", height:465, width:320, formID:"30654794751967", }
Objek respons yang diteruskan ke fungsi panggilan balik untuk peristiwa formDeleted dan formLoaded terlihat seperti berikut:
{ formID:"30654794751967", }
JotFormAnywhere.customize
With JotFormAnywhere.customize method you can customize default colors of the Jotform iframe
Contoh
JotFormAnywhere.customize({ formBuilderBarColor: "#FFFFFF", primaryButtonColor: "#FF00FF", primaryButtonHoverColor: "blue" })
Parameter
Nama | Jenis | Deskripsi |
---|---|---|
options | Object |
Lihat Opsi di bawah ini |
Opsi
Properti | Jenis | Deskripsi | Argumen | Default |
---|---|---|---|---|
formBuilderBarColor |
String | Warna bilah alat pembuat Jotform | Pilihan | #FC7C03 |
primaryButtonColor |
String | Warna tombol aksi utama | Pilihan | #139045 |
primaryButtonHoverColor |
Boolean | Warna hover tombol aksi utama | Pilihan | #16a24e |