Build Powerful Forms in Minutes
Drag & Drop
Multi-Step
Integrations
BB Form Builder Features
Everything you need to create professional forms for your website.
Drag & Drop Builder
Intuitive visual builder with drag-and-drop interface. No coding required to create beautiful forms.
Multi-Step Forms
Break long forms into manageable steps with horizontal or vertical wizard layouts.
15+ Field Types
Text, email, phone, select, checkbox, radio, file upload, date picker, star rating, and more.
Email Notifications
Send customizable email notifications to admins and auto-responders to users.
Webhooks & Integrations
Connect to Zapier, Make, or any webhook endpoint. Integrate with Mailchimp and GetResponse.
Spam Protection
Built-in support for Google reCAPTCHA and math CAPTCHA to prevent spam submissions.
Export Submissions
Export form submissions to CSV or Excel format for analysis and reporting.
Embed Anywhere
Use shortcodes or embed forms via iframe on external websites with full styling.
Live Preview
Preview your form in real-time while building. See exactly how it will look on desktop, tablet, and mobile.
Quick Start Guide
- Navigate to Admin Panel > BB Form Builder > Forms
- Click "Create" to build a new form
- Drag fields from the left panel onto the canvas
- Configure field settings (label, placeholder, validation)
- Set up actions (email notifications, webhooks, etc.)
- Save and embed using shortcode or iframe
Available Actions
Fully Compatible
BB Form Builder is fully compatible with all Botble CMS scripts available on CodeCanyon.
Popup Forms
Display forms in modal popups with various trigger options
Button Click
Form opens when user clicks a button. Best for contact forms, sign-ups, and on-demand actions.
Time Delay
Click to preview (auto-trigger disabled for demo)Form appears automatically after a set time (5 seconds). Great for newsletter sign-ups.
Scroll Percentage
Click to preview (auto-trigger disabled for demo)Form appears when user scrolls past 50% of the page. Ideal for feedback forms.
Exit Intent
Click to preview (auto-trigger disabled for demo)Form appears when user moves cursor to leave the page. Perfect for capturing leaving visitors.
Popup Display Modes
Configure popup settings in the form builder under Settings → Popup Display Settings. Choose from Button Click, Time Delay, Scroll Percentage, or Exit Intent triggers. Each popup shows only once per session (except button-triggered popups).
Form Styles
Choose from 5 beautiful form styles to match your website design
Contact Form
Newsletter Subscription
Customer Feedback
Job Application
Event Registration
See it in Action
Experience the power and simplicity of our form builder.
Intuitive Drag & Drop Builder
Seamless Submission Management
Installation Guide
Get up and running in minutes with our simple installation process.
Requirements
-
Botble CMSVersion 7.5.0 or higher
-
PHPVersion 8.2 or higher
-
LicenseValid purchase code from CodeCanyon
Installation Steps
Download the Plugin
Download the plugin ZIP file from your CodeCanyon Downloads page.
Extract the ZIP File
Extract the downloaded ZIP file to your local computer.
Upload to Server
Upload the extracted folder to your server at:
platform/plugins/bb-form-builder
Activate the Plugin
Go to Admin Panel → Plugins and click the Activate button.
Enter License Key
Navigate to Admin Panel → Settings → General and enter your purchase code to activate the license.
Start Building Forms!
Access BB Form Builder from the admin sidebar menu and create your first form.
Pro Tip
After installation, check out the documentation for detailed guides on creating forms, setting up email notifications, and integrating with third-party services.
Embed Forms on Any Website
Embed via iframe
Easily embed your forms on any external website using an iframe. Just copy and paste the code below:
<iframe
src="https://bb-form-builder.botble.com/form/your-form-code"
width="100%"
height="500"
frameborder="0"
></iframe>Embed via JavaScript
For more control and better responsiveness, use our JavaScript embed code:
<div id="bb-form-builder-container"></div>
<script src="https://bb-form-builder.botble.com/vendor/core/plugins/bb-form-builder/js/embed.js"></script>
<script>
BbFormBuilder.embed({
container: '#bb-form-builder-container',
formCode: 'your-form-code'
});
</script>Pro Tip
your-form-code with your actual form code (e.g., contact-form, newsletter). You can find the form code in the admin panel under Forms > Edit Form.
How to Use
Shortcode Usage
Use the following shortcode to embed forms in your pages:
[bb-form-builder code="your-form-code"][/bb-form-builder]Available Demo Forms
contact-form- Simple contact formcustomer-feedback- Multi-step survey with star ratingjob-application- Multi-step form with file uploadnewsletter- Newsletter subscriptionevent-registration- Event registration with multiple fields
Ready to Get Started?
Build Professional Forms in Minutes
Transform your website with powerful, beautiful forms. Create contact forms, surveys, registrations, and more with our intuitive drag-and-drop builder.