Otter Pro

Gutenberg covers the basics, but many sites need more: tabs, accordions, sliders, countdowns, popups and contact forms. Otter Pro adds these as blocks you place and style in the editor. Patterns for headers, testimonials, pricing tables and other sections give you a starting layout, and you adjust it to fit your site.

Beyond layout, the plugin gives you finer control over how content behaves. A custom CSS editor lets you style individual blocks, including media query adjustments. Visibility conditions show or hide content by user role, login status, post type, category or purchase history. An AI content tool can draft headings, summaries and layouts. Bloggers, businesses, creatives and online store owners can all use it to build pages inside the editor they already know.

Features

• Extra Gutenberg blocks: Adds blocks such as Accordion, Tabs, Lottie Animation, Product Review and Countdown, so you can build interactive page sections directly in the block editor.
• WooCommerce product page blocks: Specialized WooCommerce blocks let you design custom single product pages, so the layout of each product is under your control.
• Custom CSS editor: Apply your own styles to any block from an editor built into the plugin, including responsive adjustments through media queries.
• Visibility conditions: Set display rules based on user roles, logged-in status, post types, categories and purchase history, so different visitors can see different content.
• AI-powered content tool: Generate layouts, headings and content summaries, and adjust the tone of your text, to speed up drafting inside the editor.
• Patterns library: Pre-designed patterns cover common elements such as headers, testimonials, pricing tables and page sections, giving you ready layouts to edit.
• Animations library: Choose from over 55 motion effects, including fading, bouncing, sliding, flipping and rotating, and apply them to elements on your pages.
• Popup builder and forms: Design popups with control over triggers and closing behavior, and embed contact forms that connect with Sendinblue or Mailchimp for your mailing list.

Best for

• Bloggers building pages in the Gutenberg editor
• WooCommerce store owners designing custom product pages
• Business and creative sites needing popups, forms and animations