Stackable – Page Builder Gutenberg Blocks

ਵੇਰਵਾ

Reimagine the Way You Use the WordPress Block Editor

Stackable is a block library that is one of the first, most expansive, and highly rated plugins made specially for the new WordPress Block Editor (Gutenberg).

Stackable adds essential custom blocks to give you a true page builder experience inside the Block Editor. Stackable gives you a suite of high quality blocks, each with their own precise page builder options that let you build the perfect website and landing page that you envision.

With Stackable, you get:

  • 27 Quality Page Building Blocks for Gutenberg
  • 50+ Block Layouts and 70+ Pre-set Section / Block Designs that can be switched with just one click
  • Global Colors & Global Typography
  • Page Builder-like tabbed options
  • Advanced and diverse web design options,
  • Responsive customization controls to precisely design your blocks for tablet and mobile visitors
  • Built-in Section / Background controls for the easiest way to build page sections using only a single block
  • Versatile image and color options, hover effects and separators / shape dividers
  • Detailed responsiveness options

Whether you are a DIYer, business owner, graphic artist or a web agency, Stackable is just the WordPress custom block collection you’ve been waiting for.

See Stackable in action by checking out our demo. Visit our website (made with Gutenberg + Stackable blocks) to learn even more about Stackable.

The Easiest and Most Straightforward Way to Build Page Sections

Stackable lets you reimagine the way you use the WordPress Block Editor for a truly easy and intuitive way of building stunning web pages. With Stackable, you can build entire page sections by using a single block with the built-in section / background controls. There’s really nothing like it.

Stackable blocks are designed to be highly versatile and usable either as:

  1. units that can be combined with other blocks, or
  2. stand-alone sections, which can easily be achieved by turning on the block background settings (a uniquely Stackable feature).

Having this flexibility makes Stackable an all-in-one tool for building your website.

Stunning Layouts and Pre-set Section / Block Designs

Together with this new way of building sections, we’ll start you off with great built-in multiple block layouts and pre-set section / block designs. All our designs are stunning, professionally-made and ready-to-use.

Unlike any other block library, our pre-set section / block designs are cohesive across almost all blocks, making them truly useable for building full websites. Gain access to a very diverse collection of pre-set designs and layouts which are all interchangeable with one click!

We have absolutely the best and most expansive design collection with 50+ block layouts and 60+ pre-set design sections (with more on the way!).

Design with Powerful Precision Controls in an Intuitive UI

Stackable now offers the most advanced block design controls with the widest range of design settings. With this block collection, enjoy:

  • Intuitive and easy to use block design settings for the easiest page building experience for casual users like entrepreneurs, bloggers, and DIYers
  • Highly advanced precision options for professionals and advanced users
  • Detailed block settings include:
    • Highly adjustable column and block background options including single tint, gradient tint, image and video
    • Flexible typography options including text highlight options
    • Cutting-edge color settings including built-in gradient tint and gradient blend mode options
    • Advanced image settings and responsive image loading
    • Precision controls for block dimensions, spacing and alignment
    • Highly detailed responsiveness block options for pixel perfect tablet and mobile designs
    • Built-in separators / shape dividers for each block

All of Stackable’s powerful options are easily managed in an intuitive UI for a smooth block editing experience. This is achieved by our three-tab configuration, easy toggle on/off for block elements, and streamlined settings.

A Truly Useful Block Library with 27 Quality Gutenberg Blocks

We’ve come up with page building blocks that are all functional and stunning. We’ve put in the design effort so you can enjoy a truly usable and quality block collection for the new WordPress block editor (Gutenberg).

Stackable WordPress Theme

Get our WordPress theme that’s beautiful & flexible, Gutenberg-ready and made especially for Stackable blocks and the new WordPress editor. Download the Stackable Theme now.

Stackable Premium

Stackable Premium extends the capabilities of Stackable and the new WordPress editor to give you the smoothest page building experience. Using the core Stackable Philosophy of balancing utility and great design, Stackable Premium offers:

  • Premium Block Layouts and Pre-Set Section / Block Designs
  • Premium hover and image box effects
  • Three-layer separators
  • Premium functionality and design options with guided CSS customizer, 50+ blob image shape options, option to use different image shapes for different columns, advanced settings for column spacing, and custom post types for Posts Block
  • Premium updates and focused one-on-one customer care (1 year)

