{"id":70328,"date":"2023-12-09T03:09:40","date_gmt":"2023-12-09T03:09:40","guid":{"rendered":"https:\/\/breakdance.com\/?page_id=70328"},"modified":"2024-06-11T19:25:12","modified_gmt":"2024-06-11T19:25:12","slug":"popups","status":"publish","type":"page","link":"https:\/\/breakdance.com\/features\/popups\/","title":{"rendered":"Popup Builder"},"content":{"rendered":"<section class=\"bde-section-70328-176 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-div-70328-177 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-button-70328-178 bde-button\">\n    \n                                    \n    \n    \n    \n    \n            \n                    \n                  \n    \n            \n\n          \n          \n    \n    \n    \n    \n    <a class=\"breakdance-link button-atom button-atom--custom bde-button__button\" href=\"https:\/\/www.youtube.com\/embed\/5ipQRWUVg9c?feature=oembed\" target=\"_self\" data-type=\"lightbox\" data-lightbox-id=\"70328-178\" rel=\"noopener\">\n\n    \n        <span class=\"button-atom__text\">Popups Overview & Tutorial &rarr;<\/span>\n\n                            \n        \n                <\/a>\n\n    \n\n\n<\/div><h2 class=\"bde-heading-70328-179 bde-heading highlighter\">\nPowerful Popups\n<\/h2><p class=\"bde-text-70328-180 bde-text\">\nEasily craft amazing popups with Breakdance. Grow your list, capture leads, and make more sales.\n<\/p><div class=\"bde-div-70328-183 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-image-70328-184 bde-image\">\n<figure class=\"breakdance-image breakdance-image--40618\">\n\t<div class=\"breakdance-image-container\">\n\t\t<div class=\"breakdance-image-clip\"><a href=\"https:\/\/breakdance.com\/wp-content\/uploads\/2023\/06\/faces@2x-1.webp\" data-rel=\"lightbox-image-0\" title=\"\" class=\"swipebox\"><img decoding=\"async\" class=\"breakdance-image-object\" src=\"https:\/\/breakdance.com\/wp-content\/uploads\/2023\/06\/faces@2x-1.webp\" width=\"256\" height=\"80\" sizes=\"auto, (max-width: 256px) 100vw, 256px\" alt=\"faces\" loading=\"lazy\"><\/a><\/div>\n\t<\/div><\/figure>\n\n<\/div><p class=\"bde-text-70328-185 bde-text\">\n18,000+ creators use Breakdance to build incredible websites\n<\/p>\n<\/div><div class=\"bde-button-70328-181 bde-button\">\n    \n                                    \n    \n    \n    \n    \n            \n                    \n            \n            \n\n    \n    \n    \n    \n    \n    <a class=\"breakdance-link button-atom button-atom--primary bde-button__button\" href=\"\/get\" target=\"_self\" data-type=\"url\"  >\n\n    \n        <span class=\"button-atom__text\">Get Breakdance<\/span>\n\n        \n        \n                <\/a>\n\n    \n\n\n<\/div>\n<\/div><div class=\"bde-video-70328-182 bde-video\">\n<div class=\"ee-video-container\">\n            <video class=\"ee-video\" src=\"https:\/\/breakdance.com\/wp-content\/uploads\/2023\/12\/Popups-Design-1.mp4\"\n               autoplay='true'                                                loop='true'                muted='true'                controlsList=\"nodownload\"                playsinline\n        >\n        <\/video>\n    \n    <\/div>\n\n<\/div><\/div>\n<\/section><section class=\"bde-section-70328-280 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-columns-70328-281 bde-columns\"><div class=\"bde-column-70328-282 bde-column\">\n  \n  \n\t\n\n\n\n<h2 class=\"bde-heading-70328-283 bde-heading highlighter\">\n<em>Monetize<\/em> your traffic with popups.\n<\/h2>\n<\/div><div class=\"bde-column-70328-284 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-70328-285 bde-text\">\nTurn your website traffic into a revenue stream using targeted popups for promotions, sales, and lead generation.\n<\/div>\n<\/div><\/div><div class=\"bde-columns-70328-286 bde-columns\"><div class=\"bde-column-70328-287 bde-column\">\n  \n  \n\t\n\n\n\n<h2 class=\"bde-heading-70328-288 bde-heading\">\nCreate Any Type Of Popup\n<\/h2><div class=\"bde-text-70328-289 bde-text\">\nEmail subscriptions, promotions & sales, exit intent, content gates, hello bars, and much more are easy with Breakdance.\n<\/div>\n<\/div><div class=\"bde-column-70328-294 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-image-70328-570 bde-image\">\n<figure class=\"breakdance-image breakdance-image--16278\">\n\t<div class=\"breakdance-image-container\">\n\t\t<div class=\"breakdance-image-clip\"><a href=\"https:\/\/breakdance.com\/wp-content\/uploads\/2022\/08\/leads@2x.png\" data-rel=\"lightbox-image-1\" title=\"\" class=\"swipebox\"><img decoding=\"async\" class=\"breakdance-image-object\" src=\"https:\/\/breakdance.com\/wp-content\/uploads\/2022\/08\/leads@2x.png\" width=\"1241\" height=\"1260\" srcset=\"https:\/\/breakdance.com\/wp-content\/uploads\/2022\/08\/leads@2x.png 1241w, https:\/\/breakdance.com\/wp-content\/uploads\/2022\/08\/leads@2x-295x300.png 295w, https:\/\/breakdance.com\/wp-content\/uploads\/2022\/08\/leads@2x-1009x1024.png 1009w, https:\/\/breakdance.com\/wp-content\/uploads\/2022\/08\/leads@2x-768x780.png 768w\" sizes=\"(max-width: 1241px) 100vw, 1241px\"><\/a><\/div>\n\t<\/div><\/figure>\n\n<\/div>\n<\/div><\/div><\/div>\n<\/section><section class=\"bde-section-70328-297 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-columns-70328-298 bde-columns\"><div class=\"bde-column-70328-299 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-70328-300 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-image-70328-306 bde-image\">\n<figure class=\"breakdance-image breakdance-image---1\">\n\t<div class=\"breakdance-image-container\">\n\t\t<div class=\"breakdance-image-clip\"><a href=\"https:\/\/breakdance.com\/wp-content\/uploads\/2022\/08\/integrations@2x.png\" data-rel=\"lightbox-image-2\" title=\"\" class=\"swipebox\"><img decoding=\"async\" class=\"breakdance-image-object\" src=\"https:\/\/breakdance.com\/wp-content\/uploads\/2022\/08\/integrations@2x.png\"><\/a><\/div>\n\t<\/div><\/figure>\n\n<\/div>\n<\/div>\n<\/div><div class=\"bde-column-70328-302 bde-column\">\n  \n  \n\t\n\n\n\n<h2 class=\"bde-heading-70328-303 bde-heading\">\nConnect Your Favorite Marketing Tools\n<\/h2><div class=\"bde-text-70328-304 bde-text\">\nPut forms in popups and connect them to your favorite marketing tools.\n<\/div><div class=\"bde-checkmark-list-70328-307 bde-checkmark-list\">\n<ul>\n  \n              \n              \n    <li>\n      <span class='bde-checkmark-list__icon bde-checkmark-list__icon_yes '>\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M18.71,7.21a1,1,0,0,0-1.42,0L9.84,14.67,6.71,11.53A1,1,0,1,0,5.29,13l3.84,3.84a1,1,0,0,0,1.42,0l8.16-8.16A1,1,0,0,0,18.71,7.21Z\"\/><\/svg>\n              <\/span>\n      <div >\n        ActiveCampaign\n      <\/div>\n\n    <\/li>\n\n  \n              \n              \n    <li>\n      <span class='bde-checkmark-list__icon bde-checkmark-list__icon_yes '>\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M18.71,7.21a1,1,0,0,0-1.42,0L9.84,14.67,6.71,11.53A1,1,0,1,0,5.29,13l3.84,3.84a1,1,0,0,0,1.42,0l8.16-8.16A1,1,0,0,0,18.71,7.21Z\"\/><\/svg>\n              <\/span>\n      <div >\n        ConvertKit\n      <\/div>\n\n    <\/li>\n\n  \n              \n              \n    <li>\n      <span class='bde-checkmark-list__icon bde-checkmark-list__icon_yes '>\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M18.71,7.21a1,1,0,0,0-1.42,0L9.84,14.67,6.71,11.53A1,1,0,1,0,5.29,13l3.84,3.84a1,1,0,0,0,1.42,0l8.16-8.16A1,1,0,0,0,18.71,7.21Z\"\/><\/svg>\n              <\/span>\n      <div >\n        Drip\n      <\/div>\n\n    <\/li>\n\n  \n              \n              \n    <li>\n      <span class='bde-checkmark-list__icon bde-checkmark-list__icon_yes '>\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M18.71,7.21a1,1,0,0,0-1.42,0L9.84,14.67,6.71,11.53A1,1,0,1,0,5.29,13l3.84,3.84a1,1,0,0,0,1.42,0l8.16-8.16A1,1,0,0,0,18.71,7.21Z\"\/><\/svg>\n              <\/span>\n      <div >\n        MailChimp\n      <\/div>\n\n    <\/li>\n\n  \n              \n              \n    <li>\n      <span class='bde-checkmark-list__icon bde-checkmark-list__icon_yes '>\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M18.71,7.21a1,1,0,0,0-1.42,0L9.84,14.67,6.71,11.53A1,1,0,1,0,5.29,13l3.84,3.84a1,1,0,0,0,1.42,0l8.16-8.16A1,1,0,0,0,18.71,7.21Z\"\/><\/svg>\n              <\/span>\n      <div >\n        GetResponse\n      <\/div>\n\n    <\/li>\n\n  \n              \n              \n    <li>\n      <span class='bde-checkmark-list__icon bde-checkmark-list__icon_yes '>\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M18.71,7.21a1,1,0,0,0-1.42,0L9.84,14.67,6.71,11.53A1,1,0,1,0,5.29,13l3.84,3.84a1,1,0,0,0,1.42,0l8.16-8.16A1,1,0,0,0,18.71,7.21Z\"\/><\/svg>\n              <\/span>\n      <div >\n        <a href='\/documentation\/forms\/actions-on-submit\/' style='text-decoration: none;'>And More &raquo;<\/a>\n      <\/div>\n\n    <\/li>\n\n  <\/ul>\n\n<\/div>\n<\/div><\/div><\/div>\n<\/section><section class=\"bde-section-70328-309 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-columns-70328-310 bde-columns\"><div class=\"bde-column-70328-311 bde-column\">\n  \n  \n\t\n\n\n\n<h2 class=\"bde-heading-70328-312 bde-heading highlighter\">\nPrecisely target your <em>popups<\/em> for maximum impact.\n<\/h2>\n<\/div><div class=\"bde-column-70328-313 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-70328-314 bde-text\">\nUse advanced targeting options to ensure your popups reach the right audience.\n<\/div>\n<\/div><\/div><div class=\"bde-columns-70328-423 bde-columns\"><div class=\"bde-column-70328-427 bde-column\">\n  \n  \n\t\n\n\n\n<h2 class=\"bde-heading-70328-428 bde-heading\">\nConditions For Every Need\n<\/h2><div class=\"bde-text-70328-432 bde-text\">\nShow popups wherever you want\u00a0<i>\u2014\u00a0<\/i>on specific pages, posts, and even to specific visitors.\n<\/div><div class=\"bde-columns-70328-393 bde-columns\"><div class=\"bde-column-70328-394 bde-column\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-70328-395 bde-heading\">\nUser Status\n<\/h4><div class=\"bde-text-70328-396 bde-text\">\nLogged In\n<\/div><div class=\"bde-text-70328-397 bde-text\">\nRegistration Date\n<\/div><div class=\"bde-text-70328-398 bde-text\">\nRole\n<\/div>\n<\/div><div class=\"bde-column-70328-399 bde-column\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-70328-400 bde-heading\">\nTime\n<\/h4><div class=\"bde-text-70328-401 bde-text\">\nDay of the Week\n<\/div><div class=\"bde-text-70328-402 bde-text\">\nCurrent Time\n<\/div><div class=\"bde-text-70328-403 bde-text\">\nCurrent Date\n<\/div>\n<\/div><div class=\"bde-column-70328-404 bde-column\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-70328-405 bde-heading\">\nReferer\n<\/h4><div class=\"bde-text-70328-406 bde-text\">\nReferer URL\n<\/div><div class=\"bde-text-70328-407 bde-text\">\nReferer Type\n<\/div>\n<\/div><\/div><div class=\"bde-columns-70328-362 bde-columns\"><div class=\"bde-column-70328-383 bde-column\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-70328-384 bde-heading\">\nAdvanced\n<\/h4><div class=\"bde-text-70328-385 bde-text\">\nDynamic Data\n<\/div><div class=\"bde-text-70328-386 bde-text\">\nCustom PHP\n<\/div><div class=\"bde-text-70328-387 bde-text\">\nBrowser\n<\/div><div class=\"bde-text-70328-388 bde-text\">\nOperating System\n<\/div>\n<\/div><div class=\"bde-column-70328-378 bde-column\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-70328-379 bde-heading\">\nPost Data\n<\/h4><div class=\"bde-text-70328-380 bde-text\">\nPost ID\n<\/div><div class=\"bde-text-70328-381 bde-text\">\nParent\n<\/div><div class=\"bde-text-70328-382 bde-text\">\nPost Type\n<\/div>\n<\/div><div class=\"bde-column-70328-389 bde-column\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-70328-390 bde-heading\">\nSessions\n<\/h4><div class=\"bde-text-70328-391 bde-text\">\nPage View Count\n<\/div><div class=\"bde-text-70328-392 bde-text\">\nSession Count\n<\/div>\n<\/div><\/div>\n<\/div><div class=\"bde-column-70328-424 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-image-70328-426 bde-image\">\n<figure class=\"breakdance-image breakdance-image--16279\">\n\t<div class=\"breakdance-image-container\">\n\t\t<div class=\"breakdance-image-clip\"><a href=\"https:\/\/breakdance.com\/wp-content\/uploads\/2022\/08\/popups-conditions@2x.png\" data-rel=\"lightbox-image-3\" title=\"\" class=\"swipebox\"><img decoding=\"async\" class=\"breakdance-image-object\" src=\"https:\/\/breakdance.com\/wp-content\/uploads\/2022\/08\/popups-conditions@2x.png\" width=\"980\" height=\"1280\" srcset=\"https:\/\/breakdance.com\/wp-content\/uploads\/2022\/08\/popups-conditions@2x.png 980w, https:\/\/breakdance.com\/wp-content\/uploads\/2022\/08\/popups-conditions@2x-230x300.png 230w, https:\/\/breakdance.com\/wp-content\/uploads\/2022\/08\/popups-conditions@2x-784x1024.png 784w, https:\/\/breakdance.com\/wp-content\/uploads\/2022\/08\/popups-conditions@2x-768x1003.png 768w\" sizes=\"(max-width: 980px) 100vw, 980px\"><\/a><\/div>\n\t<\/div><\/figure>\n\n<\/div>\n<\/div><\/div><\/div>\n<\/section><section class=\"bde-section-70328-468 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-columns-70328-469 bde-columns\"><div class=\"bde-column-70328-470 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-image-70328-567 bde-image\">\n<figure class=\"breakdance-image breakdance-image--16274\">\n\t<div class=\"breakdance-image-container\">\n\t\t<div class=\"breakdance-image-clip\"><a href=\"https:\/\/breakdance.com\/wp-content\/uploads\/2022\/08\/popups-set.svg\" data-rel=\"lightbox-image-4\" title=\"\" class=\"swipebox\"><img decoding=\"async\" class=\"breakdance-image-object\" src=\"https:\/\/breakdance.com\/wp-content\/uploads\/2022\/08\/popups-set.svg\" width=\"608\" height=\"633\" sizes=\"(max-width: 608px) 100vw, 608px\"><\/a><\/div>\n\t<\/div><\/figure>\n\n<\/div>\n<\/div><div class=\"bde-column-70328-473 bde-column\">\n  \n  \n\t\n\n\n\n<h2 class=\"bde-heading-70328-474 bde-heading\">\nTotal Trigger Control\n<\/h2><div class=\"bde-text-70328-475 bde-text\">\nPresent popups at key moments for optimal results.\n<\/div><div class=\"bde-checkmark-list-70328-478 bde-checkmark-list\">\n<ul>\n  \n              \n              \n    <li>\n      <span class='bde-checkmark-list__icon bde-checkmark-list__icon_yes '>\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M18.71,7.21a1,1,0,0,0-1.42,0L9.84,14.67,6.71,11.53A1,1,0,1,0,5.29,13l3.84,3.84a1,1,0,0,0,1.42,0l8.16-8.16A1,1,0,0,0,18.71,7.21Z\"\/><\/svg>\n              <\/span>\n      <div >\n        Page Load\n      <\/div>\n\n    <\/li>\n\n  \n              \n              \n    <li>\n      <span class='bde-checkmark-list__icon bde-checkmark-list__icon_yes '>\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M18.71,7.21a1,1,0,0,0-1.42,0L9.84,14.67,6.71,11.53A1,1,0,1,0,5.29,13l3.84,3.84a1,1,0,0,0,1.42,0l8.16-8.16A1,1,0,0,0,18.71,7.21Z\"\/><\/svg>\n              <\/span>\n      <div >\n        Page Scroll\n      <\/div>\n\n    <\/li>\n\n  \n              \n              \n    <li>\n      <span class='bde-checkmark-list__icon bde-checkmark-list__icon_yes '>\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M18.71,7.21a1,1,0,0,0-1.42,0L9.84,14.67,6.71,11.53A1,1,0,1,0,5.29,13l3.84,3.84a1,1,0,0,0,1.42,0l8.16-8.16A1,1,0,0,0,18.71,7.21Z\"\/><\/svg>\n              <\/span>\n      <div >\n        Mouse Move to Exit\n      <\/div>\n\n    <\/li>\n\n  \n              \n              \n    <li>\n      <span class='bde-checkmark-list__icon bde-checkmark-list__icon_yes '>\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M18.71,7.21a1,1,0,0,0-1.42,0L9.84,14.67,6.71,11.53A1,1,0,1,0,5.29,13l3.84,3.84a1,1,0,0,0,1.42,0l8.16-8.16A1,1,0,0,0,18.71,7.21Z\"\/><\/svg>\n              <\/span>\n      <div >\n        User Inactivity\n      <\/div>\n\n    <\/li>\n\n  \n              \n              \n    <li>\n      <span class='bde-checkmark-list__icon bde-checkmark-list__icon_yes '>\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M18.71,7.21a1,1,0,0,0-1.42,0L9.84,14.67,6.71,11.53A1,1,0,1,0,5.29,13l3.84,3.84a1,1,0,0,0,1.42,0l8.16-8.16A1,1,0,0,0,18.71,7.21Z\"\/><\/svg>\n              <\/span>\n      <div >\n        Manual Trigger\n      <\/div>\n\n    <\/li>\n\n  \n              \n              \n    <li>\n      <span class='bde-checkmark-list__icon bde-checkmark-list__icon_yes '>\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M18.71,7.21a1,1,0,0,0-1.42,0L9.84,14.67,6.71,11.53A1,1,0,1,0,5.29,13l3.84,3.84a1,1,0,0,0,1.42,0l8.16-8.16A1,1,0,0,0,18.71,7.21Z\"\/><\/svg>\n              <\/span>\n      <div >\n        Button & Link Click\n      <\/div>\n\n    <\/li>\n\n  \n              \n              \n    <li>\n      <span class='bde-checkmark-list__icon bde-checkmark-list__icon_yes '>\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M18.71,7.21a1,1,0,0,0-1.42,0L9.84,14.67,6.71,11.53A1,1,0,1,0,5.29,13l3.84,3.84a1,1,0,0,0,1.42,0l8.16-8.16A1,1,0,0,0,18.71,7.21Z\"\/><\/svg>\n              <\/span>\n      <div >\n        Form Submission\n      <\/div>\n\n    <\/li>\n\n  \n              \n              \n    <li>\n      <span class='bde-checkmark-list__icon bde-checkmark-list__icon_yes '>\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M18.71,7.21a1,1,0,0,0-1.42,0L9.84,14.67,6.71,11.53A1,1,0,1,0,5.29,13l3.84,3.84a1,1,0,0,0,1.42,0l8.16-8.16A1,1,0,0,0,18.71,7.21Z\"\/><\/svg>\n              <\/span>\n      <div >\n        <a href='\/documentation\/popups\/popup-triggers\/' style='text-decoration: none;'>And More &raquo;<\/a>\n      <\/div>\n\n    <\/li>\n\n  <\/ul>\n\n<\/div>\n<\/div><\/div><\/div>\n<\/section><section class=\"bde-section-70328-481 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-columns-70328-482 bde-columns\"><div class=\"bde-column-70328-483 bde-column\">\n  \n  \n\t\n\n\n\n<h2 class=\"bde-heading-70328-484 bde-heading highlighter\">\nA <em>designer's<\/em> dream\n<\/h2>\n<\/div><div class=\"bde-column-70328-485 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-70328-486 bde-text\">\nIf you can design it in Breakdance, you can put it in a popup.\n<\/div>\n<\/div><\/div><div class=\"bde-video-70328-487 bde-video\">\n<div class=\"ee-video-container\">\n            <video class=\"ee-video\" src=\"https:\/\/breakdance.com\/wp-content\/uploads\/2023\/12\/Popups-Design-Alternate.mp4\"\n               autoplay='true'                                                loop='true'                muted='true'                controlsList=\"nodownload\"                playsinline\n        >\n        <\/video>\n    \n    <\/div>\n\n<\/div><h3 class=\"bde-heading-70328-488 bde-heading\">\nPopups \u2013 not just for marketers.\n<\/h3><div class=\"bde-text-70328-489 bde-text\">\nMaximize creative potential with unlimited possibilities.\n<\/div><div class=\"bde-grid-70328-490 bde-grid\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-70328-491 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-70328-492 bde-heading\">\nModals\n<\/h4><div class=\"bde-text-70328-493 bde-text\">\nUse modals to showcase custom forms, offers, or important messages.\n<\/div>\n<\/div><div class=\"bde-div-70328-494 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-70328-495 bde-heading\">\nFlyouts\n<\/h4><div class=\"bde-text-70328-496 bde-text\">\nCreate flyouts for slide-in experience for menus, notifications, or promotions.\n<\/div>\n<\/div><div class=\"bde-div-70328-497 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-70328-498 bde-heading\">\nHello Bars\n<\/h4><div class=\"bde-text-70328-499 bde-text\">\nStick a bar to the top of your site to prominently display messages or calls-to-action.\n<\/div>\n<\/div><div class=\"bde-div-70328-500 bde-div\">\n  \n  \n\t\n\n\n\n<h4 class=\"bde-heading-70328-501 bde-heading\">\nOff Canvas\n<\/h4><div class=\"bde-text-70328-502 bde-text\">\nOffer additional content or functionality, accessible with a click.\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/section><section class=\"bde-section-70328-509 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-columns-70328-510 bde-columns\"><div class=\"bde-column-70328-511 bde-column\">\n  \n  \n\t\n\n\n\n<h2 class=\"bde-heading-70328-512 bde-heading highlighter\">\nDevelopers. Developers. <em>Developers.<\/em>\n<\/h2>\n<\/div><div class=\"bde-column-70328-513 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-70328-514 bde-text\">\nTap into our APIs for advanced customizations like creating custom conditions with PHP or triggering a popup with JavaScript.\n<\/div>\n<\/div><\/div><div class=\"bde-div-70328-531 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bd-grid-tile-70328-532 bd-grid-tile\">\n  <a class=\"bd-grid-tile__link\" aria-label=\"Popups API Documentation\" href=\"https:\/\/breakdance.com\/documentation\/popups\/api\/\">\n<div class=\"bd-grid-tile__wrapper\">\n  <div class=\"bd-grid-tile__content has-no-image\">\n    <div>\n            <h3 class=\"bd-grid-tile__title\" >Popups API Documentation<\/h3>\n      <p class=\"bd-grid-tile__text\" >Everything you need to control when popups appear.<\/p>\t\n    <\/div>\n\n            <div>\n      \t<div class=\"bd-grid-tile__button\">\n          <span >Popups API<\/span>\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 16 11\">\n          <path fill=\"currentColor\" d=\"M10.469 10.505c-.156-.125-.219-.312-.219-.53 0-.188.063-.376.219-.5l2.969-3H.75a.722.722 0 0 1-.75-.75.74.74 0 0 1 .75-.75h12.688l-2.97-2.97a.684.684 0 0 1 0-1.03c.282-.313.75-.313 1.063 0l4.25 4.25a.736.736 0 0 1 0 1.03l-4.25 4.25c-.312.313-.781.313-1.062 0Z\"\/>\n        <\/svg>\n        <\/div>\n      <\/div>\n    \n  <\/div>\n  <\/div>\n  <\/a>\n<\/div><div class=\"bd-grid-tile-70328-533 bd-grid-tile\">\n  <a class=\"bd-grid-tile__link\" aria-label=\"Custom Popup Conditions\" href=\"https:\/\/breakdance.com\/documentation\/developers\/conditions\/\">\n<div class=\"bd-grid-tile__wrapper\">\n  <div class=\"bd-grid-tile__content has-no-image\">\n    <div>\n            <h3 class=\"bd-grid-tile__title\" >Custom Popup Conditions<\/h3>\n      <p class=\"bd-grid-tile__text\" >Register custom conditions using the Conditions API to precisely show when and where popups are shown.<\/p>\t\n    <\/div>\n\n            <div>\n      \t<div class=\"bd-grid-tile__button\">\n          <span >Conditions API Documentation<\/span>\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 16 11\">\n          <path fill=\"currentColor\" d=\"M10.469 10.505c-.156-.125-.219-.312-.219-.53 0-.188.063-.376.219-.5l2.969-3H.75a.722.722 0 0 1-.75-.75.74.74 0 0 1 .75-.75h12.688l-2.97-2.97a.684.684 0 0 1 0-1.03c.282-.313.75-.313 1.063 0l4.25 4.25a.736.736 0 0 1 0 1.03l-4.25 4.25c-.312.313-.781.313-1.062 0Z\"\/>\n        <\/svg>\n        <\/div>\n      <\/div>\n    \n  <\/div>\n  <\/div>\n  <\/a>\n<\/div><div class=\"bd-grid-tile-70328-534 bd-grid-tile\">\n  <a class=\"bd-grid-tile__link\" aria-label=\"Custom JavaScript Triggers\" href=\"https:\/\/breakdance.com\/documentation\/popups\/api\/\">\n<div class=\"bd-grid-tile__wrapper\">\n  <div class=\"bd-grid-tile__content has-no-image\">\n    <div>\n            <h3 class=\"bd-grid-tile__title\" >Custom JavaScript Triggers<\/h3>\n      <p class=\"bd-grid-tile__text\" >Show or hide popups using JavaScript written in a 3rd party plugin or directly in Breakdance.<\/p>\t\n    <\/div>\n\n            <div>\n      \t<div class=\"bd-grid-tile__button\">\n          <span >Popup JavaScript Triggers<\/span>\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 16 11\">\n          <path fill=\"currentColor\" d=\"M10.469 10.505c-.156-.125-.219-.312-.219-.53 0-.188.063-.376.219-.5l2.969-3H.75a.722.722 0 0 1-.75-.75.74.74 0 0 1 .75-.75h12.688l-2.97-2.97a.684.684 0 0 1 0-1.03c.282-.313.75-.313 1.063 0l4.25 4.25a.736.736 0 0 1 0 1.03l-4.25 4.25c-.312.313-.781.313-1.062 0Z\"\/>\n        <\/svg>\n        <\/div>\n      <\/div>\n    \n  <\/div>\n  <\/div>\n  <\/a>\n<\/div><div class=\"bd-grid-tile-70328-535 bd-grid-tile\">\n  <a class=\"bd-grid-tile__link\" aria-label=\"Element Studio\" href=\"https:\/\/breakdance.com\/features\/element-studio\">\n<div class=\"bd-grid-tile__wrapper\">\n  <div class=\"bd-grid-tile__content has-no-image\">\n    <div>\n            <h3 class=\"bd-grid-tile__title\" >Element Studio<\/h3>\n      <p class=\"bd-grid-tile__text\" >Build custom elements with Element Studio to place in your popups.<\/p>\t\n    <\/div>\n\n            <div>\n      \t<div class=\"bd-grid-tile__button\">\n          <span >Discover Element Studio<\/span>\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 16 11\">\n          <path fill=\"currentColor\" d=\"M10.469 10.505c-.156-.125-.219-.312-.219-.53 0-.188.063-.376.219-.5l2.969-3H.75a.722.722 0 0 1-.75-.75.74.74 0 0 1 .75-.75h12.688l-2.97-2.97a.684.684 0 0 1 0-1.03c.282-.313.75-.313 1.063 0l4.25 4.25a.736.736 0 0 1 0 1.03l-4.25 4.25c-.312.313-.781.313-1.062 0Z\"\/>\n        <\/svg>\n        <\/div>\n      <\/div>\n    \n  <\/div>\n  <\/div>\n  <\/a>\n<\/div>\n<\/div><\/div>\n<\/section><section class=\"bde-section-70328-585 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-div-70328-586 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-columns-70328-587 bde-columns\"><div class=\"bde-column-70328-588 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-70328-589 bde-div\">\n  \n  \n\t\n\n\n\n\n<\/div>\n<\/div><div class=\"bde-column-70328-590 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-small-quote-70328-591 bde-small-quote\">\n<div class=\"bde-small-quote__quote\">\n  <svg class=\"bde-small-quote__stars\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 137 25\">\n      <path fill=\"#FACC15\" stroke=\"#FACC15\" stroke-width=\"2\" d=\"M11.549 3.65c.3-.92 1.603-.92 1.902 0l1.519 4.675a1 1 0 0 0 .95.69h4.915c.97 0 1.372 1.24.588 1.81l-3.976 2.889a1 1 0 0 0-.363 1.118l1.519 4.674c.299.92-.756 1.687-1.54 1.118l-3.975-2.889a1 1 0 0 0-1.176 0l-3.976 2.889c-.783.569-1.838-.197-1.539-1.118l1.519-4.674a1 1 0 0 0-.363-1.118l-3.976-2.89c-.784-.569-.381-1.808.588-1.808h4.914a1 1 0 0 0 .951-.691L11.55 3.65ZM39.549 3.65c.3-.92 1.603-.92 1.902 0l1.519 4.675a1 1 0 0 0 .95.69h4.915c.97 0 1.372 1.24.588 1.81l-3.976 2.889a1 1 0 0 0-.363 1.118l1.519 4.674c.299.92-.756 1.687-1.54 1.118l-3.975-2.889a1 1 0 0 0-1.176 0l-3.976 2.889c-.783.569-1.838-.197-1.539-1.118l1.519-4.674a1 1 0 0 0-.363-1.118l-3.976-2.89c-.784-.569-.381-1.808.588-1.808h4.914a1 1 0 0 0 .951-.691L39.55 3.65ZM67.549 3.65c.3-.92 1.603-.92 1.902 0l1.519 4.675a1 1 0 0 0 .95.69h4.915c.97 0 1.372 1.24.588 1.81l-3.976 2.889a1 1 0 0 0-.363 1.118l1.519 4.674c.299.92-.755 1.687-1.54 1.118l-3.975-2.889a1 1 0 0 0-1.176 0l-3.976 2.889c-.783.569-1.838-.197-1.539-1.118l1.519-4.674a1 1 0 0 0-.363-1.118l-3.976-2.89c-.784-.569-.381-1.808.588-1.808h4.914a1 1 0 0 0 .951-.691L67.55 3.65ZM95.549 3.65c.3-.92 1.603-.92 1.902 0l1.519 4.675a1 1 0 0 0 .95.69h4.915c.969 0 1.372 1.24.588 1.81l-3.976 2.889a1 1 0 0 0-.363 1.118l1.519 4.674c.299.92-.756 1.687-1.539 1.118l-3.976-2.889a1 1 0 0 0-1.176 0l-3.976 2.889c-.784.569-1.838-.197-1.539-1.118l1.519-4.674a1 1 0 0 0-.363-1.118l-3.976-2.89c-.784-.569-.381-1.808.588-1.808h4.914a1 1 0 0 0 .951-.691L95.55 3.65ZM123.549 3.65c.299-.92 1.603-.92 1.902 0l1.519 4.675a1 1 0 0 0 .951.69h4.914c.969 0 1.372 1.24.588 1.81l-3.976 2.889a1 1 0 0 0-.363 1.118l1.519 4.674c.299.92-.756 1.687-1.539 1.118l-3.976-2.889a1 1 0 0 0-1.176 0l-3.976 2.889c-.783.569-1.838-.197-1.539-1.118l1.519-4.674a1 1 0 0 0-.363-1.118l-3.976-2.89c-.784-.569-.381-1.808.588-1.808h4.914a1 1 0 0 0 .951-.691l1.519-4.674Z\"\/>\n  <\/svg>\n  <blockquote class=\"bde-small-quote__text\" >\u201cBreakdance is unquestionably the most <em>powerful<\/em> visual builder for WordPress.\u201d<\/blockquote>\n\n    <div class=\"bde-small-quote__meta\">\n      <div class=\"bde-small-quote__meta-info\">\n          \n        <div class=\"bde-small-quote__author\">\n          <h5 >Mike Holubowski<\/h5>\n          <p>Founder @ AnalyticsWP<\/p>\n        <\/div>\n\n      <\/div>\n\n       \n      \n      \n    \n      \n                                \n            \n            \n\n    \n    \n    \n    \n    \n    <a class=\"breakdance-link\" href=\"https:\/\/analyticswp.com\/\" target=\"_self\" data-type=\"url\" rel=\"noopener\">\n\n                <div class=\"bde-small-quote__logo\">\n            <a href=\"https:\/\/breakdance.com\/wp-content\/uploads\/2024\/05\/AnalyticsWP-Logo-Light.svg\" data-rel=\"lightbox-image-5\" title=\"\" class=\"swipebox\"><img decoding=\"async\" class=\"breakdance-image-object\" src=\"https:\/\/breakdance.com\/wp-content\/uploads\/2024\/05\/AnalyticsWP-Logo-Light.svg\" width=\"777\" height=\"70\" sizes=\"(max-width: 777px) 100vw, 777px\"><\/a>\n        <\/div>\n                      <\/a>\n\n               \n\n    <\/div>\n<\/div>\n\n\n<\/div>\n<\/div><\/div>\n<\/div><\/div>\n<\/section><section class=\"bde-section-70328-272 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-columns-70328-273 bde-columns\"><div class=\"bde-column-70328-274 bde-column\">\n  \n  \n\t\n\n\n\n<h2 class=\"bde-heading-70328-275 bde-heading highlighter\">\nComprehensive popup <em>tutorials<\/em> for every need.\n<\/h2>\n<\/div><div class=\"bde-column-70328-276 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-70328-277 bde-text\">\nGet up to speed fast with our overview tutorial, or consult our documentation for a deep dive.\n<\/div><div class=\"bde-button-70328-278 bde-button\">\n    \n                                    \n    \n    \n    \n    \n            \n                    \n            \n            \n\n    \n    \n    \n    \n    \n    <a class=\"breakdance-link button-atom button-atom--custom bde-button__button\" href=\"\/documentation\/popups\/\" target=\"_self\" data-type=\"url\"  >\n\n    \n        <span class=\"button-atom__text\">Documentation<\/span>\n\n                            \n        \n                <\/a>\n\n    \n\n\n<\/div>\n<\/div><\/div><div class=\"bde-video-70328-279 bde-video\">\n<div class=\"ee-video-container\">\n                                                                            \n                                \n                <iframe\n                        class=\"ee-video lozad\"\n                title=\"\"\n                                data-src=\"https:\/\/www.youtube.com\/embed\/5ipQRWUVg9c?feature=oembed&playsinline=0&rel=0&enablejsapi=1\"\n                frameborder=\"0\"\n                allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n                allowfullscreen>\n                <\/iframe>\n                    \n        \n            \n    <\/div>\n\n<\/div><\/div>\n<\/section><section class=\"bde-section-70328-174 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-globalblock-70328-175 bde-globalblock\">\n<div class=\"bde-div-40183-100-40183-1 bde-div bde-div-40183-100\">\n  \n  \n\t\n\n\n\n<h2 class=\"bde-heading-40183-101-40183-1 bde-heading bde-heading-40183-101\">\nExperience the Breakdance difference.\n<\/h2><div class=\"bde-button-40183-102-40183-1 bde-button bde-button-40183-102\">\n    \n                                    \n    \n    \n    \n    \n            \n                    \n            \n            \n\n    \n    \n    \n    \n    \n    <a class=\"breakdance-link button-atom button-atom--primary bde-button__button\" href=\"\/get\" target=\"_self\" data-type=\"url\"  >\n\n    \n        <span class=\"button-atom__text\">Get Breakdance<\/span>\n\n        \n        \n                <\/a>\n\n    \n\n\n<\/div><div class=\"bde-columns-40183-103-40183-1 bde-columns bde-columns-40183-103\"><div class=\"bde-column-40183-104-40183-1 bde-column bde-column-40183-104\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-40183-105-40183-1 bde-heading bde-heading-40183-105\">\nUnlimited license.<br>Unlimited websites.\n<\/h3><p class=\"bde-text-40183-106-40183-1 bde-text bde-text-40183-106\">\nGet maximum flexibility with unlimited licensing and domain activations.\n<\/p>\n<\/div><div class=\"bde-column-40183-107-40183-1 bde-column bde-column-40183-107\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-40183-108-40183-1 bde-heading bde-heading-40183-108\">\n60-day money back guarantee.<br>No questions asked.\n<\/h3><p class=\"bde-text-40183-109-40183-1 bde-text bde-text-40183-109\">\nGet your money back within 60 days of purchase, no questions asked. It's risk-free!\n<\/p>\n<\/div><div class=\"bde-column-40183-110-40183-1 bde-column bde-column-40183-110\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-40183-111-40183-1 bde-heading bde-heading-40183-111\">\nPremium support.<br>Get all the help you need.\n<\/h3><p class=\"bde-text-40183-112-40183-1 bde-text bde-text-40183-112\">\nWe offer premium support to ensure the ultimate customer experience.\n<\/p>\n<\/div><div class=\"bde-column-40183-113-40183-1 bde-column bde-column-40183-113\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-40183-114-40183-1 bde-heading bde-heading-40183-114\">\nJust $199.99\/year for<br>unlimited sites.\n<\/h3><p class=\"bde-text-40183-115-40183-1 bde-text bde-text-40183-115\">\nFor a limited time, we're offering an unlimited site license for just $199.99\/year. Buy now to lock in this price.\n<\/p>\n<\/div><\/div>\n<\/div>\n<\/div><\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>Popups Overview &#038; Tutorial &rarr; Powerful Popups Easily craft amazing popups with Breakdance. Grow your list, capture leads, and make more sales. 18,000+ creators use Breakdance to build incredible websites Get Breakdance Monetize your traffic with popups. Turn your website traffic into a revenue stream using targeted popups for promotions, sales, and lead generation. Create [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":88064,"parent":224,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_searchwp_excluded":"","_breakdance_hide_in_design_set":false,"_breakdance_tags":"","footnotes":""},"class_list":["post-70328","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/breakdance.com\/wp-json\/wp\/v2\/pages\/70328","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/breakdance.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/breakdance.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/breakdance.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/breakdance.com\/wp-json\/wp\/v2\/comments?post=70328"}],"version-history":[{"count":0,"href":"https:\/\/breakdance.com\/wp-json\/wp\/v2\/pages\/70328\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/breakdance.com\/wp-json\/wp\/v2\/pages\/224"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/breakdance.com\/wp-json\/wp\/v2\/media\/88064"}],"wp:attachment":[{"href":"https:\/\/breakdance.com\/wp-json\/wp\/v2\/media?parent=70328"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}