AI Builder Tutorial

Learn how to create amazing content with AI-powered WordPress blocks

Complete AI Builder Walkthrough

Watch this comprehensive tutorial to master all AI Builder features

Key Features

Discover the powerful AI capabilities integrated into WordPress

AI-Powered Pages

Generate complete WordPress pages with AI using simple prompts

Smart Blocks

Create custom Gutenberg blocks with AI-generated content

AI Image Generation

Generate stunning images from text descriptions

AI Text Generation

Create compelling text content with AI assistance

AI Translation

Translate your pages and posts into multiple languages with AI

Site Copilot

AI-powered assistant to manage and operate your WordPress site

How to Use AI Builder

Step-by-step guide to master each feature

1. Creating AI-Powered Pages

Generate complete WordPress pages with AI

1

Access the Chat Widget

Look for the chat widget in the bottom-left corner of your WordPress editor

2

Describe Your Page

Enter a detailed prompt describing the page you want to create. Be specific about the content, style, and purpose

3

Generate Content

Click generate and watch as AI generates complete page content with appropriate Gutenberg blocks

💡
Pro Tip: The more detailed your prompt, the better the AI-generated content will be. Include information about your target audience, tone, and specific sections you want.

2. Creating AI Blocks

Generate custom Gutenberg blocks with AI

1

Add AI Block

In the Gutenberg editor, click the "+" button and search for "AI Block"

2

Configure the Block

In the block settings panel, find the "AI Description" field

3

Describe Your Content

Enter a detailed description of the content you want the AI to generate for this block

💡
Pro Tip: AI Blocks are perfect for creating testimonials, product descriptions, FAQ sections, and any other content that needs to be generated dynamically.

3. Generating AI Images

Create stunning visuals from text descriptions

1

Add AI Image Block

Search for "AI Image" in the Gutenberg block library

2

Describe Your Image

In the block settings, enter a detailed description of the image you want to generate

💡
Pro Tip: Be specific about style, mood, colors, and composition. Include details like "professional", "vintage", "minimalist", or "colorful" to get better results.

4. Creating AI Text Content

Generate compelling text with AI assistance

1

Add AI Text Block

Search for "AI Text" in the Gutenberg block library

2

Define Your Text

In the block settings, describe the type of text you want to generate (blog post, product description, etc.)

3

Generate and Edit

Click generate and edit the AI-created text to match your exact needs

💡
Pro Tip: Specify the tone (professional, casual, friendly), length, and target audience in your description for better results.

5. Translating Pages with AI

Automatically translate your content into multiple languages

1

Access Translation Feature

In the WordPress admin, go to your posts or pages list. You'll find a "✨ Translate with AI" link in the row actions for each post or page

2

Select Target Language

Click "Translate with AI" and a modal will appear. Choose the target language from the dropdown (English, French, Spanish, German, Italian, and more)

3

AI Translation Process

Click "Translate" and AI will automatically translate the page title, meta description, and all content blocks while preserving the structure and formatting

4

Review and Publish

A new draft page will be created with the translated content. Review it, make any necessary edits, and publish when ready

💡
Pro Tip: Translated pages are automatically linked together. Use the Language Switcher block on your frontend to let visitors switch between languages. You can also translate headers and footers from the Site Editor by clicking the "Translate with AI" button in the bottom-right corner.

6. Site Copilot - AI Assistant for WordPress

Manage your WordPress site through natural language conversations

1

Access Site Copilot

Navigate to AI Builder → Site Copilot in your WordPress admin menu. This opens a ChatGPT-like interface where you can interact with your WordPress site

2

Ask Questions or Give Commands

Type natural language requests like "List my recent posts", "Show all pages", "List categories", "Update post #123 title to 'New Title'", or "Show pending comments". Site Copilot understands context and can perform complex operations

3

Watch Real-Time Execution

When Site Copilot needs to use WordPress tools, you'll see "Executing: [tool name]" messages appear in real-time. Once complete, they change to "Executed: [tool name]" with a checkmark

4

Manage API Access (Settings Tab)

Click the "Settings" tab to control which WordPress REST API routes Site Copilot can access. Search for routes, enable/disable them by namespace, and ensure only safe operations are allowed. This gives you fine-grained control over what the AI can do

💡
Pro Tip: Site Copilot is perfect for content management tasks, but for creating beautifully designed pages, use the AI Page Creator chat widget (bottom-left corner when editing a page). Ask "what can you do?" to see all available capabilities.

Ready to Get Started?

Start creating amazing content with AI Builder today