Connect Claude to Your Website in 5 Simple Steps

ByAnne Stephenson

Use any AI to create beautiful WordPress pages — no coding required.

Whether you use ChatGPT, Claude, Gemini, or any other AI, you can create polished, professional WordPress content in minutes. This guide shows you how — starting with the basics that work for everyone.

The Universal Method (Works for Any WordPress Site)

Here’s the secret: AI tools can generate complete, styled content that you simply copy and paste into WordPress. No design skills needed.

Step 1: Ask AI for What You Want

Use any AI tool (Claude, ChatGPT, Gemini — they all work). The key is how you ask:

The Magic Phrase:

"Give me this as HTML5 with CSS styling at the top."

For example: “Create a blog post about gut health basics for my nutrition practice. Give me this as HTML5 with CSS styling at the top.”

The AI will give you a “unified file” — all the styling (CSS) and content (HTML) together in one block of code.

Step 2: Paste Into WordPress

  1. In WordPress, add a Custom HTML block (found under Widgets in the block inserter)
  2. Copy the entire output from your AI — CSS and HTML together
  3. Paste it into the Custom HTML block
  4. Preview your page — done!
💡 Pro Tip: Want to make quick text changes later? You can edit the text directly in the HTML — just look for the words between the <p> or <h2> tags and type over them.

Step 3: Save Your Work

Before making big changes, save a backup of your code:

  1. Copy everything in your Custom HTML block
  2. Paste it into a Google Doc or Apple Note
  3. Add a note like: “Version before Dec 19 — before I changed the header”

WordPress has a “Revisions” feature in the sidebar, but honestly? Saving your own versions is faster and easier to work with.

✓ That’s it! You now know how to create beautiful WordPress content with AI.

Want AI to Make Changes for You?

Once you have styled content on your page, you can always go back to AI to update it:

  1. Copy your current HTML from WordPress
  2. Paste it into your AI chat and say: “Here’s my current page. Please change [whatever you want] and give me the updated HTML5 with CSS at the top.”
  3. Copy the new output back into WordPress

This works great for design changes, adding sections, or restructuring content.

Where Else Can You Use This?

The “unified HTML5 + CSS” approach works anywhere that accepts raw HTML:

  • Custom HTML blocks in WordPress (Gutenberg)
  • Email templates — paste into FluentCRM’s Raw HTML editor
  • Landing pages — works in most page builders
  • Newsletters — many email platforms accept raw HTML

For MinuteLaunch Users: Extra Features

If you’re using MinuteLaunch, you have access to the ML Canvas Block, which adds some nice conveniences:

  • Preview tab — See exactly how your page looks without leaving the editor
  • Edit Text button — Click it to type directly over any text without hunting through code
  • Connect Claude directly — Have Claude read, write, and publish content to your site hands-free

You can also paste your unified HTML into the ML Canvas Block’s HTML tab (leave the CSS tab blank — everything goes in the HTML tab).

How to Connect Claude to Your Site (5 Steps)

1 Activate ML Claude MCP in WordPress

  1. Log into WordPress
  2. Go to MinuteLaunch → Plugin Manager
  3. Make sure ML Claude MCP is Active

2 Create an API Key

(A secret code your site uses to recognize Claude.)

  1. Go to MinuteLaunch → ML Claude MCP
  2. Find API Keys Management
  3. Type a name like “Claude Desktop”
  4. Click Generate API Key
  5. Copy the key — you’ll paste it into Claude once

3 Download the Claude MCP Extension (.dxt file)

  1. On the same screen, find Claude Desktop Integration
  2. Click Download MCP Extension
A file ending in .dxt will appear in your Downloads folder.

4 Add the Extension to Claude Desktop

  1. Open Claude Desktop
  2. Go to Settings → Extensions
  3. Drag the .dxt file into this window

5 Confirm Your Site Appears Under Connectors

  1. In Claude Desktop, go to Settings → Connectors
  2. Look for: WPMCP / yoursite.com
  3. If it shows Connected, you’re done!
  4. If prompted, paste in your API key once

If Claude Ever Seems Disconnected

  1. Toggle the connector off and on — In the Claude input window, click the connector icon → turn your site off → then back on
  2. If that doesn’t fix it: On your site, go to MinuteLaunch → ML Claude MCP → Test API Connection

Pro Tip: At the start of any session, confirm Claude is connected by saying:

“Check your tools and confirm you can access my WordPress site.”

MinuteLaunch subscriptions also include unlimited email support from Spencer — don’t hesitate to reach out with questions!

Questions? Get in touch — I’m happy to help.

Similar Posts