Connect Wordpress & Elementor With AI For Free

Set up OpenCode with Elementor MCP or WPVibe to let an AI agent handle site tasks, with limits and safety steps explained. See the guide.

Get help with this All solutions

Connect WordPress & Elementor With AI For Free

The problem

Setting up a new site by hand takes time. You add pages, make menus and install plugins one by one. AI can do much of this work for you if it is connected to your site.

There is a limit, though. Elementor is a drag and drop tool, and AI still cannot design a page the way a person can. I use AI for the setup work, and I design and customise the pages by hand.

What you need

OpenCode installed on your PC (the video below shows how)
Admin access to your WordPress site

Step 1: install OpenCode

The video shows how to download, install and activate OpenCode on your PC. Watch it first, then come back for the connection steps.

Option 1: Elementor MCP with OpenCode

In your WordPress admin, open the Elementor MCP page. The address looks like yourwebsite.com/wp-admin/admin.php?page=elementor-mcp.
Select Others.
Tick the box that says you understand an application password will be created for this site.
Click Generate Prompt and copy it.
Paste it into OpenCode and press Enter.
Restart VS Code. It is now connected.

The generated prompt holds an application password for your site. Never share it.

Option 2: WPVibe with OpenCode

Install the WPVibe plugin from the WordPress plugin directory.
Copy the WPVibe command it gives you, and paste it into OpenCode in the same way.
It gives you a confirmation link. Open it in the same browser where you are logged in to your WordPress site.
Create a WPVibe account and click Approve. It is now connected.

What AI can do, and what I still do by hand

AI can install plugins, add pages and make menus.
I still design and customise pages in Elementor myself.
I test everything on a backup or staging copy first.

Mistakes to avoid

Sharing the generated prompt with anyone.
Skipping a backup before the AI changes the site.
Believing the free tools have no limits. Check the limits of the AI model you connect.

Downloads and prompts

Copy the text below, or download the file above.

Connection steps: Elementor MCP and WPVibe

Install the open code as shown in video and then follow up these steps
Connect Elementor MCP
In your WordPress admin, open https://yourwebsite.com/wp-admin/admin.php?page=elementor-mcp.
Select Others.
Tick “I understand that clicking Generate Prompt will create an application password for this site”.
Click Generate Prompt and copy it.
Paste it into OpenCode and press Enter.
Restart VS Code. It is now connected.
Connect WPVibe
Install the WPVibe plugin from the WordPress plugin directory.
Copy the WPVibe command it gives you, the same way as for Elementor MCP, and paste it into OpenCode.
It gives you a confirmation link. Open that link in the same browser where you are logged in to your WordPress site.
Create a WPVibe account and click Approve. It is now connected.
Tip: the Elementor MCP step creates an application password for your site, so don’t share the generated prompt with anyone.