While you can create great pages with Stackable, Stackable Premium lets you do so much more.

Try out a live demo of Stackable Premium

Stackable Blocks

News Article Updates

Learn More About Stackable – Gutenberg Blocks

Enjoying Stackable Blocks?

ਸਕਰੀਨਸ਼ਾਟ

  • How Stackable Page Builder Blocks for Gutenberg Works
  • Easily switch between different Pre-Set Block Designs in our Design Library / Templates
  • Tweak the spacing and alignments of your blocks
  • Advanced Columns and Grid block
  • Create more elaborate background effects for your content

ਬਲਾਕ

This plugin provides 28 blocks.

ugb/blog-posts
Posts
ugb/accordion
Accordion
ugb/blockquote
Blockquote
ugb/button
Button
ugb/cta
Call to Action
ugb/card
Card
ugb/columns
Advanced Columns & Grid
ugb/container
Container
ugb/count-up
Count Up
ugb/design-library
Design Library
ugb/divider
Divider
ugb/expand
Expand / Show More
ugb/feature-grid
Feature Grid
ugb/feature
Feature
ugb/header
Header
ugb/heading
Advanced Heading
ugb/icon-list
Icon List
ugb/icon
Icon
ugb/image-box
Image Box
ugb/notification
Notification
ugb/number-box
Number Box
ugb/pricing-box
Pricing Box
ugb/separator
Separator
ugb/spacer
Spacer
ugb/team-member
Team Member
ugb/testimonial
Testimonial
ugb/text
Advanced Text
ugb/video-popup
Video Popup

ਸਥਾਪਤੀਕਰਨ

Minimum Requirements

You’ll need WordPress version 5.0 or higher for this to work.

ਅਕਸਰ ਪੁੱਛੇ ਜਾਂਦੇ ਸਵਾਲ

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 lots of awesome blocks for you to create awesome landing pages and front pages.

Can I use this 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.

ਸਮੀਖਿਆਵਾਂ

21 ਸਤੰਬਰ 2020
Un plugin completísimo, incluso en la versión gratuita.
15 ਸਤੰਬਰ 2020
Ultimate addon for Gutenberg blocks!
11 ਸਤੰਬਰ 2020
This plugin provides lots of goodies, many are more than I need for an average job. Yet, it's missing a couple essential must-have features to get a basic job done right. I want to create a two column design element. The left column has a solid color background with white text as a heading. The right column has white background with a paragraph of black text - simple layout. Though, I can't find a way to fill in background color for the left column. I can drop in a Container, but I also want the solid background to fill the entire length of the column. The container only expands with the text content. Also, I want the entire 2-column module to have a border - can't do that with the tools either. So I ended up having to use custom CSS to make up for the shortfall of Stackable available tools. What I suggest is merge Container and Columns into one block instead of two separate ones as they are now. Often times layouts call for columns along with background colors, borders, margin, padding, and content alignment all into one design unit. Thanks for listening.
1 ਸਤੰਬਰ 2020
This plugin is incredible! Not only does it offer a large selection of extra blocks, each one is very easy to customise in the settings panel. And toggle-off the blocks you don't need. Consistently well-designed, seamless integration, free from glitches & bugs (so far), useful hover tips, good support documentation and clear short videos. And all genuinely for free, without nagging or teasing to upgrade, so don't be put off by the freemium model and pro version upgrade. (However, the upgrade does seem fairly priced). Great work! 5/5
Read all 292 reviews

ਯੋਗਦਾਨੀ ਤੇ ਵਿਕਾਸਕਾਰ

“Stackable – Page Builder Gutenberg Blocks” is open source software. The following people have contributed to this plugin.

ਯੋਗਦਾਨੀ

“Stackable – Page Builder Gutenberg Blocks” has been translated into 4 locales. Thank you to the translators for their contributions.

“Stackable – Page Builder Gutenberg Blocks” ਦਾ ਆਪਣੀ ਭਾਸ਼ਾ ਵਿੱਚ ਅਨੁਵਾਦ ਕਰੋ।

