Qubely – Advanced Gutenberg Blocks

Mô tả

Qubely is a full-fledged Gutenberg block toolkit with plenty of custom blocks, predefined sections and starter packs to create beautiful web pages. It minimizes the limitations of the Gutenberg editor and opens unlimited possibilities for any simple to complex design on Gutenberg. Qubely is a user-friendly Gutenberg plugin with necessary customization features and advanced functionalities.

Extend the default WordPress Gutenberg editor with many custom blocks that are missing in there. Take control of your website design and apply out of the box styling options offered in Qubely. Create web pages that are stunning as well as mobile optimized.

Qubely Blocks Pro || Live Demo || Documentation


  • Predefined sections
  • Modern layout packs
  • Highly customizable row columns
  • Row video background & blend mode
  • Drag column resizing
  • Shape divider/builder
  • Device specific responsive controls
  • Unlimited Google web fonts & system fonts
  • Classic & gradient color and background
  • Built-in animation
  • Box-shadow
  • Font Awesome 5 Icons and line icons
  • Custom CSS

Want to know all the latest news and be part of the Qubely community? Join our Facebook group!


Qubely adds numerous custom Gutenberg blocks to the Gutenberg block editor and takes Gutenberg editor to the next level. The available custom advanced Gutenberg blocks inside Qubely are:

More advanced Gutenberg blocks, pre-designed sections and starter packs are coming every month! Signup on our site to receive updates via email.

Pro Features

14 blocks that help you build more sophisticated designs-

⭐️ Ready Sections ⭐️ Starter Packs


  • Row: Create a row and resize columns using mouse drag to achieve the desired layout with this Gutenberg block.

  • Button: Design a flat, gradient or a line button on Gutenberg block editor. Set button icon and change icon position & size along with its spacing.

  • Testimonial: Design testimonials with quote icon, message, name, designation, avatar, ratings, etcetera and set them up in the settings unlike no other Gutenberg blocks.

  • Icon: Choose icons from the rich collection of Font Awesome and Qubely Line Icons. Apply a world of style options using this Icon Gutenberg block.

  • Google Map: Embed Google Maps with Qubely Google Map block that gives you the controls to add map address, customize height, and zoom the map on a scale of 1 to 20.

  • Divider: This WordPress gutenberg block plugin lets you separate content with the stunning 28 pre-designed dividers of Qubely’s Divider Gutenberg block.

  • Advanced Text: Add advanced text with Qubely Gutenberg plugin. Apply advanced styling options. Change the typography, tweak the design and add border & box-shadow.

  • Counter: Have an animated number/counter on your site with the Counter Gutenberg block to show your milestones in an attractive manner.

  • Tabs: Display texts in beautiful predesigned tabs. Design tabs with preferred width and spacing. Create responsive tabs to showcase features and trends.

  • Accordion: Place collapsible text contents on your site with the Accordion Gutenberg block. Setup items to reveal the hidden content in an aesthetic manner.

  • Video Popup: Create a nice video popup with Qubely Video Popup block. Change the typography and apply the overlay, box shadow and animation.

  • Heading: Create stunning titles with the advanced Heading Gutenberg block. Style heading text by tweaking typography, color, and other options.

  • Progress Bar: Present your skills, experiences, or the progress of an ongoing project using Qubely’s Progress Bar Gutenberg block.

  • Social Icons: Add and style all your social media profiles in one place with Qubely Social Icons Gutenberg block. Display popular social media channels with a label, icon or both.

  • Button Group: Create and design trendy button groups. Qubely’s Button Group Gutenberg block comes with predefined layouts, size options, and more.

  • Info Box: Place engaging information with Info Box. Choose design from the 3 predefined layouts and then personalize it with the settings.

  • Advanced List: Get 2 list layouts- Classic and Fill in this WordPress gutenberg block plugin. Select the number of columns and design flexibly by defining space, background size, shadow and more.

  • Contact Form: Design contact forms with 2 layouts and many other styling options. Enter receiver email right from the block settings and enable captcha.

  • Icon List: Get 2 icon list layouts and customize them using the Qubely Icon List block. Chose icons and modify design with colour, spacing and border options.

  • Pricing: Design pricing plans with 5 layouts. Show features, badges, and post button text in the plan. Set up the plan’s duration, typography, and style badges easily.

  • Block Wrapper: Wrap up blocks with a background. Set up a gradient background by defining Gradient Angle and Type.

  • Team: Enlist team members with details. Showcase member’s profile in 3 layouts. Display designation and description with the member profiles.

  • Image: Insert and beautify images with Qubely Image Block. Get 2 layouts and style images by defining opacity, alignment, border-radius, box-shadow, and many more.

  • Timeline: Display the timelines of various events with this WordPress Gutenberg block plugin. Showcase detailed road maps and style them with images, texts, headings, icons, and more.

  • Post Grid: Display posts in different grid and list layouts. Define post number, style the feature image, tweak typography, control spacing, determine post excerpts, and do many more.

  • Pie Progress: Display complex information and visualize them in circular progress with easy configuration. Choose style from available templates and make it your own.


