Otter Pro for Gutenberg Page Building

Build pages in the WordPress Block Editor

Otter Pro extends Gutenberg with blocks and controls for creating and styling WordPress pages. Start with an imported pattern or full-page template, then edit its content and layout in the block editor. Available designs cover areas such as services, testimonials, pricing, capabilities, calls to action, and headers.

Create WooCommerce product layouts

WooCommerce Builder Blocks let you create custom single product pages. Otter Pro includes Add to Cart, Business Hours, Modal, Product Review Comparison, and Live Search blocks. Pro add-ons also expand the options for Otter's free blocks, dynamic content, visibility conditions, patterns, and full-page templates.

Set show rules and style blocks

Visibility Conditions let you select when selected blocks appear. Rules can use login status and visitor roles, as well as Pro conditions such as URL query strings, date ranges, days and times, WooCommerce cart products and totals, product categories, tags and attributes, and cookies.

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

Draft and revise content with AI

The AI Block can create a section or full page from a prompt as editable blocks. Choose a format such as a hero, capabilities, pricing, testimonials, or a call to action, or describe another layout. The generated blocks can match the theme colors and current page style, and you can edit them in the block editor.

Select text to use the AI Toolbar to rewrite, summarize, expand, shorten, translate, simplify, change its tone, or fix grammar. You can also add custom actions with your own prompts and reorder the toolbar. The Pro AI Form Autoresponder uses form fields and a configured prompt to prepare a personalized, AI-written reply for a form submission; you can set a fallback message.

Use Otter Pro in the editor

After adding Otter to a WordPress website, open a post or page in the block editor. Insert Otter blocks or import a pattern, then adjust the content and appearance. Apply the Pro controls for WooCommerce layouts, display conditions, dynamic content, styling, animations, and AI-assisted editing where needed.