How to Connect AI to WordPress to Design and Build Your Site

You can connect AI to WordPress in three main ways: use the AI features already built into a page builder like Elementor, install a plugin such as Jetpack AI Assistant or AI Engine, or use WordPress.com’s AI website builder to generate a site from scratch. Each option suits a different need, and this guide explains how to set up and use each one.

There is no single “turn on AI” switch in WordPress. The right route depends on whether you want help writing content, generating images, building whole pages, or creating a brand-new site from a text description. We’ll go through each option, what it actually does, and how to get started.

Which AI option suits you?

Before diving into setup steps, it helps to know which type of AI tool matches what you’re trying to do.

Option 1: Use AI built into a page builder (no API key needed)

If you already build pages with a drag-and-drop editor, this is usually the quickest way to try AI without any extra setup. Elementor AI is a clear example: it’s built directly into the Elementor editor rather than being a separate add-on.

What Elementor AI can do

• Write or rewrite text – when editing any text widget, an AI icon appears so you can generate copy or refine what’s already there.
• Generate images – inside image widgets, you can create visuals from a text prompt instead of searching stock photo sites.
• Write code snippets – the AI assistant is available in HTML widgets and the Custom CSS panel. It’s useful for generating HTML structure and CSS, but treat anything touching PHP or backend logic as a draft that a developer should check.
• Translate content – text generation and translation cover more than 25 languages, including English, Spanish, French, German and Japanese.
• Plan whole sites – a newer “AI Site Planner” feature takes a concept and turns it into wireframes ready for review and revision. Elementor’s AI agent can go further, building full pages, design systems, forms and loops as real, editable Elementor content rather than a locked template.

How to get started

1. Install and activate the Elementor plugin on your WordPress site if you don’t already have it.
2. Open any page in the Elementor editor.
3. Click into a text or image widget and look for the AI icon in the toolbar.
4. Type a prompt describing what you want (for example, “write a short introduction for a bakery homepage”).
5. Review and edit the result before publishing – treat AI output as a first draft.

Note that the more advanced AI features, including the AI Site Planner and agent-style page building, require Elementor’s paid tier. Check the current plan details on Elementor’s site before relying on a specific feature, since this changes over time.

If you’re still deciding which builder to use, it may help to read The Best WordPress Page Builders Compared first.

Option 2: Let AI build a whole site for you (WordPress.com AI website builder)

WordPress.com offers a free AI website builder aimed at people who want a working site without building it piece by piece. It’s a good fit for freelancers, small business owners and bloggers who want a starting point fast.

How it works

1. Go to the WordPress.com AI builder page.
2. Describe your website idea in plain language (for example, “a portfolio site for a wedding photographer”).
3. Log in or create a free account.
4. Watch the AI generate a site based on your description.
5. Make changes either by editing the page directly or by asking for updates in the chat box.

What to expect

• Trying the builder and viewing the result costs nothing, but launching the site with your own domain and hosting requires a paid plan.
• At the time of writing, this builder is not designed for more complex sites such as online shops or sites needing custom integrations.
• Reviewers have noted the finished design can look fairly generic, with basic layouts and stock-style images. Treat it as a fast starting point, not a finished product.

If you outgrow this approach, or need WooCommerce, you may want to move to a self-hosted WordPress install. How to Migrate Your WordPress Website covers what’s involved.

Option 3: Add an AI assistant to your existing site (Jetpack AI Assistant)

If you already have a WordPress site and mainly want help with writing and basic content tasks, Jetpack AI Assistant works inside the standard block editor.

What it does

• Generates blog posts, lists, tables and forms with content already filled in.
• Corrects spelling and grammar and flags overly complex sentences.
• Adjusts tone, translates, or summarises existing content from the editor toolbar.
• Generates images from a text prompt, which can reduce the need for stock photos.
• Translates content into 12 supported languages.

Setting it up

1. Install and activate the Jetpack plugin, and make sure it’s updated to the latest version.
2. Connect Jetpack to a WordPress.com account if prompted.
3. Open a post or page in the block editor and look for the AI Assistant block or toolbar icon.
4. Type a prompt or select text and choose an action such as “Improve” or “Change tone.”

