Otter extends the WordPress Block Editor, also known as Gutenberg, with extra blocks and page-building controls. Otter Pro adds options for WooCommerce layouts, block visibility, dynamic content, and page design.

Build a custom WooCommerce product page

WooCommerce Builder Blocks let you make custom single product pages in the block editor. Otter Pro also includes Add to Cart, Business Hours, Modal, Product Review Comparison, and Live Search blocks for store and content layouts.

Set conditions for showing blocks

Visibility Conditions determine when selected blocks appear. Conditions can use details such as login status and user role. Otter Pro adds options for URL query strings, date ranges, days and times, cookies, and WooCommerce details such as products in the cart, cart totals, categories, tags, and attributes. Pro also expands the dynamic content options available to blocks.

Shape the layout and appearance

Patterns and full-page templates provide editable starting points for services, testimonials, pricing, features, headers, and calls to action. Otter Pro adds more patterns and templates. Custom CSS can be applied to Gutenberg blocks, including third-party blocks on the site. Typography and color controls adjust fonts, spacing, primary colors, accents, and backgrounds. Responsive options let you adjust blocks for mobile, tablet, and desktop, while animation options include fading, flipping, rotating, sliding, and more.

Draft and revise content in the editor

The AI Block can generate an editable section or page from a prompt, including formats such as hero sections, functions, pricing, testimonials, and calls to action. Generated blocks can match the theme colors and current page style. The AI Toolbar can rewrite, summarize, expand, shorten, translate, simplify, adjust the tone of, or fix the grammar in selected text. Otter Pro also includes an AI Form Autoresponder that uses form fields and a configured prompt to write personalized replies to submissions.

Use Otter Pro in WordPress

After adding the add-on to a WordPress site, open a page or post in the block editor. Insert Otter blocks or import a pattern, then configure the content and appearance. Apply Pro controls for WooCommerce layouts, visibility, dynamic content, styling, animations, or AI-assisted editing as needed.