SiteOrigin Widgets Bundle vs Bootstrap Blocks

The SiteOrigin Widgets Bundle gives you all the elements you need to build modern, responsive, and engaging website pages. Using the Widgets Bundle, you can quickly and effortlessly add buttons, sliders, heroes, maps, images, carousels, features, icons, and so much more. SiteOrigin Widgets are ready to be used anywhere, in Page Builder by SiteOrigin, in the Block Editor or your theme’s widget areas. The Widgets Bundle is even compatible with other popular page-building plugins. Our collection is growing, and here are some of the powerful widgets included so far: Accordion Efficiently display content in expandable sections, maximizing space for improved organization. Anything Carousel Display images, text, or any content in a highly customizable and responsive carousel slider. Author Box Display author information, including avatar, name, bio, and post links in a customizable box. Blog Showcase blog content in personalized list or grid layouts with flexible design and display settings. Button Create a custom button with flexible styling, icon support, and click tracking functionality. Button Grid Add multiple buttons in one go, customize individually, and present them in a neat grid layout. Contact Form Add a contact form with custom fields, design options, spam protection, and email notifications. Call To Action Prompt visitors to take action with a customizable title, subtitle, button, and design settings. Editor Insert and customize content with a rich text editor offering extensive formatting options. Features Showcase features with icons, titles, text, and links in a customizable grid layout. Google Maps Embed a customizable Google Map with markers, directions, styling options, and interactive elements. Headline Engage visitors with a prominent, stylish headline and optional divider and sub-headline to convey key messages. Hero Image Build an impressive hero image section with custom content, buttons, background image, color, and video. Icon Display a customizable icon with color, size, alignment, and optional link settings. Image Add a responsive image with custom dimensions, positioning, caption, link, and styling options. Image Grid Showcase images in a responsive grid layout with custom size, spacing, alignment, and captions. Image Slider Create a responsive slider with customizable image and video frames, navigation, and appearance settings. Layout Slider Design responsive slider frames with unique layouts, backgrounds, and content built with Page Builder. Lottie Player Bring your content to life using interactive Lottie animations with personalized settings and links. Post Carousel Display blog posts or custom post types in a responsive, customizable carousel layout. Price Table Display pricing plans in a professional table format with custom columns, features, and design. Recent Posts Drive traffic to your latest content with a visually appealing, fully customizable recent posts showcase. Simple Masonry Layout Display images in an attractive masonry grid with adjustable columns, gutters, and optional captions. Social Media Buttons Add social media buttons to your site with personalized icons, colors, and design settings. Tabs Create tabbed content panels with customizable titles, content, initial tab, and design settings. Taxonomy Automatically display the taxonomies of the current post with customizable labels, colors, and link settings. Testimonials Feature testimonials from satisfied customers with tailored layouts, images, text, colors, and mobile compatibility. Video Player Embed self-hosted or externally hosted videos with a customizable player, controls, and responsive sizing. Ready to Be Used Anywhere Page Builder by SiteOrigin: Insert widgets in Page Builder by SiteOrigin in either the Classic Editor or Page Builder Layout Block in the Block Editor. Block Editor: The Widgets Bundle is 100% Block Editor compatible. Insert widgets using the SiteOrigin Widgets Block featuring a live widget search form. Theme and Plugin Widget Areas: Insert widgets in any theme or plugin widget area. In Other Popular Page Builder Plugins: Insert widgets in Elementor or Beaver Builder. Built for Speed We carefully built each widget for the best possible page size and load time. The Widgets Bundle is perfectly compatible with Autoptimize and all other major performance plugins. SEO Optimized The Widgets Bundle uses modern SEO best practices and seamlessly integrates with all major SEO plugins. Accessibility Ready The Widgets Bundle is accessibility-ready. Tab through all form fields and settings, make changes without using a mouse. Actively Developed SiteOrigin has been creating magical tools for your WordPress website since 2011. We actively develop the Widgets Bundle with updates released several times a month, including new features and fixes as required. View our Widgets Bundle work on GitHub. Create Custom Widgets Access a huge array of features and save time by developing custom widgets for your theme or plugin on the Widgets Bundle Framework. Read more in our extensive developer documentation. Documentation Documentation is available on SiteOrigin. Support Free support is available on the SiteOrigin support forums. SiteOrigin Premium SiteOrigin Premium enhances the Widgets Bundle with a vast array of additional features and settings. Take your layouts to the next level with SiteOrigin Premium addons. SiteOrigin Premium includes access to our professional email support service, perfect for those times when you need fast and effective technical support. We’re standing by to assist you in any way we can.

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