Themeisle Docs

Appearance

The AI Block - Otter Blocks Library ​

📝 Note: These blocks are part of the Otter Blocks plugin, which you can get from here.

The AI Block and Otter's AI toolbar actions need an AI provider. Otter can use WordPress's native AI, where you set up a provider under Settings > Connectors, or a legacy OpenAI API key. To use an OpenAI key, follow this guide to generate one, then add it under Otter Blocks > Settings on the AI Provider panel.

See the Settings Reference for details on choosing a provider and model.

In this article

Using the Block ​

1. Navigate to the pages/posts where you want to use the AI Block.

2. Click on the plus button to add new blocks.

3. Search for the AI Block and insert it into the page.

AI Content Generator ​

Use the AI Content generator to build new content from a prompt. In the block, first choose what to generate:

  • Section — a single section, such as a hero, features grid, or call to action.
  • Full page — a complete page made of several sections.

Type a prompt describing what you want, or click one of the suggested starter prompts. You can also fine-tune two options before generating:

  • Use my theme colors — build the content using your theme's color palette. Turn this off to let the AI choose its own colors.
  • Match current page style — reuse the styling and tone of the blocks already on the page so the new content fits in.

Click Generate section or Generate page to open the AI modal.

📝 Note: The AI Content generator builds with Otter's Atomic Wind blocks. If they are disabled, the block prompts you to enable them before you can generate content.

In the modal, Otter AI generates a preview of the result. From here you can:

  • Refine the result by entering a follow-up prompt and clicking Run.
  • Step back and forth through previous versions with the arrows.
  • Click Insert section or Insert page to place the result in the editor, or Discard to close without inserting.

AI Content Toolbar ​

When the AI Block Toolbar Module is enabled, Otter adds an AI shortcut to the toolbar of supported editor blocks. Select a block (or a multi-block selection), then click the AI shortcut to open the AI modal and run an action on the selected content.

The modal offers a set of built-in quick actions. By default these are:

  • Rewrite — rewrite the content for clarity and flow.
  • Summarize — condense the content.
  • Expand — add useful supporting detail.
  • Shorten — make the content shorter while keeping the key meaning.
  • Translate — translate the content.
  • Change Tone — rewrite the content in a different tone.
  • Fix Grammar — correct spelling and grammar.
  • Simplify — make the content easier to read.

Pick an action to seed the prompt, or type your own instruction, then click Run. Review the preview and click Apply to replace the selected content, or Discard to keep the original.

If you added your own actions under the AI Provider settings, they appear in the same list. See the Settings Reference for how to edit, reorder, disable, or add toolbar actions.

Was this helpful?