Let’s dig deep into the exciting features of this advanced Gutenberg block plugin.


Qubely has a rich library of pre designed sections those can be imported and used as blocks on the Gutenberg editor. You no longer need to style them from scratch. Also, With this Gutenberg plugin, you can modify their look if you ever want to.


Take 1 to as many as 6 columns in a single row at a time. Get multiple combinations of columns. Most importantly, you can adjust the column size by flexibly dragging the columns. The widely used row-column concept of major page builders is with Gutenberg editor thanks to Qubely.


Apply padding and margin to columns and set column background with single color, image, and gradient. Give column border, apply border-radius, and animate columns.


Create responsive designs with Qubely Gutenberg block plugin. Control the entire responsiveness by defining the breakpoint for small screens. Also, you can hide blocks on different devices.


This Gutenberg page builder gives you full control over the typography. You can choose the font, apply font weight, font transform, set font size, line height, letter spacing in px, em, and percentage on the basis of the devices.

You may find the documentation here

Want To Contribute To The Plugin?

You may now contribute to the plugin on Github: Qubely Blocks on Github

Ảnh màn hình

  • Qubely Block List
  • Qubely Blocks
  • Qubely Layout
  • Qubely Shape
  • Qubely Row
  • Qubely Column
  • Advanced Type


This plugin provides 28 blocks.

  • Post Grid
  • Row
  • Column
  • Button
  • Advanced Text
  • Icon
  • Google Map
  • Divider
  • Info Box
  • Testimonial
  • Accordion
  • Heading
  • Video Popup
  • Progress Bar
  • Counter
  • Tabs
  • Tab
  • Contact Form
  • Button Group
  • Advanced List
  • Block Wrapper
  • Team
  • Pricing
  • Timeline
  • Animated Headline
  • Pie Progress
  • Table of Contents
  • Image Comparison

Cài đặt

Minimum Requirements

  • PHP version 5.6.0 or greater (PHP 7.1 or greater is recommended)
  • MySQL version 5.0 or greater (MySQL 5.6 or greater is recommended)

Automatic installation

The automatic installation is the easiest way to install any plugin in WordPress. You can perform an automatic installation of Qubely by logging in to your WordPress dashboard, navigating to the “Plugins” menu and click on the “Add New” button.

This will open up a page showing all the available plugins in WordPress. In the search field, type Qubely. The search result will show you our Qubely plugin, you can then see the detailed info by clicking on “More Details” and to install just click on the “Install Now” button.

Manual installation

To install Qubely manually, you need to download the plugin and upload it to your webserver via any FTP application.

The WordPress codex contains instructions on how to do this here.

Hỏi đáp

Is Qubely free?

Yes, Qubely is a free WordPress Gutenberg block plugin. We have a premium version that gives you more options to customize the blocks and hundreds of sections and starter packs.

Can I use Qubely with any WordPress theme?

Yes, you can use Qubely with any Gutenberg compatible WordPress theme.

Do I need Gutenberg to use Qubely?

