- Getting Started with Ultimate Addons for Elementor
- Getting Started with Ultimate Addons for Elementor Pro
- How To Install The Ultimate Addons For Elementor Pro Plugin?
- How to Get License Key of Ultimate Addons for Elementor?
- Activate Ultimate Addons for Elementor Pro License
- How Can I Upgrade the License?
- How to Update Ultimate Addons for Elementor Plugin?
- How to update any plugin manually through FTP?
- About Beta Versions
- About Beta Versions
- How to Enable / Disable Widgets in UAE to Reduce Server Requests?
- How to White Label UAE?
- Getting Started with Ultimate Addons for Elementor Pro
- UAE Saved Sections
- How to create Google API key in Google Maps Widget of UAE?
- White Screen /500 Error After Plugin Installation
- How to Increase the Memory Limit of your site?
- Unable to see the Font Awesome 5 Icons in UAE’s widgets?
- Introducing User Registration Form Widget
- How to Create a User Registration Form using Elementor?
- How to Create a User Registration Form with Only Email Field in Elementor?
- Frequently Asked Questions about User Registration Forms
- Google reCAPTCHA v3 in User Registration Form for Elementor
- Honeypot field in User Registration Form for Elementor
- Filters/Actions for User Registration Form Widget
- How to Integrate hCaptcha with UAE Login & Registration Forms
- How to Create a Facebook App ID for Login Form Widget?
- How to Create a Google Client ID for Login Form Widget?
- Introducing a New Login Form Widget for Elementor
- Filters/Actions for Login Form Widget
- Google reCAPTCHA v3 in Login Form for Elementor
- How to Integrate hCaptcha with UAE Login & Registration Forms
- How to Open a Modal Popup on the Click of an Elementor Widget?
- Modal Popup Widget
- How to Trigger a Modal Popup on the Click of a Menu Element?
- How To Close a Modal Popup on the Click of a Button or Text?
- How to Insert a Video in the UAE Modal Popup?
- What are the Various Options to Close a Modal Popup in UAE?
- How to Display a Modal Popup on Exit Intent?
- Modal Popup JS Triggers
- Woo – Products Widget
- How to display exact WooCommerce product with Query Builder?
- How to set Grid and Carousel layout for WooCommerce products?
- Filters/Actions for WooCommerce Products
- How to enable Quick View for WooCommerce Products?
- How to Exclude WooCommerce Products with Woo-Products Widget?
- How to Set Featured Products in WooCommerce?
- Woo – Products Carousel Does Not Display Correctly?
- How to Display Related Products with Woo-Products Widget?
- How To Add Rows And Columns to the Table?
- Table Widget
- How to add Table Header with Table Widget?
- How to add Table Content with Table Widget?
- How to add Sortable and Searchable Table? How to Show Entries Dropdown?
- How to Merge Columns and Rows in Table?
- How to Style the Table?
- Create Table by Uploading CSV
- Facing Issues with CSV Import?
- Image Gallery Widget
- How to Set Categories for Images?
- How to Add an Image Caption
- How to Set a Custom Link for the Image?
- How to Design Filterable Image Gallery?
- How to Open a Webpage with the Click of an Image?
- How to Set Scale, Opacity, Effects, Overlay Color for Images?
- How to Display Specific Category Tab as a Default on Page Load?
- How to Set Icon on Image Hover?
- Video Gallery Widget
- How to Set Categories for Videos?
- How to Design Filterable Video Gallery?
- How to Display Specific Video Category Tab as a Default on Page Load?
- How to Set a Custom Placeholder Image for the Video?
- How to Set Overlay Color on the Video Thumbnail on Mouse Hover?
- How to Show Video Caption on Hover?
- How to Show Video Category on Hover?
- Bulk Editing for Video Category Names
- How to Style Particular Item / Icon?
- Timeline Widget
- How to Change the Vertical Position of Arrow & Icon?
- How to Set On-Scroll Color for Connector Line and Icon?
- How to Set the Alternate Alignment for the Card Content?
- How to Manage Timeline on Responsive View?
- How Query Builder Works for Post Timeline?
- How to Set Post as Sticky?
- Enable Infinite Load Pagination for Post Timeline
- Posts Widget
- How Query Builder Works for Posts Widget?
- How to Enable Infinite Load Pagination for Posts?
- Filters/Actions for Posts Widget
- Filterable Tabs for Posts Widget
- Layouts for Posts Widget
- Posts Widget Carousel Does Not Display Correctly?
- Displaying Portfolios in UAE Post Widget Using Custom Filters
UAE AI Tools: Integration Setup
This guide covers manual setup for connecting an external AI client to your WordPress site using UAE AI Tools. Choose your client from the list below and follow the steps for that specific app.
Before you start: Make sure you have completed Step 1: Enable AI Tools in the main UAE AI Tools guide.
Jump to your client:
- Claude Desktop
- Claude Code
- Cursor
- VS Code (GitHub Copilot)
- Windsurf
- Codex (OpenAI)
Shared Prerequisites
These two steps apply to every client. Complete them once before configuring your specific app.
Create an Application Password
MCP uses WordPress Application Passwords to authenticate securely, you do not share your main WordPress password.
- In your WordPress admin, go to Users → Profile.
- Scroll to the Application Passwords section.
- Enter a name, for example, the name of your AI client and click Add New Application Password.
- Copy the password immediately. WordPress shows it only once.
Tip: Create a separate Application Password for each AI client so you can revoke them individually without affecting other clients.
Get Your Server URL
On the UAE → Settings → AI Tools page, find your server URL:
- If Standalone UAE Server is on:
https://yoursite.com/wp-json/uae/mcp
- If Standalone UAE Server is off, UAE tools are served from the default WordPress endpoint:
https://yoursite.com/wp-json/mcp/mcp-adapter-default-server
Generate Base64 Credentials (for most clients)
All clients except Claude Desktop use HTTP Basic Auth. Generate your encoded credentials once and reuse them:
echo -n “your-username:your-application-password” | base64
Copy the output. Use it in place of YOUR_BASE64_ENCODED_CREDENTIALS in the configs below.
Claude Desktop
Claude Desktop connects through a small Node.js bridge. Make sure Node.js 18+ is installed (node –version to check).
No Node.js? Go to Settings → Connectors → Add custom connector in Claude Desktop and paste your server URL directly, no Node.js or config file needed.
Config file location:
- macOS: ~/Library/Application Support/Claude/claude_desktop_config.json
- Windows: %APPDATA%\Claude\claude_desktop_config.json
Open the file in any text editor and add the following inside the mcpServers object (create the file if it does not exist):
{
  "mcpServers": {
    "uae": {
      "command": "npx",
      "args": ["-y", "@automattic/mcp-wordpress-remote@latest"],
      "env": {
        "WP_API_URL": "https://yoursite.com/wp-json/uae/mcp",
        "WP_API_USERNAME": "your-username",
        "WP_API_PASSWORD": "xxxx xxxx xxxx xxxx xxxx xxxx"
      }
    }
  }
}
Replace yoursite.com, your-username, and the Application Password with your actual values. Keep the spaces in the Application Password exactly as copied.
Save the file and fully quit and relaunch Claude Desktop.
Claude Code
Create .mcp.json in your project root for project-specific access, or ~/.claude/.mcp.json for global access across all projects:
{
  "mcpServers": {
    "uae": {
      "type": "http",
      "url": "https://yoursite.com/wp-json/uae/mcp",
      "headers": {
        "Authorization": "Basic YOUR_BASE64_ENCODED_CREDENTIALS"
      }
    }
  }
}
Cursor
Option A: Config file in your project: Create .cursor/mcp.json in your project root:
{
  "mcpServers": {
    "uae": {
      "url": "https://yoursite.com/wp-json/uae/mcp",
      "headers": {
        "Authorization": "Basic YOUR_BASE64_ENCODED_CREDENTIALS"
      }
    }
  }
}
Option B: Cursor settings UI: Go to Cursor Settings → Tools and MCP → Add Custom MCP and enter your server URL and credentials there.
VS Code (GitHub Copilot)
Create .vscode/mcp.json in your project root.
Important: VS Code uses a “servers” key instead of “mcpServers” this is different from all other clients.
{
  "servers": {
    "uae": {
      "type": "http",
      "url": "https://yoursite.com/wp-json/uae/mcp",
      "headers": {
        "Authorization": "Basic YOUR_BASE64_ENCODED_CREDENTIALS"
      }
    }
  }
}
Windsurf
Open (or create) ~/.codeium/windsurf/mcp_config.json and add:
{
  "mcpServers": {
    "uae": {
      "serverUrl": "https://yoursite.com/wp-json/uae/mcp",
      "headers": {
        "Authorization": "Basic YOUR_BASE64_ENCODED_CREDENTIALS"
      }
    }
  }
}
Note: Windsurf uses “serverUrl” instead of “url” this is different from Cursor and VS Code.
Codex (OpenAI)
Open (or create) ~/.codex/config.toml and add:
[mcp_servers.uae]
url = "https://yoursite.com/wp-json/uae/mcp"
[mcp_servers.uae.http_headers]
"Authorization" = "Basic YOUR_BASE64_ENCODED_CREDENTIALS"
Note: Codex uses TOML format, not JSON.
After Setup
Restart your AI client after saving the config. Then test the connection by asking the AI to list your UAE templates or headers. If UAE tools are visible and responding, you’re all set.
If something isn’t working, see the UAE AI Tools Troubleshooting guide or contact our support team.
We don't respond to the article feedback, we use it to improve our support content.