This article shows how to connect Claude to Onepage via the Model Context Protocol (MCP).
MCP is the interface between Onepage and external AI assistants and makes it possible to manage pages, content, and website structures directly through these tools. You can find the detailed explanation of MCP in this article.
📌 Please note: When creating a Onepage website via MCP, no Onepage AI credits are consumed. Instead, you use the tokens of the respective AI tool (e.g., ChatGPT, Claude, or Cursor) that is connected to Onepage.
Connect Onepage with Claude (Step-by-Step Guide)
📌 Please note: The following steps and screenshots reflect the tool’s interface at the time this article was created. Interfaces or labels may have changed since then. If you notice any differences, we recommend checking the current instructions in the tool, visiting the provider’s help center, or contacting their support team.
Step 1
Open Claude.
Step 2
Click on your profile in the bottom left corner and go to "Settings" → "Connectors". Then, click on "Customize".
Step 3
Click on the "+" symbol and select "Add custom connector".
Then, enter the following details:
Name: Onepage
Remote MCP Server URL: https://mcp.onepage.io/
Advanced settings: leave empty
Step 4
Now Onepage will appear in your connectors list.
Click on "Connect" and log in with your Onepage account.
Afterwards, you will be automatically redirected to Claude, where the following message will appear: "Claude wants to access your account."
Now click on "Allow".
Step 5
Click on "Always allow" and grant permission for all options.
This enables Claude to work with Onepage and independently create, edit, and manage websites.
Video Tutorial: Connecting Onepage MCP in Claude
Please watch the following video showing the entire process. You can click on the full-screen icon (the 4 arrows in the bottom right corner) or directly on the title of the video to open it in full-screen mode.
🎉 Now everything is set up. 🎉
You can start a new chat in Claude and enter a prompt to begin creating.
💡 Tip for Perfect Results: To learn how to phrase your commands even more precisely and get the absolute most out of the AI, check out our guide: Vibe Coding: How to write effective prompts for better results.
Practical Examples & Prompts
Take a look at the examples below to get a better idea of what you can build and how to structure your instructions for Claude. Feel free to use these as inspiration or copy them directly to test it out!
Prompt Example 1: Modern AI Startup
"Create a hyper-modern, dark-mode landing page for a new AI startup called 'TaskFlow AI'. Create a new project in Onepage.
Include a bold Hero section, an infinite scrolling marquee banner for partner logos, a sleek 'Bento box' features grid, pricing tables, and an animated FAQ section.
Use heavy animations, neon accents, and glassmorphism elements to make it look like a premium, high-converting tech website. Fill it with realistic text and make it visually spectacular!"
Page created with the above prompt:
Prompt Example 2: Premium Luxury Real Estate
"Create a new Onepage project for a futuristic luxury real estate agency called 'Nova Living'. Create a modern premium landing page with 10–11 sections, including a hero section, properties, benefits, about us, testimonials, team, statistics, process, FAQ, contact form, and footer. Use modern layouts, smooth animations, glassmorphism elements, color gradients, hover effects, and responsive design. The style should feel elegant, futuristic, and conversion-optimized. Add placeholder texts and images where necessary, and make the website visually impressive and highly professional."
Page created with the above prompt:
Prompt Example 3: Modern Solar & Energy Service
"Create a new Onepage project for a premium solar energy installation company called 'VoltSolar'. Design a modern, conversion-oriented landing page with 8–9 sections: a bold Hero section with two CTAs, a partner logo bar, a feature grid showcasing benefits (savings, sustainability), high-quality project showcase slots, integration details for smart home apps, a clear pricing/package table with three options, customer testimonials, an FAQ, and a final contact CTA. Use a clean layout with vibrant emerald green and dark grey accents, smooth scroll animations, and a fully responsive design."
Page created with the above prompt:
Privacy Note:
By connecting Claude with Onepage via MCP, data will be processed in accordance with our privacy guidelines. You can review the full details in our Privacy Policy.
💡Do you have any feedback about this article? Please let us know through our live chat or at support@onepage.io, so we may keep it up to date. Thank you! 🙂