RioVizual vs Bootstrap Blocks

RioVizual is the all-in-one Gutenberg table plugin designed for creating comparison tables, pricing tables, and pros & cons boxes directly in the block editor. It allows you to drag and drop elements to build customizable, responsive & SEO-friendly tables with multiple columns and rows. With advanced styling and formatting options, RioVizual helps enhance user engagement and boost conversion. Get Pro | View Table Builder Demo | View Pricing Table Demo | View Pros & Cons Demo | Read Documentation RioVizual Blocks (More Coming Soon!) RioVizual includes the following highly customizable Gutenberg blocks: Table Builder Block: Create fully customizable and responsive tables with drag-and-drop functionality in the Gutenberg editor. (Learn More) Pricing Table Block: Easily compare pricing plans for your products or services with customizable pricing tables. (Learn More) Pros & Cons Block: Highlight the benefits and drawbacks of products or services with attractive pros and cons tables. (Learn More) With RioVizual, you can also access a library of pre-designed table templates, streamlining the process of creating stunning comparison tables, pricing tables, and pros & cons boxes in the Gutenberg block editor. Why You Should Use RioVizual? Easy Drag-and-Drop Interface: Create comparison tables, pricing tables, and pros & cons boxes in minutes with Gutenberg. No Coding Skills Needed: Build professional, customizable tables without any coding knowledge. Extensive Template Library: Choose from 50+ pre-designed templates for quick table creation. Fully Responsive Design: Ensure tables look great on all devices, from desktop to mobile. Advanced Customization Options: Customize fonts, colors, borders, and more to match your website’s design. Optimized for Performance and SEO: Built with clean, optimized code and structured data support. RioVizual Table Builder Block Includes Drag-and-drop table builder specifically for the Gutenberg block editor. 12 versatile table elements (text, image, button, list, icon, shortcode, media & text, icon list, icon button, dual button, star rating, divider) to create dynamic tables in WordPress. (More elements coming soon!) 29 pre-designed table templates to jumpstart your table creation process. Right-click options for adding, deleting, copying, cutting, pasting, duplicating, and moving elements. Comprehensive cell manipulation: insert, delete, copy, cut, paste, and more for rows and columns. Design flexibility: style cells and elements individually or in groups. Dynamic cell type adjustment: switch between body, header, or footer cells with ease. Fully responsive design: make tables adapt to different screen sizes automatically. Improved mobile viewing: make tables scrollable or stackable for smaller screens. Customizable cell width: set fixed or flexible widths for all cells. Freeze options: lock the first row or column for better navigation. Cell merging and splitting: merge multiple cells into one or split them back while preserving content. HTML tag customization: switch cell tags between “td” and “th.” Multi-cell selection: use Ctrl to select multiple cells or Shift for selecting a range. Extensive border settings: choose from different border types (solid, dotted, dashed, double, groove, ridge, inset, outset) for each cell. RioVizual Pricing Table Block Includes 25 pre-designed pricing table templates for quick deployment. Responsive column controls for adaptable and mobile-friendly layouts. Flexible row and column management: easily add, delete, or duplicate rows and columns. 7 core elements: title, price, features, star rating, divider, media and call-to-action button for compelling pricing tables. Ribbon settings with two preset design options for highlighting offers. Equal column height adjustment to ensure a uniform look. Right-click functionality for quick manipulation of elements (add, delete, copy, cut, paste, duplicate, move). Multi-cell selection for bulk operations. Automatic mobile responsiveness for flawless performance on any device. Custom styling options: personalize each element with global or custom design settings. Pricing Toggle Icon support, Tooltip, Badge with features element Original price, Price Suffix support, Dynamic Price Slider with pricing element Media(img/icon) support with title element. Icon support with button element. Background image support for column. Featured column support. 3 more style for ribbon. RioVizual Pros & Cons Block Includes 13 pre-designed templates to easily create pros and cons boxes. Built-in Pros and Cons Schema support to enhance SEO. Icon customization for a personalized look. Customization for box, title, and body. Flexible styling: customize the box, title, and body to match your design. Mobile support: optimized for vertical boxes on small screens. Header and Body Item Icon Placement Title Separator for header Flexible Header Positioning Enable Stripe on Body Items Advanced Border Styles with 8 Stunning Design Pattern Extra Design Flexibility in Style Options Creating Tables in the Gutenberg Block Editor Has Never Been Easier Creating tables like comparison tables, pricing tables, and pros & cons tables with a WordPress table plugin has never been easier. With RioVizual, it only takes 4 simple steps: Step 1 – Add a RioVizual Block To insert a table into a WordPress post or page, simply add the desired RioVizual block from the Gutenberg block editor. Step 2 – Provide Table Contents Choose to create a table from scratch or use one of the pre-made layouts by entering your table contents. Step 3 – Customize Your Table Customize the table’s columns, colors, fonts, and other settings to match your design preferences. Make adjustments as needed to create a table that perfectly suits your needs. Step 4 – Publish Your Table Once you’re satisfied with the table’s design, click “Publish” or “Update” to make it live on your post or page. Helpful Resources How to Create a Comparison Table in WordPress Gutenberg Block Editor? How to Create a Pricing Table in WordPress Gutenberg Block Editor? How to Create a Pros & Cons Table in WordPress Gutenberg Block Editor? Love RioVizual? Rate Us on WordPress Join RioVizual Users Community Visit RioVizual Website Follow RioVizual on Facebook

