Contributors: themeisle, hardeepasrani, soarerobertdaniel7, mariamunteanu1, arinat, uriahs-victor
Tags: gutenberg blocks, gutenberg, block,post grid block, google map block, columns block, advanced columns, section, row, layout, templates, lottie, progress bar, product review, review, accordion, tabs, page builder, countdown, contact form, masonry, popup, review builder
Requires at least: 5.6
Tested up to: 6.0
Requires PHP: 5.4
Stable tag: trunk
License: GPLv3
License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
Otter is a dynamic collection of page building blocks and templates for the WordPress Gutenberg Block Editor. Create beautiful and attractive posts, pages, and landing pages with Otter - Page Builder Blocks & Extensions for Gutenberg. Otter comes with dozens of Gutenberg blocks that are all you need to build beautiful pages in Gutenberg.
Otter is a Gutenberg Blocks page builder plugin that adds extra functionality to the WordPress Block Editor (also known as Gutenberg) for a better page building experience without the need for traditional page builders like Elementor and Divi.
Otter Blocks Plugin not only adds extra custom blocks for Gutenberg, but it also adds extra functionality such as Custom CSS, Animations and Visibility Conditions to default or third party blocks present on your website.
The Custom CSS block feature makes it possible to directly customize the CSS properties of any Gutenberg block on the page, while the Animation feature makes it quick and easy to add animations to any block to enhance the appeal of your different page blocks and sections. With the Visibility Conditions feature by Otter, you can set which conditions should be met for your chosen blocks to be displayed on the page.
New to the Gutenberg Blocks ecosystem? Checkout our article on Gutenberg Explained.
- Anyone looking to bring out the best features of the new Gutenberg Editor with useful and easy to use Gutenberg blocks.
- Anyone thinking of moving away from traditional page builders like Elementor and Divi Builder in favor of the new Gutenberg Block Editor.
- Anyone trying to build quick Gutenberg pages in record time.
- Anyone trying to hide/show Gutenberg blocks based on conditions like user logged in/out status.
- Anyone trying to add animations to Gutenberg blocks.
https://www.youtube.com/watch?v=WcS2Vi4IOYw
Otter adds 23+ amazing and useful blocks to make page building in Gutenberg a breeze!
More than just blocks, you need advanced customisation options to give you control over style and appearance. With Otter, you’ve got it all.
Create mobile-friendly designs with Otter’s built-in responsive settings. Each block can be tweaked to provide a consistent experience for mobile, tablet, and desktop.
Every block has customization support to help you style your site according to your vision:
- Color controls for primary, accents, and backgrounds.
- Animation at the click of a button.
- Typography controls from spacing to font choice.
Want to show certain blocks only when a user is Logged in or Logged Out? How about if they’re a customer of your store versus an editor for your blog or any other user role? With the Gutenberg Block Conditions feature available in Otter, it’s possible. Upgrade to the PRO version of Otter to unleash the power of more block conditions such as:
- URL Query String
- Date Range
- Day of the Week
- Time of the Day
- WooCommerce Products in Cart
- WooCommerce Total Spent
- WooCommerce Cart Total
- And more
WOW your website visitors with amazing animations that can be added to any block on the page. With over 50+ animations available to choose from; Otter makes it possible to add some extra flare to any post or page on your website
Popups are one of the oldest lead capturing and notice conveying techniques on the web. With the Gutenberg Popup Block available in Otter, you can create popups made from any other block available in Gutenberg! Fine-tune your popup by setting when they should appear and how they can be closed.
Tired of always having to set the same options every time you add a block to the page? With Otter, you can set the default configuration for some of the most commonly used blocks like the Section Block, Icon Block, Advanced Heading and more.
A column block on steroids! This block allows you to create a section with up to 6 columns that can each have a custom background color, image or gradient. Use this block's responsive features to set the padding and margin for desktop, tablet and mobile displays.
The heading block you didn't know you needed. This Otter block has all the functionality of the default heading block with a few other capabilities like the ability to change the font, highlight parts of the text and more.
Create multiple buttons quick and easily and show them vertically or horizontally based on the device the page is being viewed on.
Use this Gutenberg block to create image sliders on any Gutenberg page. Settings include slider height, delay, slides per page, autoplay and more.
Use this block to create vertically stacked lists of content that can be revealed or hidden with the click of a button; more commonly known as Accordions.
Use this block to create horizontally stacked lists of content that can be revealed or hidden with the click of a button; more commonly known as Tabs.
Choose between either an Open Street Map or Google Maps block and create markers for your points of interest for your website visitors. Our Maps block helps you customize the map experience right down to the color and description of the markers, search for places by name or coordinates, add and remove map controls, or change the size and style of the maps with a few clicks.
Counting down to a big event? Show it by making use of these Gutenberg blocks. Count down from Days, Hours, Minutes or Seconds.
Quickly and easily insert a contact form anywhere on the page. Optionally, turn the form into a lead generating machine by integrating it with Sendinblue or Mailchimp.
Add some pizzazz to your gallery by making it a Masonry layout Gallery instead.
Use this block to insert items from posts, pages and custom post types into the current page being edited.
Blogging about a product you love? Or maybe you run a review website? Use this block to create a review table for the item and list its features, pros and cons as well as optional buy links.
Use this block to list your business services with an optional button to lead to more details.
Use this block to quickly create beautiful pricing tables for your services/products.
Display your customer reviews on any post or page using Otter's Gutenberg Testimonial Block.
The About Author Gutenberg block allows editors to add their bio at the end of the blog posts that they publish.
Display any icon from Font Awesome or our own list of custom icons anywhere on the page. Change colors, add borders and couple with other blocks to enhance the look of your page.
Supercharge boring point lists by using custom icons as the pointers.
Have you heard about Lottie? Awesome! With Otter's Lottie Animation Gutenberg Block, you can display Lottie animations anywhere in Gutenberg.
Drop an Add to cart button block for any WooCommerce product anywhere on the post or page that you're editing.
Create a beautifully styled Business Hours table and fine-tune it's settings until it's perfect.
We're constantly adding new Gutenberg Blocks to Otter to assist in your website page building. Feel free to tell us what we’re missing on our Support Forum! Some other blocks include:
- Progress Bar Gutenberg Block [FREE]
- Circular Progress Gutenberg Block [FREE]
- Flip Card Gutenberg Block [FREE]
- Popup Gutenberg Block [FREE]
- Sharing Icons Gutenberg Block [FREE]
- Plugin Card Gutenberg Block [FREE]
- Subscribe Form Gutenberg Block [FREE]
We're here to help. Feel free to open a new thread on the Support Forum.
- Gutenberg Block Animations
- Visibility Condition Rules
- Posts Block
- Google Map Block
- Section Block
Version 2.0.6 (2022-07-01)
- Redesigned Form Block with new styling and options
- Optimize Animations Module
- Optimized front-end loading of scripts
- New Dynamic Content Extension
- Add Local Fonts Module in Otter Pro
- Add static background to Maps Block until in loading state
- Allow device-based alignment on Button Group Block
- Add Full Width option in Button Group Block
- Remove Template Library from Otter
- Fix Gallery Block not Converting to Slider Block
- Fix Sections width not being controlled in Single column
- Fix issue with multiple Tabs Blocks not working on the same page
- Fix Flip Block width on hover
- Fix Advanced Heading block not splitting properly when pressed Enter
- Fix alignment not working when Advanced Heading is set to Span
- Fix columns not working properly in Posts Block in the Editor mode
Version 2.0.5 (2022-05-27)
- Fix CSS notifications appearing multiple times
- Fix excerptLength not being persistent in Posts Block
- Sharing Icons Block Revamp
- Fix ACF extension for Posts not working
- Fix Icon Block style inheritance issue
- Fix Dashboard integration fields losing focus on each keypress
- Fix Accordion title going outside the container
- Improve Masonry Block responsiveness
- Improve Product Review Comparison Block placeholder text
Version 2.0.4 (2022-05-16)
- Fix slider breaks and throws errors when swiping on desktop
- Flip Card border error
- Otter Pro related UI changes
Version 2.0.3 (2022-05-12)
- Add Otter Pro support
- Reduce front-end JS dependencies
- Enabled SVG/JSON upload by default
- Add max-width option for Popup Block
- Update Leaflet to latest version
- Fix section related issue with used with Media & Text Block
- Fix word-breaks for Chinese charactersDevelopment
Version 2.0.2 (2022-04-22)
- Improvements in Lottie Animations Block
- Improvements in About Author Block
- Fix Section Margin/Padding values not migration properly
- Fix Global Defaults causing PHP errors
- Add option to choose default tab in Tabs Block
- Remove “out” animations from Animation Module
- Fix vertical alignment not working in Section
- Add some API validation in Google Maps
- Add default animation to Popup block
- Option to toggle Block Conditions module off
- Performance improvements
- Fix sticky module conflict with third party themes
- Add web support to Section background
- Fix Posts Block responsive issues
- Fix Tabs and Masonry Blocks breaking in certain conditions
- Fix infinite loop while generating block IDs when used inside Reusable blocks
Version 2.0.1 (2022-03-10)
- Fix styles not loaded for Reusable Blocks
- Fix Accordion block not centering on Twenty Twenty
- Disable Block Animations for @media print
- Fix use of undefined constant OTTER_BLOCKS_PATH in Blocks Animation
Version 2.0.0 (2022-03-08)
- Add Flip Block
- Add Block Conditions Extension
- Add Count Animation Extension
- Add Typing Animation Extension
- Add Sticky Block Extension
- Add Global Defaults Sync
- Add Pricing Section Block
- Upgrade to Block Registration API V2
- Simplify Section's Sizing Controls
- Allow Image/SVG Icons in Icon List
- Allow reset in Section Max Width
- Posts Block Revamp
- Update animate.css to latest version
- Improve Web Vitals
- Use CSS Variables in generated CSS
- Reduce SCSS nesting
- Remove unnecessary post types from Posts block
- Fix empty slider freezing the website
- Fix Widgets screen crashing if used alongside WooCommerce
- Fix fatal error when FS mode isn't set to direct
- Fix Overlay background not working in Section Block
Version 1.7.5 (2022-02-07)
- Increase Section's Max Width
- Fix vertical alignment not working in Section block
- Improve CSS Animation module
- Fix CSS Animation conflicting with third-party plugins
- Disable CSS Editor for Site Editor
- Fix errors occurring with WordPress 5.9
- Fix child tabs block not working properly
Version 1.7.4 (2021-12-02)
- Fix Leaflet scripts not loading properly
- Fix blocks causing errors on widgets
- Fix Blocks CSS not working properly
- Fix Blocks Animation causing the debugging error
Version 1.7.3 (2021-11-18)
- Plus a lot more features from 1.7.2: https://github.com/Codeinwp/otter-blocks/blob/master/CHANGELOG.md#version-172-2021-11-18
Version 1.7.2 (2021-11-18)
- Add Duplicate/Move/Delete options to Section Block’s Columns
- Add Edit option in Lottie Block
- Optimize JavaScript loading
- Fix Pro/Cons leaving focus in Review Block
- Form Block Improvements
- Advance Heading Improvements
- Add Alignment option to Icon List Block
- Reduce Build Size
- Fix Button Group spacing on Mobile
- Fix edge cases of Widget screen breaking
- Icon List block improvements
Version 1.7.1 (2021-10-25)
- Development changes
- Development changes
Version 1.7.0 (2021-10-11)
- Add Masonry Variation to Gallery
- Add Countdown Block
- Add Popup Block
- Add Contact Form Block
- Add Box Shadow extension for Image Block
- Add Review Comparison Table Block for Neve Pro
- Add Block Conditions Extension for Neve Pro
- Add WooCommerce Extension to Review Block for Neve Pro
- Add Add to Cart Block for Neve Pro
- Add Business Hours Block for Neve Pro
- Add WooCommerce Comparison Table Block for Neve Pro
- Use date format specified in general WordPress settings
- Remove duplicate category picker from Posts Block
- Allow Decimal ratings in Product Review Block
- Fix Accordion Block Styles
- Fix blocks not working on Widgets Editor
- Fix wp_enqueue_script() was called incorrectly error
- Fix price not removing in Product Review Block
- Fix Font Awesome Styles loading on all Dynamic Blocks
- Improve Review Block styles for Mobile Devices
- CSS loading improvements
Version 1.6.9 (2021-07-02)
- Fix links in Review Block
- Fix block defaults not working in Default Section
- Allow Custom sizes in Posts Block
- Add filter to Posts Block's query
- Add Tabs Block
- Add rel attribute to Review Block's Button
- Fix CSS Module breaking the editor
- Add translation support
Version 1.6.8 (2021-06-11)
- add JS translation compatibility
Version 1.6.7 (2021-06-11)
- Enhance translation compatibility
Version 1.6.6 (2021-05-24)
- Fix Product Review Block conflict with WooCommerce
Version 1.6.5 (2021-05-21)
- Add Product Review Block
- Make blocks AMP-ready
- Fix the post excerpt becoming corrupted when containing multi-byte character
- Fix Section's Overlay Gradient not working
- Fix Icon List reset on refresh
- Add Product Review Block
- Make blocks AMP-ready
- Fix the post excerpt becoming corrupted when containing multi-byte character
- Fix Section's Overlay Gradient not working
- Fix Icon List reset on refresh
Version 1.6.4 (2021-04-12)
- Fix button not centering
- Fix custom CSS not working on Leaflet Map Block
- Fix Columns width resetting
- Fix Resizer in Columns
Version 1.6.3 (2021-03-29)
- Fix Columns range crashing in Section Block.
- Fix Progress Blocks not loading on the front-end.
Version 1.6.2 (2021-03-26)
- Fix Button Groups alignment
- Don't enqueue empty CSS
- Adds new Accordion Block
- CPT support to Posts Block
Version 1.6.1 (2021-03-02)
- Fix CSS Extensions causing Reusable Blocks to crash.
- Add new Map Block
- Various fixes
Version 1.6.0 (2021-01-06)
- New Icon List Block.
- Allow editing text in Progress Bar Block.
- Reuse Gradient Control from Core.
- Fix Font Awesome loading when the non-Icon button is being used.
- Improve Server-Side CSS Method
Version 1.5.12 (2020-12-12)
- Fix ThemeIsle icons not appearing on WebKit browsers
Version 1.5.11 (2020-11-25)
- Do not add the background image to the Section when the URL is not set.
- WordPress 5.6 update chores.
Version 1.5.10 (2020-11-22)
- Responsive Images in Posts Block.
- Fix Progress Blocks.
- Don't enqueue CSS on Classic Editor posts.
- Change the Highlight tag.
Version 1.5.9 (2020-11-18)
- WordPress 5.6 compatibility.
- Fix duplicate posts appear in Posts block when using WPML.
- Fox Sharing Icons block links.
- Improve Font Awesome Icons background.
- Fix Progress Bar percentage animation.
- Add ThemeIsle Icons to Buttons & Font Awesome Icons Block.
- Rename Font Awesome Icons Block to Icon Block.
- Add Circular Progress Block.
- Allow zero value for borderSize in Button Block.
Version 1.5.8 (2020-09-14)
- Add Lottie Animations Block.
- Add Progress Bar Block.
- Prevent old custom CSS from being cached.
- Fix Slider in Section's Vertical Alignment on AMP.
- Consensual Tracking Data.
Version 1.5.7 (2020-08-12)
- Fix Button Group Block borders
- Fix Plugin Card failing with additional attributes
- Fix permission callback missing in REST API Route
Version 1.5.6 (2020-08-03)
- Button Group Improvements
- Fixed Caption field missing from Slider Block
- Image management in Slider & Gallery Block
- Fix issue with CSS inline loading twice
- Fix Posts Block offset bug
- Remove default font size from Posts Block
- Improve Animation Picker
Version 1.5.5 (2020-06-22)
- Store images locally when importing templates
- The improved template import mechanism
- Fix CSS file is not enqueued for posts outside the main loop
- Drop support for WordPress 5.3
- Add backward compatibility to Template Library import
- Fix category filter in Posts Section
- Add new Block Templates
Version 1.5.4 (2020-05-26)
- Use WP File System in Template Import
- Fix CSS Regeneration
- Add TinyMCE in Map Marker
- Use ServerSideLoader in Author & Sharing Blocks
- Fix Posts Block for Gutenberg 8.0
- Display template name in Template Library
- Add AMP Support to Slider Block
- Remove Section Outline
- Add AMP Support to Google Maps Block
- Fix Horizontal/Vertical Alignment
- Add Template Preview in Template Library
- Fix issue with Color resetting in Button Group & Section
- Fix Font Awesome not loading on Index Pages
- Add two new templates
- Fix SVG issue in Slider & Section Block
- Add Menu Icons Module
Version 1.5.3 (2020-04-10)
- Remove Icons from Range Controls
- Add ColorIndicator to Color Controls
- Move Vertical Alignment to Toolbar
- Fix Button Hover Color not saving
- Fix Responsive Controls not working
- Regenerate CSS file if it doesn't exist
- Update Font Awesome to the latest version
Version 1.5.2 (2020-03-30)
- Improve Responsiveness Control
- Remove Popover from Sizing Control
- Add Button Border to Global Defaults
- Fix issue with CSS not saving properly
Version 1.5.1 (2020-03-20)
- Adds compatibility with WordPress 5.4
- Fixed release issue with 1.5.0
Version 1.5.0 (2020-03-20)
- Adds compatibility with WordPress 5.4
- Adds compatibility with WordPress 5.4
Version 1.4.1 (2020-02-29)
- Fix issue with Button Group & Global Defaults
- Add Offset to Posts Block
- Allow custom IDs in Section & Advanced Heading Block
- Add speed option in Slider Block
- Fix issue with Overlay Gradient not working in Section Block
Version 1.4.0 (2020-02-23)
- Add Column Width control to Sidebar
- Remove Inline CSS from Blocks
- Fix Block ID Mechanism
- Add Global Defaults
- Improve Vertical Alignment to Section Block
- Add option to disable Arrows/Bullets in Slider Block
- Option to reverse columns in Section
- Add theme_support for global defaults
- Inherit Sizing values
- Button Group consistency with Button Block
- Add Anchor field to Advanced Heading Block
Version 1.3.3 (2020-01-19)
Fix issue with Custom CSS module not working
Version 1.3.2 (2020-01-10)
- Add Slider Transforms #142
- Improve Onboarding Experience & New Icons: #144
- Remove deprecated blocks: #103
- React Hooks: #145
- Remove background from Posts Block: #149
- Allow changing Title tag in Posts Block: #147
- Change Category from H6 to Span: #148
- Option to remove the image's box-shadow: #146
- Fix domino effect in Sizing Component: #151
- Add tracking toggle to Option Page
- Use React Hooks for Option Panel
-
- Added Slider Block
-
- Fixed issue with extensions failing with ServerSideRenderer
- Lazy load Font Awesome Picker to improve load time.
- Fixed link fetching in WP 5.0
- Added Style Switcher to Block Controls
- Added Map Styles to Google Map Block
- Improved CSS handling for blocks
- Added block navigator to Section block
- Added inserter to Button Group
- Fixed Marker Modal closing on search
- Fixed sizing control focus
- Fixed post excerpt now showing in Posts Grid
- Added meta control options to Posts Block
- Added improved Gradient Picker control
- Fix AMP compatibility errors.
- Fix Internet Explorer incompatibility
- Add option to choose Marker color for Google Map block
- Refreshed "New Marker" UI for Google Map block
- Add BlockInserter
- Google Maps Improvements
- Link Component Improvements
- Fix Sizing Control value type
- Add HTML Anchor to Section Block.
- Change Default Section setting.
- Fix resizer styles.
- Add Link Component.
- Add Marker button to Map.
- Remove Padding Resizer.
- Better UI for Sizing Control.
- Fix Dynamic CSS not rendering on reusable blocks.
- Validate blocks before importing.
- Fixed issue with constant not being checked in Otter
- Added error handling in Backbone functions
- Added Otter Option page
- Added update notice on Template Library
- Redesigned Google Map block
- Redesigned Post Grid block
- Removed Handsontable from Chart block
- Redesign Template Library
- Added Dynamic Column Resizing
- Added option to Auto Display Columns on Pages
- Added Section Outline to make it easier to edit sections
- Added Hover and Link settings to Font Awesome Block
- Removed Google + icon from Sharing Icons Block
- Fixed alignment controls
- Fixed issue with non-editors not being able to use inline CSS and template library.
- Fixed Button Group errors
- Fixed Sharing Icons block having wrong icon order in front-end
- Fix Font Awesome Block update path
- Show selected font in Google Font picker
- Fix Font Awesome Picker component being case-sensitive
- Adds Feedback for Button Group Switch
- Fixes Post Grid throwing an error
- Fixes issue with multiple block templates being inserted on the same post
- Fixes Font Awesome block alignment on the backend
- Fix Button Group Migration
- Revamped Font Awesome Icon Picker
- Added Developer Documentation
- Added Typography Option to Block Toolbar
- Fixed Padding Resizer
- Made Template Library Responsive
- Fixed Close Icon Alignment on Chrome
- Fixed Alignment with Span Tag in Advanced Heading Block
- Added Line Height Option to Button Group
- Added Option to Collapse Buttons
- Fixed Icon Issue in Button Group
- Increased Maximum Font Size Limit
- Fixed Font Weight Value Error
- Fixed Fatal Error Caused by Gutenberg Plugin
- Fixed Unescaped Character Preview in Post Grid
- Improved Handling of Unique Block IDs
- Added Left/Right Margin Options to Section Column
- Added Controls for Responsive Alignment to Advanced Heading Block
- Fixed Vertical Alignment in Section Block
- Fixed Alignment Issue in Social Sharing Block
- Added Section Block, with Template Library
- Added Advanced Heading Block
- Added Button Group Block
- Deprecated Notice, Click to Tweet, Chart, Accordion, blocks
- Fixed dependencies issue
- Fixes issue with Posts Grid block displaying wrong author
- Fixed Notice Block and Font Awesome Icons
- Optimized build size
- Bug fixed with Google Map block.
- Adds docker env.
- Adds hash back.