BB Form Builder

Cara Menyematkan Formulir

Metode 1: Penyematan iframe

Cara paling sederhana untuk menyematkan formulir. Cukup salin dan tempel kode ini ke HTML Anda:

<iframe
    src="https://bb-form-builder.botble.com/form/contact-form"
    width="100%"
    height="500"
    frameborder="0"
></iframe>

Metode 2: Penyematan JavaScript

Untuk responsivitas yang lebih baik dan penyesuaian tinggi otomatis:

<div id="my-form"></div>
<script src="https://bb-form-builder.botble.com/vendor/core/plugins/bb-form-builder/js/embed.js"></script>
<script>
    BbFormBuilder.embed({
        container: '#my-form',
        formCode: 'contact-form'
    });
</script>

Pratinjau Penyematan Langsung

URL Saat Ini: https://bb-form-builder.botble.com/form/contact-form

Opsi JavaScript

Penyematan JavaScript mendukung opsi-opsi berikut:

Opsi	Tipe	Deskripsi
`container`	string	Selector CSS untuk elemen container
`formCode`	string	Kode unik formulir Anda
`baseUrl`	string	Opsional. Ganti URL dasar
`height`	string	Opsional. Tinggi tetap (contoh: "500px")

Tips & Praktik Terbaik

1
Gunakan penyematan JavaScript untuk formulir responsif
Secara otomatis menyesuaikan tinggi berdasarkan konten formulir
2
CORS ditangani secara otomatis
Formulir dapat disematkan di domain apa pun
3
Styling terisolasi
Formulir menggunakan CSS sendiri dan tidak akan konflik dengan site Anda
4
Pesan sukses/error bekerja dengan mulus
Pengiriman dan validasi formulir berfungsi sepenuhnya

Kode Formulir yang Tersedia

Gunakan kode formulir ini dalam penyematan Anda:

contact-form

newsletter

customer-feedback

job-application

event-registration

Halaman ini hanya untuk tujuan demo, tidak termasuk dalam paket unduhan. Kami hanya menjual plugin BB Form Builder.

Demo Penyematan