Yes, Qubely is built based on the Gutenberg editor. Qubely does not work with the classic editor or any other page builder plugin.

Where can I get support?

You can post your questions on the support forum here or chat with us live from our website.

Where can I report a bug?

You can report bugs on the support forum here or send us an email using the contact form on our website.

Đánh giá

28 Tháng Bảy, 2021
I'm using the free version and I just can't believe how many features this plugin offered for the free version. It's really generous this plugin offers some advance tweaks whereas other plugin need the pro version. Actually just this plugin is sufficient Gutenberg addon's for my website, but some addition like postX and GenerateBlocks is really nice!
25 Tháng Bảy, 2021
So I'm not a fan of Themeum as a company; their support is not great, which is why I bumped a star off of this rating (I had a LOT of trouble with Tutor LMS), but I really really love Qubely. It makes my life so much easier. There are so many blocks that just make my pages and posts look exactly how I want them too without me having to work for it like I used to. I love the table of contents block; it automatically creates it from the headers on the page, and it's so customizable, even down to whether I want it to begin opened or closed to when the page loads. Their layouts are superb, even against the latest WordPress update's new template library. The typography options are super customizable but still easy and intuitive to use. And I just found out today that there's a tooltip option in it too?! I've been using a separate plugin for tooltips, but I'm probably going to remove that and just use Qubely for those too. So much easier. Qubely also has a much larger icon gallery than the standard Gutenberg one. Themeum may not do a great job with LMS software, but they really know how to make things look nice, which is one of the biggest reasons I signed up for Tutor LMS in the first place, but the LMS software part had too many consistent issues. I've had zero issues with Qubely and am genuinely excited to use it on my site, and that's the mark of a good plugin. It makes me excited to create more things because it's such an intuitive tool that makes everything look nice. Basically, Qubely turns Gutenberg into what I wanted it to actually be. Thanks, Themeum for this plugin. Just work on making sure your support team is well-trained and responsive. 🙂
22 Tháng Bảy, 2021
While I really like Qubely in theory, when working with the paid Pro version, you stumble across many bugs and inconsistencies. Bugs that are so obvious that you wonder why this was released. That alone wouldn't be much of a problem, if their support was responsive. It takes them 4-7 days to react to an email. If the email thread goes back and forth, add another 4-7 days to each reply. Sometimes, they don't respond at all, and you have to send them reminders, and they still don't respond. All fair game for the free version, but for a paid subscription, this is just unacceptable.
19 Tháng Tư, 2021
I buy the pro version and report a bug (big issue) they tell me to give me an updated version, but over 3 weeks......no updated!!!
11 Tháng Ba, 2021
You can't even save your custom CSS which is a basic option of Qubely, When you made change some are visible within the editor and when you "update" ( save) nothing is saved, what should I say to stay polite !! OK it's fancy Ok there is a free version , but it does not work , you simply wasting people time .
Đọc tất cả 55 đánh giá

Người đóng góp & Lập trình viên

“Qubely – Advanced Gutenberg Blocks” là mã nguồn mở. Những người sau đã đóng góp vào plugin này.

Những người đóng góp

“Qubely – Advanced Gutenberg Blocks” đã được dịch qua 4 ngôn ngữ. Cảm ơn những người tham gia dịch vì đóng góp của họ.

Dịch “Qubely – Advanced Gutenberg Blocks” sang ngôn ngữ của bạn.

Muốn tham gia phát triển?

Duyệt code, check out SVN repository, hoặc theo dõi nhật ký phát triển qua RSS.

Nhật ký thay đổi


Fix: Layout breaking issue
Fix: Contact Form not sending issue


Update: Security Update


Update: Security Update

1.7.3 – 3 November, 2021

Fix: Security Update
Fix: Tab Block Image Jumping Issue

1.7.2 – 23 August, 2021

Fix: Tab Block not Working issue
Fix: Multiple Pie Progress not Working issue
Fix: Contact Form Block not Working issue
Fix: In Row Column, Advanced Background Settings Width CSS issue

1.7.1 – 16 July

