Qubely Premium adds custom blocks and layout controls to the WordPress Gutenberg editor. Build rows with one to six columns, resize columns by dragging, then adjust page content and styling in the block settings. It requires Gutenberg and a Gutenberg-compatible WordPress theme; it does not work with the Classic Editor or other page builder add-ons.

The plugin materials describe predefined sections, layout packs, and starter packs. The changelog for version 1.8.11 says pre-made layouts and sections were removed, so check whether these are available in your installed version. The plugin listing also warns that the plugin has not been tested with the latest three major WordPress releases and may have compatibility issues.

Blocks for page content

The listed blocks include Row, Button, Testimonial, Heading, Counter, Tabs, Accordion or Toggle, Advanced Text, Video Popup, Google Map, Progress Bar, Social Icons, Button Group, Info Box, Advanced List, Contact Form, Icon List, Pricing, Team, Image, Timeline, Post Grid, Divider, Block Wrapper, and Pie Progress.

Other listed blocks include Form Builder, Image Gallery, Image Carousel, Post Carousel, Advanced Post Grid, Pricing List, Team Carousel, Testimonial Carousel, Media Card, Countdown, Table Builder, Woo Products, and Woo Carousel.

Layout and styling controls

• Set column spacing, backgrounds, borders, and corner radius; add row video backgrounds, blend modes, and shape dividers.
• Style flat, gradient, or line buttons with configurable icons, positions, sizes, and spacing. Testimonials can include quote icons, messages, names, designations, avatars, and ratings.
• Choose from Font Awesome and Qubely Line Icons. Add Google Maps with address, height, and zoom controls from 1 to 20.
• Separate content with 28 pre-designed dividers. Apply animations, box shadows, classic or gradient colors and backgrounds, custom CSS, and responsive visibility settings.

Typography and responsive layouts

Typography settings cover fonts, weight, text transform, font size, line height, and letter spacing. Values can use pixels, em, or percentages, with device-specific settings. Responsive controls let you set a breakpoint for small screens and hide blocks on various devices.

To use Qubely, install it through the WordPress dashboard or upload the plugin to your site. Open the Gutenberg editor, add Qubely blocks to a page, and configure their content, layout, typography, and responsive settings as you create.