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".
(Sometimes, a pop-up window may appear asking you to add a custom connector. If this happens, simply close the window. If you do not see this pop-up, go directly to "Add" to search for connectors.)
Step 3
Click on the right side on "Add" and then on "Browse connectors".
Step 4
Now search for Onepage.
Then click on "Onepage".
Now, click on "Connect".
You will be redirected and must log in to Onepage.
Once you add your Onepage credentials successfully, 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.
Troubleshooting Authorization Issues
If the error message "Authorization failed" appears during the connection process, it usually means that your session has expired, your login credentials are incorrect, or the required permissions are missing.
Quick Fix:
Disconnect and re-authenticate your account.
Make sure you are logging in with the correct Onepage account.
Make sure Claude is not open multiple times (for example, in multiple tabs or browser windows). If necessary, close all Claude tabs and try connecting again.
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.
Multiple Claude Accounts: You can link multiple Claude accounts to the same Onepage account using OAuth. However, note that conversation histories and "Memories" are specific to each Claude account and cannot be shared across accounts.
💡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! 🙂