منشئ النماذج BB

كيفية تضمين النماذج

الطريقة 1: تضمين iframe

أبسط طريقة لتضمين نموذج. فقط انسخ والصق هذا الكود في HTML الخاص بك:

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

الطريقة 2: تضمين JavaScript

للحصول على استجابة أفضل وضبط الارتفاع تلقائياً:

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

معاينة التضمين المباشر

الرابط الحالي: https://bb-form-builder.botble.com/form/contact-form

خيارات JavaScript

يدعم تضمين JavaScript هذه الخيارات:

الخيار	النوع	الوصف
`container`	string	محدد CSS لعنصر الحاوية
`formCode`	string	الكود الفريد للنموذج الخاص بك
`baseUrl`	string	اختياري. تجاوز الرابط الأساسي
`height`	string	اختياري. ارتفاع ثابت (مثل: "500px")

نصائح وأفضل الممارسات

1
استخدم تضمين JavaScript للنماذج المتجاوبة
يضبط الارتفاع تلقائياً بناءً على محتوى النموذج
2
يتم التعامل مع CORS تلقائياً
يمكن تضمين النماذج في أي نطاق
3
التنسيق معزول
تستخدم النماذج CSS الخاص بها ولن تتعارض مع موقعك
4
رسائل النجاح/الخطأ تعمل بسلاسة
إرسال النماذج والتحقق منها يعملان بشكل كامل

أكواد النماذج المتاحة

استخدم أكواد النماذج هذه في التضمين:

contact-form

newsletter

customer-feedback

job-application

event-registration

هذه الصفحة للعرض التوضيحي فقط، وليست مضمنة في حزمة التحميل. نحن نبيع إضافة BB Form Builder فقط.

عرض التضمين