ਵਿਕਾਸ ਕਾਰਜ ਵਿੱਚ ਰੁਚੀ ਰੱਖਦੇ ਹੋ?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

ਤਬਦੀਲੀ-ਚਿੱਠਾ

2.11.0

Introducing Global Colors and Global Typography

  • New: Global Colors
  • New: Global Typography
  • Fixed: Speed improvements
  • Fixed: Some popup settings close right away when clicking in Firefox
  • Fixed: Blocksy compatibility when detecting dark colors

2.10.4

  • Fixed: Some responsive font-sizes won’t apply
  • Fixed: Feature grid block default title tag shows as H2 in the Block Editor

2.10.3

  • Fixed: Block errors in nested blocks
  • Fixed: PHP warning undefined index page

2.10.2

  • Change: Moved Stackable admin settings inside Settings menu
  • Fixed: Column blocks and other blocks that use innerBlocks do not auto-recover
  • Fixed: WordPress 5.4 compatibility
  • Fixed: Background color and image in Video Popup won’t apply
  • Fixed: Force removal of pseudo elements in the Blockquote block
  • Fixed: Kadence Theme color picker issue
  • Fixed: CORS error when editing in mobile or tablet if Stackable’s CSS files are located in a another domain. When it happens now, live responsive editing will just not work.

2.10.1

  • Change: Added “Other” options on the bottom of the admin settings
  • Fixed: Icon list text were flowing over the other lines in the editor
  • Fixed: Admin spinner was always visible
  • Fixed: Responsive hiding doesn’t show blocks on exactly 600px and 960px widths
  • Fixed: Load more button in Blog Posts block wasn’t centered correctly
  • Fixed: Typography mobile font size issue when inheriting clipped desktop values
  • Fixed: Group into Container was producing an error
  • Fixed: AdvancedToolbarControl fullwidth console warning
  • Fixed: Block bottom margin placeholder now correctly shows 35 instead of 0
  • Fixed: Images with labels can produce invalid block html output
  • Fixed: Console warning for alignRight when displaying block designs in the inspector
  • Fixed: Added aria-label “Play” in Video Popup block
  • Fixed: Max. Content Width option now gets inherited in tablet and mobile
  • Fixed: Min. Block Height option now gets inherited in tablet and mobile
  • Fixed: Block and column margins and paddings now get inherited in tablets
  • Fixed: Some styles will now get inherited in tablets also
  • Fixed: Block errors may appear and not auto-recover when using the Gutenberg plugin

2.10.0

Better Responsive Controls, Better List Block Icons and Low-Highlight Effect

  • New: Better responsiveness controls: some tablet and mobile options do not automatically inherit desktop styles
  • New: You can now pick any icon for the Icon List block
  • New: You can now have different icons per line in the Icon List block
  • New: Additional icon options in the Icon List block
  • New: Icon size is now responsive in the Icon List block
  • New: Added low-highlight text formatting style
  • New: Now compatible with Kadence Theme global color palette
  • New: You can now select the text color for highlighted text styles
  • Fixed: Multisite or unfiltered HTML issue where some container styles do not reflect in the frontend
  • Fixed: Icon list block didn’t follow tablet and mobile column counts.
  • Fixed: Blog Posts Block doesn’t detect category and tag taxonomies for custom post types
  • Fixed: When in white label mode, the pricing tab still appears in the settings page
  • Fixed: Container blocks with small content widths have large paddings in mobile

2.9.1

  • Fixed: Columns Block uneven columns
  • Fixed: PHP Rest API notice about register_rest_route used incorrectly.
  • Change: Removed affiliate page
  • Change: Removed main menu notification for a more unobtrusive experience

2.9.0

Introducing: Live Responsive Editing

  • New: Responsive Preview and Editing!
  • New: Multi-block editing support
  • New: Improved styling for the admin settings
  • New: Complete WordPress 5.5 support
  • Fixed: Separator can show a thin white line sometimes
  • Fixed: Divider block alignment not being applied
  • Fixed: Column gap option not working in Icon Block
  • Fixed: Expand block showed wrong heading tag in the editor
  • Fixed: PHP Rest API notice about register_setting used incorrectly.

