Skip to content

WPShout Newsletter

Sign up for news, tips, and insights to help you build better websites.

Newsletter - Top banner

AI Page Builder for Gutenberg: Build Real Pages with Otter Blocks 3.2

The blank page is still the slowest part of building anything in the block editor. You know roughly what the page should look like, but getting from an empty canvas to a decent first draft means twenty minutes of stacking, nudging, and restyling blocks before the real writing even starts.

Otter Blocks 3.2 takes a swing at exactly that problem with an AI page builder that lives directly in Gutenberg. Describe a section or an entire page, and it generates real, editable blocks that already match your theme colors. This guide walks through the full workflow: connecting an AI provider (there is one catch), generating a first section, shaping the copy with the upgraded AI toolbar, and deciding whether the free version is enough for your site.

Here’s what to expect.

ai page building gutenberg otter

What Otter Blocks 3.2 brings to the editor

Otter Blocks is a free block library that extends the native editor with 25+ blocks, patterns, and full-page templates. The idea is that you can build complete, good-looking pages in Gutenberg without reaching for Elementor or Divi. It sits at 300,000+ active installs with a 4.7 out of 5 rating on WordPress.org, so this is not an obscure experiment.

Version 3.2 is the AI release. The headline features:

  • An AI Content Generator block that builds whole sections or full pages from a text prompt
  • A redesigned AI writing toolbar with custom, user-defined actions
  • A rebuilt Design Library with 150+ templates, 50 of them free
  • A new Content Slider block, a cleaner Block Conditions panel, and tested with WordPress 7.0

⚖️ Disclosure: Otter Blocks is built by ThemeIsle, the same company behind WPShout. This guide covers the free version’s limits and the Pro pricing as plainly as everything else, and the AI features work the same whether or not you ever upgrade.

The Otter Blocks library in the WordPress block inserter, showing the available blocks

First, connect an AI provider (this is the catch)

Here is the part most announcement posts gloss over: Otter ships with no bundled AI credits. Every AI feature, from page generation to text rewriting, runs on a provider you connect yourself. There are two ways to do it:

  • WordPress 7.0 AI connectors. WordPress 7.0 introduced native AI connectors, so you configure one AI provider at the WordPress level in the Connectors screen, and every Otter AI feature picks it up automatically. For background on what connectors are and why they matter, see WPShout’s WordPress 7.0 coverage.
  • An OpenAI API key. Not on WordPress 7.0 yet? Paste your OpenAI API key into Otter’s settings and all the AI features work as before. Backward compatible by design.
Otter Blocks settings page open on the AI tab, showing the WordPress AI provider option with a Manage Connectors link and a notice that no AI provider is configured yet

Either way, head to Otter Blocks > Settings and open the AI tab. If nothing is configured, Otter tells you plainly, as in the screenshot above, and the AI features stay off until a provider is connected. Whatever the model generates is billed by your provider under your own account, so keep an eye on usage if you plan to generate whole pages daily.

Generate your first real section, step by step

With a provider connected, open any page in the block editor. The AI Content Generator block is part of the free plugin, no Pro license required.

Step 1: Add the AI Content Generator block

Open the block inserter and search for “AI Content Generator”, then drop it where the new content should land. The block is essentially a prompt box: it asks what you want to build.

Step 2: Describe the section (or the whole page)

Type what you want in plain language. You can ask for a single section, a hero, a pricing table, a testimonials row, or an entire page in one go. The more specific the prompt, the less cleanup afterward: name the type of section, the topic, and the audience.

☝️ Quick Tip: Treat the prompt like a brief for a freelancer. “A pricing section for a dog grooming service, three tiers, friendly tone” beats “pricing section” every time.

Step 3: Edit the result like any other blocks

Otter writes real blocks onto the page. Not a static mockup, not a shortcode you cannot touch: headings, buttons, and columns, all standard and editable. It also matches your theme colors automatically, so the generated section lands on-brand instead of looking pasted in from another website.

From here it is normal block editing. Rewrite the headline, swap the images, adjust the spacing, delete whatever misses the mark. Think of the AI output as a solid first draft that saves the twenty minutes of assembly, not as a finished page.

Shape the copy with the AI writing toolbar

The AI Content Generator is new, but Otter’s AI text toolbar has been around for a while, and 3.2 makes it much more useful. Select any text on the page and you can rewrite, summarize, expand, shorten, translate, change the tone, fix grammar, or simplify it, all without leaving the editor.

The new part is control. You can create custom actions with your own prompts, so a task you repeat often, like translating into Spanish or rewriting copy in your brand voice, becomes a one-click button in the toolbar. Actions can be reordered, the ones you never use can be switched off, and everything is managed from the same AI settings tab where the provider lives.

Free vs Pro: what you actually get

The free version is genuinely usable, AI Content Generator included, but the line between free and Pro matters. Here is the split:

FreePro
AI Content Generator
AI writing toolbar + custom actions
Design Library templates50150+, plus 10 premium full-page packs
AI Form Autoresponder
Extra blocks (WooCommerce Builder, Modal, Live Search, more)
Price$0From $69/year introductory

The AI Form Autoresponder is the most interesting Pro-only AI feature: write a prompt using your form fields, and Otter replies to every submission with a personalized, AI-written response. Handy for lead follow-up, but not essential for page building.

Pro pricing starts at $69/year for one site (Personal), with Business at $99/year for five sites and Agency at $149/year for unlimited sites. Those are introductory prices, renewals run at full price ($139, $199, and $299 respectively), and there is a 30-day money-back guarantee.

One non-AI improvement worth knowing about: Block Conditions, Otter’s system for showing or hiding blocks based on rules like screen size, user role, or login status, got a cleaner panel in 3.2. Basic visibility conditions are free, with more conditions in Pro.

Before and after comparison of Otter's Block Conditions panel, with the redesigned version showing a screen size rule that hides the block on mobile and tablet

When to reach for an AI page builder in Gutenberg (and when not to)

A fair question, since AI page building is easy to oversell. The honest split:

  • Use it when you want a fast first draft without leaving the block editor, you are already building with Gutenberg and do not want a separate page builder, and you have (or do not mind getting) an OpenAI key or a WordPress 7.0 connector.
  • Skip it when you need pixel-level design control from the start. The generated layout is a starting point, and anyone expecting finished, bespoke design from a single prompt will be disappointed.
  • Also skip it if connecting an AI provider is a dealbreaker. There is no way around the bring-your-own-key requirement, and AI usage bills to your own provider account.

Output quality also tracks the prompt. Vague prompts produce generic pages; specific prompts produce drafts worth editing. Budget editing time either way.

Bottom line 💬

Otter Blocks 3.2 makes a practical case for AI page building inside Gutenberg: the output is real blocks, styled to your theme, ready to edit, and the free version includes the generator itself rather than teasing it. The catch is real too, since nothing works until you connect your own AI provider, and the fuller template library plus the form autoresponder sit behind Pro.

For Gutenberg-native sites, it is one of the lowest-friction ways to try AI page building today. Install the free plugin, connect a provider, and generate one section. That ten-minute experiment tells you more than any review.

Have you tried generating a page with AI in the block editor? How did the first draft hold up?

Yay! 🎉 You made it to the end of the article!
Team WPShout
Share:

0 Comments
Most Voted
Newest Oldest