--- title: Flexible button --- [Skip to content](https://www.flexbox-pro.com/button#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\] - button](https://www.flexbox-pro.com/hubfs/%5BHubspot%20modules%20icons%5D%20-%20button.svg) FLEXIBLE BUTTON ### A clickable element that prompts users to take a specific action. - - [Modules](https://www.flexbox-pro.com/modules?hsLang=en) - Flexible elements - Flexible button ## Flexibility and ease of use. Buttons are crucial in guiding users towards achieving your website's goals, whether it's making a purchase, signing up for a newsletter, or downloading a document. Clear and well-designed buttons guide users through the desired navigation and actions, increasing efficiency and satisfaction. DOCUMENTATION #### Learn how to use Button [Go to Zeroheight](https://zeroheight.com/75eebd230/p/008fc7-flexbox-button) 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) ### Accent Solid button Tonal button Outlined button Text only ### Shape Button Button ### Gradient color Button Button ### With Icon Icon right Icon left 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) ![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)