Jotform Anywhere.

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.

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.

• Bagaimana Breezi menggunakan Jotform Anywhere on their website builder as a form builder.
• Sidengo menggunakan Jotform Anywhere untuk memungkinkan pengguna Membuat Formulir yang Dipersonalisasi.

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. Dapatkan Kode Formulir
Pustaka JavaScript JotformAnywhere mengembalikan kode formulir sehingga Anda dapat menempatkannya di situs versi live. Anda juga bisa mendapatkan data tambahan seperti lebar/tinggi formulir dari JotofrmAnywhere.

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.

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

Jika tidak ada opsi yang disediakan JotformAnywhere.launchFormBuilder akan membuka modalbox termasuk iframe yang disediakan oleh Jotform. Semua proses pembuatan/edit formulir dilakukan dalam iframe ini.

Kemungkinan besar Anda akan memanggil metode ini sebagai panggilan balik dari peristiwa klik.

Contoh

JotFormAnywhere.launchFormBuilder({
builderMaskColor: "#FFFFFF"
})

Parameter

Opsi

JotFormAnywhere.insertForm

JotformAnywhere.insertForm membuat div dengan id "jotform_form_container_{formID}" dan menyematkan formulir di dalamnya.

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

Opsi

JotFormAnywhere.createInstantForm

Menggunakan metode JotformAnywhere.createInstantForm Anda dapat menginstruksikan pustaka JotformAnywhere untuk membuat formulir segera setelah memuat file javascript. Perhatian, memanggil metode ini akan mengaktifkan peristiwa jotform.formCreated yang dapat Anda ikuti.

Contoh

JotFormAnywhere.createInstantForm({
email: "me@example.com",
templateName: "contact-us"
})

Parameter

Opsi

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

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

JotFormAnywhere.subscribe

Metode JotformAnywhere.subscribe melampirkan handler ke suatu peristiwa yang ditentukan oleh pustaka JS dan memanggil panggilan balik Anda saat peristiwa tersebut diaktifkan.

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

Dengan metode JotformAnywhere.customize Anda dapat menyesuaikan warna default iframe Jotform

Contoh

JotFormAnywhere.customize({
formBuilderBarColor: "#FFFFFF",
primaryButtonColor: "#FF00FF",
primaryButtonHoverColor: "blue"
})

Parameter

Opsi