WordPress.com users get a free allowance with usage limits; a paid plan unlocks more generations. This makes it a reasonable low-commitment way to test whether AI writing assistance actually saves you time before paying for anything.

Option 4: Connect your own AI account with an API key (AI Engine and similar plugins)

This is the option that most literally matches “connect AI to WordPress,” since it involves linking your site to an AI provider using your own account. It suits people who want more control, a custom chatbot, or access to a specific AI model.

What an API key is

An API key is a unique code that lets one piece of software (your WordPress plugin) securely use another service (an AI provider like OpenAI) on your behalf. You usually get one by creating an account directly with the AI provider.

How AI Engine works

AI Engine is a plugin available free on WordPress.org that connects your site to AI services such as OpenAI’s ChatGPT, Microsoft Azure, OpenRouter, Anthropic’s Claude, Google’s Gemini, or Hugging Face. You supply your own API key and agree to the rules of whichever provider you choose.

Core features include:

• Building your own chatbot for the site
• Generating content and images
• Using templates to organise AI-related tasks
• Getting suggested titles and excerpts for posts
• An AI Copilot inside the block editor
• Usage and statistics tracking

Setting it up

1. Create an account with your chosen AI provider (for example, OpenAI) and generate an API key from their dashboard.
2. Install and activate the AI Engine plugin from the WordPress plugin directory.
3. Go to the plugin’s settings page and paste in your API key.
4. Choose which features to enable, such as the chatbot or editor Copilot.
5. Test a small task first, such as generating a post excerpt, before relying on it heavily.

Privacy and cost notes

• AI Engine does not collect data from your AI provider account beyond token usage. The main data sent is the content of your article and any context you provide, so avoid pasting sensitive customer information into prompts.
• Because you’re using your own account, you may be billed separately by the AI provider depending on how much you use it, on top of anything you pay for the plugin itself.
• At the time of writing, AI Engine’s free version covers many features, with a premium version (from $59 for a single site) adding AI forms, content-aware chatbots, embeddings, and a custom assistant.

A note on official WordPress AI plugins

WordPress has released official plugins for connecting to Anthropic Claude, Google Gemini and OpenAI, built on a shared PHP AI Client SDK. These support text generation, image generation, function calling and web search across providers through one consistent interface.

These are infrastructure tools aimed at developers building custom AI features into a site or plugin, rather than a ready-made design tool for typical site owners. Worth knowing about if you work with a developer, but not something most readers need to install directly.

Things to check before you connect any AI tool

• Review before publishing. AI-generated text and code can contain errors or generic phrasing. Always read it properly before it goes live.
• Keep plugins updated. AI plugins change quickly as providers update their models. Check for updates regularly, as you would for any WordPress plugin.
• Back up first. Before letting an AI tool generate whole pages, take a backup so you can roll back if something goes wrong.
• Watch your data. Don’t paste customer names, email addresses or other private details into an AI prompt unless you understand how that provider handles the data.
• Test on staging if possible. If you have a staging site, try AI-generated changes there first.

FAQ

Do I need coding knowledge to connect AI to WordPress?

No. Page builder AI features and plugins like Jetpack AI Assistant or AI Engine are designed to be used through the normal WordPress dashboard. Connecting your own API key for AI Engine involves copying and pasting a code into a settings field, which doesn’t require coding.

Is it safe to use AI tools on my WordPress site?

Generally yes, as long as you install plugins from trusted sources, keep them updated, and avoid sharing sensitive personal or customer data in prompts. Check each provider’s data policy if you plan to use AI with customer-facing content.

Will AI replace the need for a web designer?

Not entirely. AI tools are good at producing a first draft of text, images or page layouts quickly, but they still need human review for accuracy, brand tone and technical correctness, especially for anything involving code or payment systems.

Can I use AI with WooCommerce or an online shop?

Some AI builders, such as the WordPress.com AI website builder, are not currently designed for online shops. Plugin-based options like AI Engine or Jetpack AI Assistant can still help with product descriptions and content on a WooCommerce site, since they work within the standard WordPress editor.

Keep Reading

WordPressCan’t Login to WordPress? Recover Admin Access Without a PluginBloggingJoomla vs WordPress for a Small Business Blog: Which Fits You?WordPressWhy Are My WordPress Images Not Loading? 7 Common Fixes