Popup Builder
Build popups that convert
Unlock higher conversions & improved lead gen. Visually design personalized popups paired with ajax, custom popup conditions and interactions.
Engage your users
Boost engagement. Generate leads. Drive conversions.
Capture valuable user information, or offer exclusive promotions. Highly targeted and fully customizable popups help you achieve your business goals.
Add popups to your website, and watch as your audience engages, subscribes, and takes your desired action. Get ready to see your business soar!
Popup conditions
Set conditions to show your popups on specific areas of your site. Be it the front page, a specific post type or individual pages.
- Entire website
- Home page
- Custom post types
- Archives
- Search results
- Error page
- Individual page
Popup interactions
Define the perfect moment for your popup to appear through specific triggers and browser events.
- Click, hover, focus, blur
- Mouse enter and leave
- Viewport enter & leave
- Scroll
- Content loaded
- Mouse leave window
- Show and hide popup
// Listen to popup open event
document.addEventListener( 'bricks/popup/open', (event) => {
// Get popup ID
const popupId = event.detail.popupId
// Get popup element
const popupElement = event.detail.popupElement
// Perform your own popup logic
if (popupId == 3321) {
console.log('Popup ID 3321 opened!')
}
})Advanced Custom Coding
Popup events & helper functions
Programmatically open and close popups created in Bricks through advanced events and helper functions.
Learn more in the Bricks Academy