2.8.0

Introducing: Role Manager for Gutenberg

  • New: User Role Manager (premium)
  • New: Updated URL picker
  • New: Added alt text for image using title and subtitle in Image Box block.
  • Fixed: Partial WordPress 5.5 compatibility
  • Fixed: Responsive breakpoint for hiding in desktop.
  • Fixed: Missing guided CSS rules for Card Block (premium).
  • Fixed: Only show Stackable menu for users that have the manage_options capability
  • Fixed: Text transform “normal” was not working as expected.
  • Fixed: IconButton deprecation warnings.
  • Fixed: Disabling the title can possibly make the Image Box block error out
  • Fixed: Social buttons give block errors in Team Member blocks.

2.7.0

New Icon Block, Amazing Icons and Font Awesome Pro

  • New: New Icon Block!
  • New: You can now upload your own SVG icons!
  • New: Improved icons, add backgrounds, shapes, outlines and more!
  • New: Updated Font Awesome icons!
  • New: Better searching of icons!
  • New: Font Awesome Pro integration (premium)
  • New: Smaller plugin filesize, now less than 2mb!
  • New: 3 subtle hover effects (premium)
  • New: Block Title and Description Width options
  • Change: Removed 1.12 backward compatiblity (version more than a year ago)
  • Change: Blocks will get a class ugb--has-custom-content-width when a block uses a Max Custom Width
  • Change: Max Content Width option now changes max-width instead of width
  • Change: Updated the size of wide blocks visually in the editor
  • Fixed: Icon gets disabled when switching layouts in the notification block
  • Fixed: Possible error when encountering an error fetching blog posts
  • Fixed: Better handling for themes which may interfere with the placement of the popup video
  • Fixed: Text alignment in Adv. Text Block sometimes wasn’t followed.
  • Fixed: Error when uploading SVG images in the inspector.
  • Fixed: Image size option can show “thumbnail” even though it’s not

2.6.1

  • Fixed: Some buttons aligning to center
  • Fixed: Disabled fixed backgrounds in iOS due to image zooming issue in iOS
  • Fixed: Ensured bottom margin for text paragraphs in Advanced Text block
  • Fixed: Removed unused responsive controls for Advanced Text block columns
  • Fixed: Native table columns jump around
  • Fixed: Video popup block opens after dragging in mobile

2.6.0

New Advanced Blocks and Load More Blog Posts Button

  • New: Advanced Heading Block
  • New: Advanced Text Block
  • New: Load More option for Blog Posts Block (Premium)
  • Fixed: Added missing playsinline to background videos, there’s a chance they do not play on mobile
  • Fixed: Accordion aria-expanded was inverse
  • Fixed: Removed obsolete design code
  • Fixed: Don’t show hidden blocks in the Design Library
  • Fixed: Container gets left and right paddings on mobile. If upgrading, you’ll need to remove the custom class “ugb-container–width-small” in the advanced tab.

2.5.1

  • Fixed: Images with paths containing “mp4”, “webm” or “ogg” are wrongly detected as videos

2.5.0

Better Onboarding for First Time Users

  • New: Better onboarding for first time users
  • New: Updated admin page styling
  • New: Added help tooltip videos for “No padding”, “Column Arrangemnet”, “Column Widths” and “Column Row Gap”
  • New: Added ability to turn help tooltips off
  • Fixed: Turning on “no paddings” will now enable the block background
  • Fixed: Added missing blocks in the block settings area

2.4.0

Introducing the Advanced Columns & Grid Block

  • New: Advanced Columns & Grid Block
  • Fixed: Inspector may get a horizontal scrollbar
  • Fixed: Initial position of range controls now position correctly again
  • Fixed: Container Advanced > Block Spacing > Max. Content Width also affects nested blocks
  • Fixed: Wide widths with block background turned on would also make their nested blocks go wide in the editor

2.3.2

  • Fixed: WordPress 5.4 compatibility
  • Fixed: Mobile responsiveness of the Horizontal layout of the Feature Grid block

2.3.1

  • Fixed: Button text hover color styling issue

2.3.0

