BB Form Builder

Cách nhúng biểu mẫu

Phương pháp 1: Nhúng iframe

Cách đơn giản nhất để nhúng biểu mẫu. Chỉ cần sao chép và dán mã này vào HTML của bạn:

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

Phương pháp 2: Nhúng JavaScript

Để có khả năng đáp ứng tốt hơn và tự động điều chỉnh chiều cao:

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

Xem trước nhúng trực tiếp

URL hiện tại: https://bb-form-builder.botble.com/form/contact-form

Tùy chọn JavaScript

Nhúng JavaScript hỗ trợ các tùy chọn sau:

Tùy chọn	Loại	Mô tả
`container`	string	Bộ chọn CSS cho phần tử chứa
`formCode`	string	Mã duy nhất của biểu mẫu
`baseUrl`	string	Tùy chọn. Ghi đè URL gốc
`height`	string	Tùy chọn. Chiều cao cố định (ví dụ: "500px")

Mẹo và thực hành tốt nhất

1
Sử dụng nhúng JavaScript cho biểu mẫu đáp ứng
Tự động điều chỉnh chiều cao dựa trên nội dung biểu mẫu
2
CORS được xử lý tự động
Biểu mẫu có thể được nhúng trên bất kỳ domain nào
3
Kiểu dáng được cô lập
Biểu mẫu sử dụng CSS riêng và không xung đột với site của bạn
4
Thông báo thành công/lỗi hoạt động liền mạch
Gửi và xác thực biểu mẫu hoạt động đầy đủ

Mã biểu mẫu có sẵn

Sử dụng các mã biểu mẫu này khi nhúng:

contact-form

newsletter

customer-feedback

job-application

event-registration

Trang này chỉ dành cho mục đích demo, không bao gồm trong gói tải xuống. Chúng tôi chỉ bán plugin BB Form Builder.

Demo nhúng