Update: Added WordPress 5.8 Compatibility
Fix: Animated Headline block – Animated text repetition issue

1.7.0 – 23 June, 2021

Fix: Team block – Image width settings issue on layout 3
Fix: Icon List block – List icon picker not displaying properly
Fix: Post Grid block – Post image thumbnail issue

1.6.9 – 10 June, 2021

Fix: Reusable Block and it’s CSS saving issues in WordPress 5.7
Fix: Divider block – divider options not showing
Fix: Table of Contents block – Invalid JSON while parsing headings
Fix: Advanced Text block – Title color not working if inline link added

1.6.8 – 23 March, 2021

Fix: Interaction conflict with WordPress 5.7

1.6.7 – 11 March, 2021

Fix: Theme demo importing conflict with global settings

1.6.6 – 04 March, 2021

Fix: Google fonts retrieve issue from Global settings

1.6.5 – 22 February, 2021

New: Settings to enable/disable loading Font Awesome CSS on frontend
New: Settings to enable/disable loading Google Fonts on the frontend

1.6.4 – 09 February, 2021

Update: Optimised Font Awesome CSS loading on Front-end
Update: Contact Form block – Linebreak support in message
Fix: Table of Contents block – Indent value not saving
Fix: Row block – Shape divider picker not showing
Fix: Media field – Image picker conflict with WordPress 5.6

1.6.3 – 18 December, 2020

Update: Backend API changes from layout/sections in Backend
Fix: Import layout button missing in WordPress 5.6

1.6.2 – 08 December, 2020

New: Post Grid block – Restructured Pagination in Backend
Update: Row block – Removed unnecessary padding,margin for better UX
Update: Image block – Custom height option for image
Update: Infobox block – Custom height option for image
Fix: Image block – Border-radius issue for smaller images
Fix: Table of Contents block – Back to top button error on Frontend

1.6.1 – 20 November, 2020

New: Tab block – Auto switch & Progress-bar option
New: Post Grid block – Custom Post-type support
New: Tabs block – New layouts for tab titles
Update: CSS preview issue on Frontend
Update: Replaced deprecated jQuery functions
Fix: Tab block – Missing add new block option in new tab for latest WordPress version

1.6.0 – 23 October, 2020

New: Richtext Custom font-size format
New: Range field – disable option
Fix: CSS issue on Preview posts
Fix: Team block – Internationalization issue on Frontend
Fix: Table of content block – List styling issue
Fix: Advanced Text block – Typography issue
Update: Border filed – Custom Border disable option

1.5.5 – 16 September, 2020

Fix: Fixed Plugin build issue for version 1.5.4

1.5.4 – 16 September, 2020

New: Richtext Tooltip format
Update: Restored missing fonts
Update: ‘Edit as html’ option in parent blocks
Fix: Contact Form block – Email sending issue
Fix: Contact Form block – Deprecated support
Fix: Advanced Text block – Text font size in editor
Fix: Global Settings – Old installations undefined preset issue
Fix: Import layout button conflict with new Gutenberg Plugin

1.5.3 – 21 August, 2020

New: Import Sections/Layouts with Global settings
New: Inline Color and Background Color compatibility with Global settings
New: Theme Preset activation hook
New : Row block – Even Column Height option
Update: All blocks – Context Menu refs
Fix: Parse Qubely block issue for CSS generator
Fix: Accordion block – inline style issue
Fix: Accordion block – Accordion title editing issue on Safari
Fix: Dropdown Component – initial options issue with API call

1.5.2 – 29 July, 2020

New: Accordion block – Rich Snippet added
New: Row block – Shape divider flip option
Update: Added 100+ Google fonts
Fix: Divider block – Divider options in Panel
Fix: Button block – Font size issue in Frontend
Fix: Button block – Button width in Backend
Fix: Button block – Text editing issue in Safari browser
Fix: Table of Contents block – CSS issue

1.5.1 – 08 July, 2020

New : Theme colors support in Global settings
New : Row Container width settings in Global settings
New : Row Container width filter hook to modify default values from theme
Update: Blocks initial primary color updated with preset color
Update: Gradient field – Global setting color support
Update: Post Grid pagination default margin added
Fix: Post Grid pagination backend spacing issue
Fix: Accordion Block gradient Issue