Introducing the Design Library and New Block Designs

  • New: Design Library
  • New: No paddings option in the Block Background area
  • Change: Added note that block contents won’t change when switching designs
  • Fixed: You can now add dynamically changing blocks inside Accordion blocks (e.g. blocks that change height)
  • Fixed: Removed unwanted margins on the Separator block present in some themes
  • Fixed: Header block’s title won’t follow alignment
  • Fixed: Name color won’t change in some Team Member block layouts
  • Fixed: Number alignment of the Number Box block not followed in smaller screens
  • Fixed: Number color of the Number Box block not working
  • Fixed: Border radius being applied incorrectly in some layouts in Team Member blocks
  • Fixed: Better auto-block recovery methods
  • Fixed: Shadow is now removed in plain Container block layouts
  • Fixed: PHP 7.4 parenthesis ternary experssion warning
  • Fixed: Button center alignment in IE11
  • Fixed: Columns now display properly in IE11
  • Fixed: Default colors now show properly in IE11
  • Fixed: Corrected border radius to show only when not in full-width for the CTA block
  • Fixed: Some text colors not showing correctly in some Blog Posts block layouts
  • Fixed: Image now has the correct width in Team Member blocks in small screens
  • Fixed: Responsiveness of some layouts of the Feature block
  • Fixed: Don’t show empty advanced panels in the Count Up block
  • Fixed: Notification block button sometimes won’t change colors
  • Fixed: Responsiveness issues in horizontal layout in Posts block
  • Fixed: Responsiveness issues in horizontal layout in Card block

2.2.1

  • Change: Added “Learn more” link for block background help tooltip
  • Fixed: Block auto-recovery did not take effect for blocks inside columns
  • Fixed: Some themes may force pseudo elements on our blocks and this will destroy our column layouts.
  • Fixed: Removed “Contact Us” for white labelled sites
  • Fixed: Removed “Edit as HTML” for Container blocks

2.2.0

Welcome Video, Better Separators and Auto-Block Recovery

  • New: Welcome to Stackable modal popup
  • New: Auto-block recovery functionality for styling block errors and block update errors
  • New: Support for Jetpack’s Site Accelerator for background images
  • New: Added 2 new separators: Rounded 3 and Wave 4
  • New: Added vertical flip for top and bottom separators
  • Change: Updated video in settings screen
  • Fixed: Border radius not being followed for blog posts block when updating from v1
  • Fixed: Fixed mobile responsiveness of blog posts block when using 4 columns
  • Fixed: Centered the image in Overlap Shape 4 and Overlap Shape 5 layouts in feature blocks
  • Fixed: Feature block responsiveness for image column width option
  • Fixed: Feature block responsiveness issues for overlap layouts
  • Fixed: Only apply default z-index to Stackable blocks
  • Fixed: Compatibility with Slides & Presentations plugin
  • Fixed: Native text block colors now work properly inside Container blocks with background colors
  • Fixed: Fixed font size for tablet and mobile in multiple blocks not being applied
  • Fixed: Removed left and right margins in Blockquote blocks in the editor for some themes
  • Fixed: Separator block default height is too big in tablet and mobile
  • Fixed: Better generation of excerpts for posts. Prevent WPBakery from overriding post excerpts
  • Fixed: Bottom Separator layout images are now oriented correctly

2.1.0

Help Video Snippets and Auto-Expand Settings

  • New: Added help tooltip video snippets for block options
  • New: Double-click a block component to open inspector settings
  • New: Now brings opened inspector panels into view
  • New: Affiliation menu, become a Stackable Affiliate!
  • Fixed: Changed arrangement of some advanced block settings
  • Fixed: PHP Notice undefined index featured_media in Posts block
  • Fixed: Corrected typo in Advanced Column settings to “Column Paddings”
  • Fixed: Toolbar control compatibility with Gutenberg 7.1.0

2.0.4

  • Fixed: Better sticky tabs detection and placement
  • Fixed: Possible migration error if v1 button label is blank
  • Fixed: Button block is not centered properly
  • Fixed: Ghost button color sometimes aren’t followed
  • Fixed: Added smooth transition to button icons
  • Fixed: Social button icons colors not being applied in Team Member block

