Roobely documentation

Roobely is a collection of Gutenberg blocks for building WordPress pages without code. It works with the block editor you already use, and it can convert existing Qubely blocks automatically.

Each block below has its own page that explains what the block does, its main settings and how to add it. Free blocks work with the free Roobely plugin. Pro blocks need Roobely Pro.

Use the menu on the side to move between block pages.

Free blocks

Accordion block: Collapsible panels for FAQs and long content.
Advanced List block: Bulleted or numbered lists with custom icons and styling.
Advanced Text block: Paragraph text with optional title, subtitle and drop cap.
Animated Headline block: Headings with an animated, rotating word or phrase.
Button block: A styled call-to-action button with link and icon.
Button Group block: Several buttons side by side with shared spacing.
Contact Form block: A ready-made contact form that sends submissions by email.
Counter block: An animated number that counts up when it comes into view.
Divider block: A styled horizontal line to separate sections.
Google Map block: An embedded Google map with custom style and marker.
Heading block: Headings with optional subheading and separator.
Icon block: A single icon with optional link and background.
Icon List block: A list where each item has its own icon.
Image block: Images with caption, overlay and frame effects.
Image Comparison block: A before and after slider for two images.
Info Box block: An icon, image or number with title, text and button.
Pie Progress block: A circular progress chart with optional icon or image.
Post Grid block: A grid or list of your latest posts.
Pricing block: A pricing table card with features and a button.
Progress Bar block: A horizontal bar that shows a percentage.
Row block: The layout container that holds columns and sections.
Social Icons block: Links to your social profiles as icons.
Table of Contents block: An automatic table of contents from your headings.
Tabs block: Content split into tabs that visitors can switch between.
Team block: A profile card for a team member.
Testimonial block: A customer quote with name, photo and rating.
Timeline block: A vertical timeline of events or steps.
Video Popup block: A play button that opens a video in a popup.
Wrapper block: A container that groups blocks with a shared background.

Pro blocks

Requires Roobely Pro. Get Roobely Pro

Countdown block: A countdown timer to a date and time.
Form Builder block: A custom form with many field types and email or Mailchimp actions.
Gallery block: An image gallery with captions, overlay and lightbox.
Image Carousel block: A sliding carousel of images with text.
Lottie block: Lightweight Lottie animations from a file or URL.
Media Card block: A card that combines an image or video with text and a badge.
Modal block: A button or link that opens content in a popup window.
Post Carousel block: A slider of your latest posts.
Price List block: A menu style list of items with prices.
Table Builder block: Tables with rich cells such as icons, images, ratings and buttons.
Team Carousel block: A slider of team member cards.
Testimonial Carousel block: A slider of customer testimonials.
Vertical Tabs block: Tabs with the navigation stacked on the side.
Woo Carousel block: A slider of WooCommerce products.
Woo Products block: A grid of WooCommerce products.