BB Form Builder

Formlar Nasıl Yerleştirilir

Yöntem 1: iframe Yerleştirme

Form yerleştirmenin en basit yolu. Bu kodu HTML'nize kopyalayıp yapıştırın:

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

Yöntem 2: JavaScript Yerleştirme

Daha iyi duyarlılık ve otomatik yükseklik ayarı için:

<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>

Canlı Yerleştirme Önizlemesi

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

JavaScript Seçenekleri

JavaScript yerleştirme şu seçenekleri destekler:

Seçenek	Tür	Açıklama
`container`	string	Kapsayıcı öğe için CSS seçici
`formCode`	string	Formunuzun benzersiz kodu
`baseUrl`	string	İsteğe bağlı. Temel URL'yi geçersiz kıl
`height`	string	İsteğe bağlı. Sabit yükseklik (ör. "500px")

İpuçları ve En İyi Uygulamalar

1
Duyarlı formlar için JavaScript yerleştirme kullanın
Form içeriğine göre yüksekliği otomatik olarak ayarlar
2
CORS otomatik olarak yönetilir
Formlar herhangi bir alan adına yerleştirilebilir
3
Stil izole edilmiştir
Formlar kendi CSS'lerini kullanır ve sitenizle çakışmaz
4
Başarı/hata mesajları sorunsuz çalışır
Form gönderimleri ve doğrulama tamamen işlevseldir

Mevcut Form Kodları

Yerleştirmenizde bu form kodlarını kullanın:

contact-form

newsletter

customer-feedback

job-application

event-registration

Bu sayfa yalnızca demo amaçlıdır, indirme paketine dahil değildir. Sadece BB Form Builder eklentisini satıyoruz.

Yerleştirme Demosu