1.5.0 – 16 June, 2020

Fix: Image Block whitespace issue
Fix: Inspector Tabs Error
Fix: External ajax request issue
Fix: Minor CSS issues

1.4.2 – 13 June, 2020

Fix: Image Block display issue

1.4.1 – 12 June, 2020

New: Post Grid pagination
New: Getting Started page redesign
Fix: Minor bug fix

1.4.0 – 21 May, 2020

New: Global Settings
New: Qubely Settings page – with Google Map API key, reCAPTCHA key storage
Fix: Accordion block – Active Panel color
Fix: Contact Form block – Form Submit issue

1.3.91 – 29 April, 2020

Fix: Typography & Box Shadow panel css issue
Fix: Image comparison block firefox touch issue
Update: Performance improvement.

1.3.9 – 27 April, 2020

Fix: Testimonial block – ratings backward compatibility issue
Fix: Image comparison block responsive issue

1.3.8 – 22 April, 2020

New: Image comparison Block
Update: Tabs inner blocks new structure support
Fix: Tabs Block contents is not displaying
Fix: Table of Contents block – Attributes value saving issue
Fix : Heading block – Typography disable issue in backend
Fix : Conflict with Table of Contents Plus plugin

1.3.7 – 03 April, 2020

Fix: Image block – Alignment issue in Simple layout
Fix: Panel Sticky tab conflict with WordPress 5.4
Fix: Post Grid block – Orderby issue with Random, Menu Order

1.3.6 – 24 March, 2020

Update: All blocks – Major improvement in Panel UI & UX
Fix: Advanced Settings – Hide Tablet/ Hide Mobile issue
Fix: Row block – Full width option not working in Twenty Twenty Theme

1.3.5 – 16 March, 2020

New: Support for WordPress 5.4
New: Image block – URL in blurb layout
Update: Button Group block – Restructure
Fix: Team block – Alignment option in layout 3
Fix: Testimonial block – Ratings CSS issue
Fix: Contact form block – Value encryption issue
Fix: Info Box block – Media background CSS issue
Fix: Advanced list block – Number, Bullet size & color not working
Fix: CSS generator – String type attributes (Color) value reset not working

1.3.4 – 27 February, 2020

New: Team block – External image option
Update: Counter block – Viewport support added
Fix: CSS generator block duplication issue
Fix: Column block – uniqueId issue in case of Row duplication
Fix: Row block – Advanced background option
Fix: Image block – Whitespace issue
Fix: Heading block – Separator color in the backend
Fix: Range field – CSS updating issue on unit change
Fix: Typography field – CSS updating issue on unit change

1.3.3 – 18 February, 2020

Fix: Post Grid block – Translation issue of the dates
Fix: Post Grid block – Post title position settings in frontend
Fix: CSS issue on template selection
Update: Performance improvement

1.3.2 – 12 February, 2020

New : Background field – external image option
Update : Performance improvement in CSS generator
Fix: Context menu z-index issue

1.3.1 – 31 January, 2020

New: Table of Contents block
Update : Map block – Default place id
Fix: PageModal conflict with Learndash
Fix: Customizer – Loading Async script issue

1.3.0 – 21 January, 2020

New: Animated Headline block
Update: Block specific script loading on the frontend
Update: Conditional script loading for interactions, animations, and parallax
Update: Optimised CSS files on the frontend
Update: Infobox block – External image option
Fix: BuddyBoss conflict issue
Fix: Row block – Background overlay issue
Fix: Gradient field – Default preview issue

1.2.9 – 13 January, 2020

New: Image block – External Image option
Fix: Contact form block – focus border issue

1.2.8 – 06 January, 2020

Fix: Contact form block – reCAPTCHA issue
Fix: Additional CSS class issue in Back-end
Fix: Button Group block – Button width issue
Fix: Carousel blocks – Active item dot indicator in Back-end
Update: Block specific script loading in Front-end

View the full changelog