Otter extends the WordPress Block Editor, also known as Gutenberg, with additional blocks and page-building controls. Otter Pro adds tools for WooCommerce product pages, more visibility and dynamic content settings, and extra patterns and full-page templates.

Build WooCommerce product pages

WooCommerce Builder Blocks let you create custom single product pages. 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 control which requirements must be met before selected blocks appear. Existing options include logged-in status and visitor roles; Pro adds conditions based on URL query strings, date ranges, days and times, cookies, and WooCommerce details such as cart contents, total spent, cart total, products, categories, tags, and attributes. Pro also expands the dynamic content options and add-ons available for free blocks.

Start from patterns and templates

Use patterns and full-page templates as editable starting points for headers, services, testimonials, pricing, features, calls to action, and other page sections. Otter Pro adds more designs to the library. Import a styling, then adjust its blocks and content to fit the page.

Style and animate blocks

Otter’s custom CSS controls can be applied to Gutenberg blocks, including third-party blocks on the site. Typography options cover font choices and spacing, while color controls handle primary colors, accents, and backgrounds. Responsive settings let you adjust blocks for mobile, tablet, and desktop. Animation effects include bouncing, fading, flipping, rotating, sliding, and rolling.

Use AI in the editor

Otter’s AI Block can generate an editable section or page from a prompt, with formats such as hero sections, features, 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, or change the tone of selected text, and can help fix grammar. Custom actions and toolbar ordering let you adjust the editing process.

Otter Pro includes an AI Form Autoresponder for personalized, AI-written replies to form submissions. Configure a prompt using form fields and set a fallback message for the response workflow.

Use Otter in WordPress

After adding Otter 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. Use the available Pro controls for WooCommerce layouts, visibility, dynamic content, and AI form replies as needed.