Bootstrap Gutenberg Blocks for WordPress. This plugin adds Bootstrap components and layout options as Gutenberg blocks. Features Supports Bootstrap v5 and v4 Support for CSS grid (experimental) Fully customizable with filters Configuration via option page or programmatically with constants Block templates can be overwritten in your theme The full documentation of this plugin can be found on GitHub: https://github.com/tschortsch/bootstrap-blocks-wordpress-plugin#readme Available Blocks Container Options: Fluid: If enabled the container will use the full available width, spanning the entire width of the viewport. Fluid Breakpoint: Used to enable responsive containers. This feature only works with Bootstrap v4.4+. The container will use 100% of the width until the specified breakpoint is reached, after which the defined max-widths will apply for each of the higher breakpoints. Margin After: Define a margin which should be added after the container. Row Options: Template: Choose from a predefined template for the inner column blocks. No Gutters: Disable gutters between columns. Alignment: Horizontal alignment of inner column blocks. Vertical Alignment: Vertical alignment of inner column blocks. Editor stack columns: Displays stacked columns in the editor to enhance readability of block content. Horizontal Gutters: Size of horizontal gutters. Vertical Gutters: Size of vertical gutters. CSS Grid Gutters: Size of gutters when CSS grid is used. Column Options: Sizes for all breakpoints (xxl, xl, lg, md, sm, xs): How much space the column should use for the given breakpoint. Equal width for all breakpoints (xxl, xl, lg, md, sm, xs): If enabled column will spread width evenly with other columns. Background Color: Set background color to column. Content vertical alignment: Align content vertically in column. This option is only needed if a background color is set. Otherwise use the Alignment option of the outer row block. Padding: Define padding inside the column. Button Options: Style: Choose the styling of the button. Open in new tab: Choose if link should be opened in a new tab. Rel: Set rel attribute of the link. Alignment: Horizontal alignment of the button. Supported Bootstrap versions This plugin supports Bootstrap v4 and v5. The version can be selected in the plugin settings (Settings > Bootstrap Blocks) or by defining the WP_BOOTSTRAP_BLOCKS_BOOTSTRAP_VERSION constant in the wp-config.php file: Bootstrap 4: define( 'WP_BOOTSTRAP_BLOCKS_BOOTSTRAP_VERSION', '4' ); Bootstrap 5 (default): define( 'WP_BOOTSTRAP_BLOCKS_BOOTSTRAP_VERSION', '5' ); Possible values right now are '4' or '5'. By default Bootstrap version 5 is selected. CSS Grid The CSS grid (supported with Bootstrap >= 5.1.0) can be enabled in the plugin settings (Settings > Bootstrap Blocks) or by defining the WP_BOOTSTRAP_BLOCKS_ENABLE_CSS_GRID constant in the wp-config.php file: eg. define( 'WP_BOOTSTRAP_BLOCKS_ENABLE_CSS_GRID', true ); When the CSS grid is enabled the row and the column blocks will use custom templates for the rendering process: Row: row-css.grid.php Column: column-css-grid.php The support is still experimental since it’s also marked as experimental in the Bootstarp library. Please read the official Bootstrap documentation to get more information on how to use it. Bootstrap library Please be aware that this plugin does not include the Bootstrap library in your website. You need to do this by yourself. We decided not to include the library so that you can modify Bootstrap to your own needs before loading it. You’ll find an example how to include it in your theme’s functions.php in the documentation. Templates All blocks are implemented as dynamic blocks. This makes it possible to overwrite the template of a block in your theme. To overwrite a block template create a folder called wp-bootstrap-blocks/ in your theme directory. You can copy the original template from wp-bootstrap-blocks/src/templates/ .php as a starting point and adjust it to your needs. Requirements WordPress >= 5.0 PHP >= 5.6 Further Information Documentation: https://github.com/tschortsch/bootstrap-blocks-wordpress-plugin#readme WordPress Plugin: https://wordpress.org/plugins/wp-bootstrap-blocks GitHub Repository: https://github.com/tschortsch/bootstrap-blocks-wordpress-plugin Changelog: https://github.com/tschortsch/bootstrap-blocks-wordpress-plugin/releases Issue tracker: https://github.com/tschortsch/bootstrap-blocks-wordpress-plugin/issues