--- title: Modal box --- [Skip to content](https://www.flexbox-pro.com/modal-box#main-content) [![Logo white](https://www.flexbox-pro.com/hubfs/Logo%20white.svg "Logo white")](https://www.flexbox-pro.com?hsLang=en) - Pages Show submenu for Pages - Layout Show submenu for Layout - [Header 1](https://www.flexbox-pro.com/header-1) - [Header 2](https://www.flexbox-pro.com/header-2) - [Left sidebar menu](https://www.flexbox-pro.com/header-3) - [Left sidebar menu - half covered](https://www.flexbox-pro.com/header-4) - [Left sidebar menu - collapsed](https://www.flexbox-pro.com/header-5) - [Right sidebar menu](https://www.flexbox-pro.com/header-6) - [Header 7](https://www.flexbox-pro.com/header-7) - [Header 8](https://www.flexbox-pro.com/header-8) - Template Show submenu for Template - [Projects](https://www.flexbox-pro.com/projects) - [Team](https://www.flexbox-pro.com/team) - [About us](https://www.flexbox-pro.com/about) - [Career](https://www.flexbox-pro.com/career) - [Support](https://www.flexbox-pro.com/support-form) - [Services](https://www.flexbox-pro.com/services) - [Products](https://www.flexbox-pro.com/products) - [Gallery](https://www.flexbox-pro.com/gallery) - Landing Page Show submenu for Landing Page - [Onboarding](https://www.flexbox-pro.com/onboarding) - [Form](https://www.flexbox-pro.com/lp-form) - [Register](https://www.flexbox-pro.com/lp-register) - [Download](https://www.flexbox-pro.com/lp-download) - [Thank You Page](https://www.flexbox-pro.com/lp-thank-you) - [Blog](https://www.flexbox-pro.com/blog) - [Modules Show submenu for Modules](https://www.flexbox-pro.com/modules) - [Hero banner](https://www.flexbox-pro.com/hero-banner) - [Parallax](https://www.flexbox-pro.com/parallax) - Flexible elements Show submenu for Flexible elements - [Headline](https://www.flexbox-pro.com/headline) - [Flexible richtext](https://www.flexbox-pro.com/richtext) - [Flexible icon](https://www.flexbox-pro.com/flexible-icon) - [Flexible button](https://www.flexbox-pro.com/button) - [Flexible image](https://www.flexbox-pro.com/flexible-image) - [Flexible video](https://www.flexbox-pro.com/flexible-video) - [Flexible divider](https://www.flexbox-pro.com/divider) - [Flexible form](https://www.flexbox-pro.com/form) - [List](https://www.flexbox-pro.com/list) - Multi-purpose Show submenu for Multi-purpose - [Column and Grid option](https://www.flexbox-pro.com/column-and-grid-options) - [Accordion](https://www.flexbox-pro.com/accordion) - [Card](https://www.flexbox-pro.com/card) - [Sidebar](https://www.flexbox-pro.com/sidebar) - Custom Show submenu for Custom - [Timeline](https://www.flexbox-pro.com/timeline) - [Showcase](https://www.flexbox-pro.com/showcase) - [Counter](https://www.flexbox-pro.com/counter) - [Simple box](https://www.flexbox-pro.com/simple-box) - [Pricing & Comparison table](https://www.flexbox-pro.com/pricing-comparison) - [Map](https://www.flexbox-pro.com/map) - [Gallery slider](https://www.flexbox-pro.com/gallery-slider) - [Online magazine](https://www.flexbox-pro.com/online-magazine) - Specialty Show submenu for Specialty - [Filter](https://www.flexbox-pro.com/filter) - [Tab](https://www.flexbox-pro.com/tab) - [Modal box](https://www.flexbox-pro.com/modal-box) - Social proof Show submenu for Social proof - [Social follow](https://www.flexbox-pro.com/social-follow) - [Logo slider](https://www.flexbox-pro.com/logo-slider) - [Pricing](https://www.flexbox-pro.com/#pricing) - [Module library](https://www.flexbox-pro.com/#module-library) - [AI creator](https://www.flexbox-pro.com/#ai-creator) - [Theme](https://www.flexbox-pro.com/#theme) - Pages Show submenu for Pages - Layout Show submenu for Layout - [Header 1](https://www.flexbox-pro.com/header-1) - [Header 2](https://www.flexbox-pro.com/header-2) - [Left sidebar menu](https://www.flexbox-pro.com/header-3) - [Left sidebar menu - half covered](https://www.flexbox-pro.com/header-4) - [Left sidebar menu - collapsed](https://www.flexbox-pro.com/header-5) - [Right sidebar menu](https://www.flexbox-pro.com/header-6) - [Header 7](https://www.flexbox-pro.com/header-7) - [Header 8](https://www.flexbox-pro.com/header-8) - Template Show submenu for Template - [Projects](https://www.flexbox-pro.com/projects) - [Team](https://www.flexbox-pro.com/team) - [About us](https://www.flexbox-pro.com/about) - [Career](https://www.flexbox-pro.com/career) - [Support](https://www.flexbox-pro.com/support-form) - [Services](https://www.flexbox-pro.com/services) - [Products](https://www.flexbox-pro.com/products) - [Gallery](https://www.flexbox-pro.com/gallery) - Landing Page Show submenu for Landing Page - [Onboarding](https://www.flexbox-pro.com/onboarding) - [Form](https://www.flexbox-pro.com/lp-form) - [Register](https://www.flexbox-pro.com/lp-register) - [Download](https://www.flexbox-pro.com/lp-download) - [Thank You Page](https://www.flexbox-pro.com/lp-thank-you) - [Blog](https://www.flexbox-pro.com/blog) - [Modules Show submenu for Modules](https://www.flexbox-pro.com/modules) - [Hero banner](https://www.flexbox-pro.com/hero-banner) - [Parallax](https://www.flexbox-pro.com/parallax) - Flexible elements Show submenu for Flexible elements - [Headline](https://www.flexbox-pro.com/headline) - [Flexible richtext](https://www.flexbox-pro.com/richtext) - [Flexible icon](https://www.flexbox-pro.com/flexible-icon) - [Flexible button](https://www.flexbox-pro.com/button) - [Flexible image](https://www.flexbox-pro.com/flexible-image) - [Flexible video](https://www.flexbox-pro.com/flexible-video) - [Flexible divider](https://www.flexbox-pro.com/divider) - [Flexible form](https://www.flexbox-pro.com/form) - [List](https://www.flexbox-pro.com/list) - Multi-purpose Show submenu for Multi-purpose - [Column and Grid option](https://www.flexbox-pro.com/column-and-grid-options) - [Accordion](https://www.flexbox-pro.com/accordion) - [Card](https://www.flexbox-pro.com/card) - [Sidebar](https://www.flexbox-pro.com/sidebar) - Custom Show submenu for Custom - [Timeline](https://www.flexbox-pro.com/timeline) - [Showcase](https://www.flexbox-pro.com/showcase) - [Counter](https://www.flexbox-pro.com/counter) - [Simple box](https://www.flexbox-pro.com/simple-box) - [Pricing & Comparison table](https://www.flexbox-pro.com/pricing-comparison) - [Map](https://www.flexbox-pro.com/map) - [Gallery slider](https://www.flexbox-pro.com/gallery-slider) - [Online magazine](https://www.flexbox-pro.com/online-magazine) - Specialty Show submenu for Specialty - [Filter](https://www.flexbox-pro.com/filter) - [Tab](https://www.flexbox-pro.com/tab) - [Modal box](https://www.flexbox-pro.com/modal-box) - Social proof Show submenu for Social proof - [Social follow](https://www.flexbox-pro.com/social-follow) - [Logo slider](https://www.flexbox-pro.com/logo-slider) - [Pricing](https://www.flexbox-pro.com/#pricing) - [Module library](https://www.flexbox-pro.com/#module-library) - [AI creator](https://www.flexbox-pro.com/#ai-creator) - [Theme](https://www.flexbox-pro.com/#theme) [![phone-line](https://www.flexbox-pro.com/hubfs/phone-line.svg) 09090909](https://google.com) Get started [Documentation](https://zeroheight.com/75eebd230/p/37aa70-getting-started) Support #### Get Free Support We offer free support for all flexBOX Pro customers with responses within 24 hours on weekdays. Simply submit the support form, and our team will assist you promptly. 👉 [Get support here](https://www.flexbox-pro.com/support-247?hsLang=en) We’re committed to helping you get the most out of flexBOX. While it’s a no-code theme designed for easy use, our team is always available if you need extra guidance. Additionally, you get **2 hours of free developer time** for customization support to help build your website smoothly. ![\[Hubspot modules icons\] - modal box-1](https://www.flexbox-pro.com/hubfs/%5BHubspot%20modules%20icons%5D%20-%20modal%20box-1.svg) MODAL BOX ### Interactive pop-up for targeted information/actions. - - [Modules](https://www.flexbox-pro.com/modules?hsLang=en) - Specialty - Modal box ## Clarity and purpose Modal boxes can become valuable tools for website designers to enhance user experience, promote engagement, and effectively present additional information or calls to action without overwhelming users on the main webpage. DOCUMENTATION #### Learn how to use Modal box                 [Go to Zeroheight](https://zeroheight.com/75eebd230/p/73b238-modal-box) ### Modal box Simple modal box Complex modal box Modal box(module\_170992232111618) #### Show any content inside the Modal box ![image](https://www.flexbox-pro.com/hs-fs/hubfs/raw_assets/public/flexBOX_Pro/images/content/presets/image.jpg?width=509&height=250&name=image.jpg) #### We use normal sections for our Modal box, so you can use any content [Read the manual](https://zeroheight.com/75eebd230) Modal box(module\_17811617174387) #### Provide More Info Discover powerful features designed to showcase your content in the best possible way. With flexible layouts, intuitive controls, and seamless customization options, you can create engaging experiences that reflect your brand and connect with your audience. Improve visibility, streamline workflows, and deliver meaningful interactions that drive results across every touchpoint. [Read the manual](https://zeroheight.com/75eebd230) SUPPORT 247 #### Free onboarding workshop [Register now](https://www.flexbox-pro.com/onboarding?hsLang=en) RESOURCES #### flexBOX Pro documentation [Go to Zeroheight](https://zeroheight.com/75eebd230/p/12b8b6-flexbox-pro) MARKETPLACE #### Ready to use flexbBOX Pro [Purchase theme](https://app-eu1.hubspot.com/ecosystem/27171928/marketplace/website/flexbox-pro-theme-by-business4you-ag) SUPPORT 247 #### Join our free workshop [Register now](https://www.flexbox-pro.com/?hsLang=en) RESOURCES #### FlexBOX Pro documentation [Go to Zeroheight](https://zeroheight.com/75eebd230/p/12b8b6-flexbox-pro) MARTKETPLACE #### Ready to use flexBOX Pro? [Purchase theme](https://app-eu1.hubspot.com/ecosystem/27171928/marketplace/website/flexbox-pro-theme-by-business4you-ag) ![Logo white](https://www.flexbox-pro.com/hubfs/Logo%20white.svg "Logo white") 1235 Wall Street, St. Petersperg [+89 936 474797](tel:+89%20936%20474797) [contact@gmail.com](mailto:contact@gmail.com) [facebook-f icon](https://www.facebook.com) [linkedin-in icon](https://www.linkedin.com) [instagram icon](https://www.instagram.com) ##### Solutions - Consulting - Audit - Training - Development ##### Products - CRM Platforms - Enterprise - Apps ##### Resources - Read our blog - Documentation - Developer API - Community ##### Company - About us - Join our team - News/Event - Contact us © 2026 flexBOX Pro by Business4you AG, Switzerland [PRIVACY POLICY](https://www.business4you.ch/impressum)   [TERMS OF SERVICE](https://www.business4you.ch/impressum)