2.0.3

  • Fixed: Jetpack Search compatibility may show an error
  • Fixed: Top/bottom margins of full-width Separator blocks (and other full-width blocks) when migrating from v1
  • Fixed: Testimonial basic 2 layout from v1 suddenly have shadows
  • Fixed: Feature Grid block now estimates a closer image size when migrating from v1
  • Fixed: Container block’s vertical align option wasn’t being followed
  • Fixed: Blog Posts block strips out strings with a dollar sign followed by a number
  • New: Decrease minimum block margins to -500px and -100%

2.0.2

  • Fixed: Container child block toolbars being cut off when editing
  • Fixed: Container block background should not affect styles of nested container blocks
  • Fixed: WP_Privacy_Data_Export_Requests_List_Table not found error
  • Added: stackable_enqueue_styles PHP filter
  • Added: stackable_enqueue_scripts PHP filter
  • Added: stackable_enqueue_fonts PHP filter

2.0.1

  • Fixed: Possible posts block migration error

2.0

Version 2 is Out!

  • New: Improved user interface to manage section building tools
  • New: Cutting-edge design options for typography, colors, images & videos
  • New: Precision controls for spacing, alignment & responsiveness options
  • New: New Block Layouts and Pre-set Section Designs
  • New: Built-in section/block background options for easier section building
  • New: 3-tab configuration for layouts, style & advanced settings
  • New: Toggle on/off section background, title, description, & block elements
  • New: Streamlined settings panels for each block element
  • New: New background settings including advanced image settings and advanced gradient settings
  • New: Built-in top & bottom separators for every block
  • New: Z-index for custom block positioning
  • New: Detailed typography settings including font families, font size, font color, font weight, font cases, line height and letter spacing
  • New: Ability to set headings to specific HTML tags
  • New: Multiple image shape options like circle, square and 50+ blob shapes
  • New: Adaptable settings for image size, image positions & image repeat
  • New: Advanced gradient color and blend mode options
  • New: Custom settings for block dimensions (height and width), paddings & margins
  • New: Spacing options between each block element (title, description, image, etc.)
  • New: Toggle on/off blocks for desktop, tablet & mobile
  • New: Detailed responsiveness settings for font sizes & image displays
  • New: Responsive image loading for different device types
  • New: 26 additional block layouts
  • New: Cohesive pre-set designs across multiple blocks
  • New: Change block layouts and pre-set section designs with just one click

1.17.3

  • New: Added Facebook community group link
  • New: Revamped icon picker controls
  • Fixed: Flashing overlay outside border-radius in Image Boxes in Edge
  • Fixed: Selecting the custom color field resets the highlight color
  • Fixed: Video Popup block opens on mobile when scrolling
  • Fixed: IE11 forEach error

1.17.2

  • New: Rebranded welcome & settings page design
  • Fixed: Selecting the custom color field resets the highlight color
  • Fixed: Flashing overlay outside border-radius in Image Box blocks in Safari
  • Fixed: Mobile responsiveness of horizontal layout in Card blocks
  • Fixed: Too-wide padding of horizontal layout in Card blocks
  • Fixed: Mobile responsiveness of horizontal layout in Feature Grid blocks
  • Fixed: Border radius overflow visual issue in Edge in Image Box blocks
  • Fixed: Mobile responsiveness of horizontal & half layouts in Team Member blocks
  • Fixed: Excessive padding on the horizontal layout in Card blocks

1.17.1

  • Fixed: Regex error in Firefox

1.17.0

Text Color and Text Highlight

  • New: Color & highlight formatting toolbar (⌘+h or Ctrl+h)
  • Fixed: Support for media queries in Custom CSS
  • Fixed: Rgba style rule invalidates Custom CSS
  • Fixed: Responsive issues with the Feature block layouts
  • Fixed: Blocks error out when setting some colors to pure black
  • Fixed: Squished images in Feature block when image size is adjusted

1.16.0

Translations: Stackable in Your Language

  • New: Translation ready
  • New: Updated FontAwesome to v5.9: more icons!
  • Fixed: Blog Posts block compatibility with WPML
  • Fixed: One-column Image Box block get squished
  • Fixed: Zigzag layout in Feature Grid block translate in mobile (Premium)