=== Stackable - Page Builder Gutenberg Blocks === Contributors: bfintal, gambitph, freemius Tags: blocks, gutenberg, gutenberg blocks, page builder, WordPress blocks Requires at least: 6.4 Tested up to: 6.7.1 Requires PHP: 7.3 Stable tag: 3.13.13 License: GPLv3 License URI: https://www.gnu.org/licenses/gpl-3.0.html Custom Blocks that transform your WordPress Block Editor into a page builder == Description == **The Ultimate Companion to the WordPress Block Editor** [Stackable](https://wpstackable.com?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) is the ultimate trusted block plugin you've been waiting for. Build dynamic websites with our powerful yet lightweight custom WordPress blocks, ready-made designs, UI Kits, global settings, and advanced customization options all whilst boasting speedy performance. Have the confidence to easily design professional websites that stand out using a new page building experience for Gutenberg - the WordPress Block Editor. > [Try our live demo](https://wpstackable.com/demo/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) | [Join the Facebook Community](https://www.facebook.com/groups/wpstackable/) [youtube https://www.youtube.com/watch?v=P3xG3t-QYjw] ## Transform Gutenberg into a Page Builder. Stackable is the all-in-one block plugin for creating stunning websites by transforming the WordPress Block Editor into a Page Builder. Stackable has helped thousands of bloggers, merchants, marketers, designers and web development professionals make the most out of the WordPress Block Editor through fast, powerful and intuitive features. ## Ready Made Templates, Block Designs and Wireframes Enjoy an impressive Design Library to jumpstart your designing process. Never start from scratch and design like a pro with the help of our stunning and professionally-made designs. - Dozens of UI Kit designs - Hundreds of ready-made block designs - Dozens of block layouts - Various shape separator designs ## Powerful Custom Blocks Get 42 flexible custom WordPress blocks that are feature-rich and look good out of the box, and provide a robust foundation for any website even without a single line of code. You can choose which of these blocks you need, depending on your workflow. You can also disable blocks if you don't need them. **Essential Blocks** - Advanced Columns Block — [View Block](https://wpstackable.com/columns-block/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) - Advanced Heading Block - [View Block](https://wpstackable.com/advanced-heading-block/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) - Advanced Text Block - [View Block](https://wpstackable.com/advanced-text-block/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) - Advanced Image Block - Icon List Block — [View Block](https://wpstackable.com/icon-list-block/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) - Button Block — [View Block](https://wpstackable.com/button-block/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) - Icon Button Block - Icon Block — [View Block](https://wpstackable.com/icon-block/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) **Special Blocks** - Carousel Block - [View Block](https://wpstackable.com/carousel-block/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) - Horizontal Scroller Block - [View Block](https://wpstackable.com/horizontal-scroller-block/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) - Tabs Block - [View Block](https://wpstackable.com/tabs-block/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) - Countdown Block - [View Block](https://wpstackable.com/countdown-block/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) - Timeline Block - [View Block](https://wpstackable.com/timeline-block/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) - Table of Contents Block - [View Block](https://wpstackable.com/table-of-contents-block/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) - Posts Block — [View Block](https://wpstackable.com/blog-posts-block/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) - Image Box Block — [View Block](https://wpstackable.com/image-box-block/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) - Video Popup Block — [View Block](https://wpstackable.com/video-popup-block/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) - Progress Circle Block — [View Block](https://wpstackable.com/progress-circle-block/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) - Progress Bar Block — [View Block](https://wpstackable.com/progress-bar-block/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) - Accordion Block — [View Block](https://wpstackable.com/accordion-block/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) - Map Block — [View Block](https://wpstackable.com/map-block/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) - Icon Label Block - Social Buttons Block - Card Block — [View Block](https://wpstackable.com/card-block/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) - Count Up Block — [View Block](https://wpstackable.com/count-up-block/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) - Number Box Block — [View Block](https://wpstackable.com/number-box-block/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) - Notification Block — [View Block](https://wpstackable.com/notification-block/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) - Expand / Show More Block — [View Block](https://wpstackable.com/expand-block/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) - Separator Block — [View Block](https://wpstackable.com/separator-block/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) - Subtitle Block - Price Block - Divider Block - Spacer Block **Section Blocks** - Hero Block — [View Block](https://wpstackable.com/header-block/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) - Call to Action Block — [View Block](https://wpstackable.com/call-to-action-block/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) - Feature Block — [View Block](https://wpstackable.com/feature-block/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) - Feature Grid Block — [View Block](https://wpstackable.com/feature-grid-block/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) - Pricing Box Block — [View Block](https://wpstackable.com/pricing-table-block/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) - Icon Box Block - Testimonial Block — [View Block](https://wpstackable.com/testimonial-block/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) - Team Members Block — [View Block](https://wpstackable.com/team-member-block/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) - Blockquote Block — [View Block](https://wpstackable.com/blockquote-block/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) ## Page Builder-like Design Options Turn the WordPress Block Editor into a page builder. Fine-tune your creations with a wide range of familiar web design options. - Multiple Block Layouts - Flexbox Controls - Image and Video Lightbox - Save Block Defaults - Customize block hover styles - Block Background and Image Color Settings - Block Typography Settings - Image Shapes and Settings - Advanced Gradient Color Picker - Advanced Icon Options - Advanced Column and Spacing Settings - Global Colors & Typography Settings - Responsiveness - Tablet and Mobile Column Arrangement - Live Responsive Editing - Ability to tweak designs for Tablet and Mobile views - Specify how Columns collapse in Tablet and Mobile - Hide / Show Specific Blocks on Desktop, Tablet or Mobile - Custom Tablet and Mobile breakpoints - Custom `data-*` attributes ## Fast Page Loading Speed Optimize your website’s performance, and get lightning fast page loading to make your site visitors stay. Have the chance to maximize your page speed insights and achieve high Core Web Vitals and higher SEO rankings. - Loads the smallest file size possible of CSS and JS files in the frontend, ~ only 7.8kb total - Adds almost no PHP server overhead for fast page loads - Zero Bloat, no jQuery, no dependencies - Optimized page loading with focus on Core Web Vitals - Responsive image loading for faster browsing speeds in mobile devices - Compatible with Optimization Plugins and use optimization techniques such as combining CSS and JS files and minification ## Integrations & Compatibility Make your page building experience more well-rounded by using other popular tools. We've seamlessly integrated with these essential third-party plugins and tools: - WPML - Weglot - Blocksy - Toolset - Font Awesome - Google Fonts - [see our full list of integrations and compatibility](https://wpstackable.com/compatibility/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) ## Premium Features Take web designing to the next level. Stackable Premium helps you unlock the full potential of the WordPress Block Editor with awesome advanced features that will give you the ability to create high-end websites. ### Dynamic Content (Premium) Create dynamic WordPress websites that cater to the specific interests of visitors. - Dynamic content - Fully customize your query loops - Site Custom Fields - Conditionally display blocks ### More Integrations (Premium) In premium, you get more integrations. - WooCommerce - ACF - Metabox - JetEngine ### Agency Tools (Premium) Cater to more clients effectively and efficiently with our Agency Tools, which were specially made for web design professionals. - Block CSS Customizer - Role Manager ### Motion Effects (Premium) Add animations that will bring your site to life and make it more visually engaging. - Scroll Animations - Entrance Animations - Transform & Transition Effects ### More Blocks (Premium) - Load More Block (for the Blog Posts Block) - Pagination Block (for the Blog Posts Block) > [Try our live demo](https://wpstackable.com/demo/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) | [Learn more](https://wpstackable.com?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) ### News Article Updates - [v3.13 Improved Stackable Server Performance](https://wpstackable.com/blog/improved-server-performance/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) - [v3.12 WooCommerce Integration and Enhanced Color, Gradient and Opacity Settings](https://wpstackable.com/blog/woocommerce-integration/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) - [v3.11 New Timeline Block](https://wpstackable.com/blog/introducing-new-timeline-block/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) - [v3.10 New Tabs Block](https://wpstackable.com/blog/introducing-new-tabs-block/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) - [v3.9 New Carousel Block](https://wpstackable.com/blog/introducing-new-carousel-block/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) - [v3.8 New Stackable UI](https://wpstackable.com/blog/introducing-new-stackable-ui/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) - [v3.7 New Horizontal Scroller and Countdown Blocks](https://wpstackable.com/blog/introducing-new-horizontal-scroller-and-countdown-blocks/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) - [v3.6 New Progress Circle and Progress Bar Blocks](https://wpstackable.com/blog/introducing-new-progress-circle-and-progress-bar-blocks/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) - [v3.5 No Bloat & Improved Performance](https://wpstackable.com/blog/improved-performance/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) - [v3.4 Map Block](https://wpstackable.com/blog/introducing-map-block/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) - [v3.3 Saving Block Defaults](https://wpstackable.com/blog/saving-block-defaults/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) - [v3.2 Table of Contents Block](https://wpstackable.com/blog/table-of-contents-block/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) - [v3.1 Wireframes](https://wpstackable.com/blog/introducing-wireframes/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) - [v3.0 How To Shift From Version 2 to Version 3](https://wpstackable.com/blog/how-to-shift-from-version-2-to-version-3/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) - [v2.17 Custom Attributes and Optimization](https://wpstackable.com/blog/custom-attributes-and-optimization/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) - [v2.16 Clickable Containers and Pagination](https://wpstackable.com/blog/clickable-containers-and-pagination/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) - [v2.15 Introducing Dynamic Content](https://wpstackable.com/blog/introducing-dynamic-content/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) - [v2.14 Copy and Paste Block Styles](https://wpstackable.com/blog/copy-and-paste-block-styles/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) - [v2.13 UI Kits, Borders & Improved Performance](https://wpstackable.com/blog/ui-kits-borders/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) - [v2.12 Better User Interface and User Experience](https://wpstackable.com/blog/better-user-interface-and-user-experience/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) - [v2.11 Introducing Global Colors and Global Typography](https://wpstackable.com/blog/global-colors-and-global-typography/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) - [v2.10 Better Responsive Controls, Better List Block Icons and Low-Highlight Effect](https://wpstackable.com/blog/better-responsive-controls-better-list-block-icons-low-highlight-effect/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) - [v2.9 Live Responsive Editing](https://wpstackable.com/blog/introducing-live-responsive-editing/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) - [v2.8 Role Manager for Gutenberg](https://wpstackable.com/blog/introducing-role-manager-for-gutenberg/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) - [v2.7 New Icon Block, Amazing Icons and Font Awesome Pro](https://wpstackable.com/blog/new-icon-block-amazing-icons-and-font-awesome-pro/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) - [v2.6 New Advanced Blocks and Load More Blog Posts Button](https://wpstackable.com/blog/new-advanced-blocks-and-load-more-blog-posts-button/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) - [v2.5 Better Onboarding for First Time Users](https://wpstackable.com/blog/better-onboarding-for-first-time-users/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) - [v2.4 Introducing the Advanced Columns & Grid Block](https://wpstackable.com/blog/introducing-the-advanced-columns-and-grid-block/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) - [v2.3 Introducing the Design Library and New Block Designs](https://wpstackable.com/blog/introducing-the-design-library-and-new-block-designs/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) - [v2.2 Welcome Video, Better Separators and Auto-Block Recovery](https://wpstackable.com/blog/welcome-video-better-separators-and-auto-block-recovery/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) - [v2.1 Help Video Snippets and Auto-Expand Settings](https://wpstackable.com/blog/help-video-snippets-auto-expand-settings/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) - [v2.0 Version 2 is Out!](https://wpstackable.com/blog/version-2-is-out/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) ### Learn More About Stackable - Page Builder Gutenberg Blocks & Designs - Read our [documentation and tutorials](https://docs.wpstackable.com?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) - Visit our [site wpstackable.com](https://wpstackable.com?utm_source=wp-repo&utm_campaign=readme&utm_medium=link) - Subscribe to our [newsletter](http://eepurl.com/dJY9xI) ### Enjoying Stackable Blocks? - Join the [Stackable Community in Facebook](https://www.facebook.com/groups/wpstackable/) - Follow us in [Twitter @wpstackable](https://twitter.com/wpstackable) - [Leave us a rating](https://wordpress.org/support/plugin/stackable-ultimate-gutenberg-blocks/reviews/?rate=5#new-post) > ** Those marked with asterisks are part of Stackable Premium == Installation == = Minimum Requirements = You'll need WordPress version 6.3 or higher for this to work. == Frequently Asked Questions == **Did you just upgrade? Learn here about the New Inspector UI in v3.8** [youtube https://www.youtube.com/watch?v=RukT93hvzn8] **Is Stackable Free?** Yes, Stackable is free forever. We have a premium version that adds more designs and advanced features. You may want to check [Stackable Premium here](https://wpstackable.com/premium/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link). **Do I need to know how to code to use Stackable?** No, you don't need to know a single line of code when using Stackable **Do you have a live demo?** Yes, we have [live demo that you can check out here](https://wpstackable.com/demo/?utm_source=wp-repo&utm_campaign=readme&utm_medium=link). **What are Blocks?** Blocks are the new shortcodes in WordPress 5.0 / Gutenberg. They're the basic elements that you add into your content to build your pages, like buttons, cards, videos, etc. Stackable gives you an extensive collection of blocks that allows you to flexibly create any kind of professional landing page and front page. **What are UI Kits?** UI kits are a beautiful and cohesive collection of our block designs for budiling full sites easily. These kits offer a wide variety of web design styles and categories that allow you to kick start your design process right away **What themes can I use with Stackable?** Stackable should work with any theme. **Can I disable blocks that I do not use?** Yes, you can manage your blocks and choose what blocks to enable/disable. **Can I use this plugin with other block plugins?** Yes! Stackable blocks play well with other blocks. **Can I use this add-on for other page builders I'm using?** Nope. Stackable only works with Gutenberg, the new WordPress editor. == Screenshots == 1. Responsive Gutenberg Blocks 2. Page Builder-like Block Options 3. Global Settings that affect your entire site 4. Powerful Custom Gutenberg Blocks 5. Ready-made Design Library == Upgrade Notice == == Changelog == = 3.13.13 = * New: Icon Library (Premium feature) - you can now upload custom SVGs and re-use them for the Icon Block! #361 #3317 * Fixed: Text block: typing in the inspector will no longer escape html entities #3399 * Fixed: Typing in the middle of an option in the inspector will no longer move the cursor to the end #3396 * Fixed: Updated Freemius SDK to v2.11.0 = 3.13.12 = * Fixed: Pasting text creates a new block instead of pasting on the current block #3371 * Fixed: Pasting on icon list block makes a new block and loses cursor placement #3382 * Fixed: Blocks inside a WooCommerce shop page can show css styles #3381 * Fixed: Clearing the icon from the icon picker can make the icon blank #3348 * Fixed: Sanitize titles for lightbox #3390 * Fixed: Enhanced text sanitazion #3391 = 3.13.11 = * Fixed: Icon Label block: Error when missing an Icon block #3368 * Fixed: Disable Dynamic Content when inside the Customizer #3352 * Fixed: Allow pasting of blocks when focused on a Stackable Text Block #3330 = 3.13.10 = * Fixed: Compatibility with WordPress 6.7 #3336 * Fixed: Better support for custom SVGs in the icon picker #3265 * Fixed: Cleanup of some code related to the previous performance update #3320 * Fixed: Accordion block: text can become unselectable #3350 * Fixed: Save default blocks: saving can be called multiple times and can cause the browser to hang #3355 * Fixed: Map block: prevent error when using a custom map marker #3362 = 3.13.9 = * Fixed: Text blocks: text gradient color doesn't show for misspelled words #3305 * Fixed: Button block: adding a button block now places the cursor inside the button ##3324 * Fixed: Conditional display: inspector options do not re-render when changing values #3342 * Fixed: Optimized CSS: mobile styles can overwrite tablet styles sometimes (to fix, please re-save the page) #3345 = 3.13.8 = * Fixed: Possible editor freezing when using deprecated icon lists inside patterns #3332 * Fixed: Timeline block: last timeline doesn't cut off in mobile view (part 2 of fix) #3292 * Fixed: Icon List block: can produce an error when migrating from an old version #3334 * Fixed: Prevent possible PHP error when calling kses too early = 3.13.7 = * Fixed: Stylesheets can sometimes not load in the frontend * Fixed: SVG error when using custom SVGs with a use tag #3323 * Fixed: Carousel block: column alignment stops working for nested columns #3327 * Fixed: Global colors: color not copied over when pasting in another site #3329 * Fixed: Only do kses fixes when the user can edit posts = 3.13.6 = * New: Drastically improved performance of the Block Editor #3261 * New: Added option to enable Stackable Text block as the default editor block #3279 * New: Added `--stk-transition-default` CSS variable for easier transition customization #3266 * Change: Disable Inner Column block margins in Carousel blocks #3173 * Fixed: Posts block " Link panel. Lightbox supports: images, videos, YouTube, Vimeo and web pages. * New: Typing 'auto' in block margins now works visually in the block editor * Change: Renamed to "Adv. Copy and Paste" styles to make it different from the native copy and paste option * Change: Removed "Fit all columns to content" option in Columns, this has been replaced with flexbox controls * Fixed: Some blocks encounter a block error when inside a Query Loop block #2577 * Fixed: Some textarea Dynamic Content fields do not show line breaks correctly #2602 * Fixed: Better inspector panel scrolling when opening and closing panels * Fixed: Inner Column blocks with paddings made the column widths uneven * Fixed: Missing meta option in the Posts Block content order option #2646 * Fixed: Video backgrounds now show up as one network request * Fixed: Block titles and descriptions are now translated correctly in the Getting Started page #2597 * Fixed: Navigation panel cannot be resized properly #2640 * Fixed: Navigation panel closes when selecting another block * Fixed: Dragging the margin bottom of blocks quickly will stop the current drag * Fixed: The Block Linking learn more link redirects to the wrong page #2564 * Fixed: In the free version, premium notices have lower priority * Fixed: Dynamic Content can now be used in the Progress Bar and Progress Circle percentage value #2647