Do you want to work in Onepage even faster, or are you already using AI assistants in your everyday work?
With the Model Context Protocol (MCP) you build a direct bridge between Onepage and your external AI tools.
In this guide we show you how MCP works, which options it opens up for you and how to connect your favorite tools.
1. What is MCP and what benefits does it bring you?
MCP is a powerful connection between Onepage and the AI assistants you already use every day outside our platform. Instead of working exclusively in the built-in editor, you can now use your own external AI assistant to control Onepage, create pages, and manage content for you.
Save Onepage AI credits: Because the AI computation runs through your own subscription to the respective tool (e.g. Claude Pro), your Onepage AI credits remain completely untouched.
Control it in everyday language: Create new subpages, adjust layouts, change colors or upload media, simply with a chat command.
Maximum flexibility: Work in exactly the environment you like using most in your everyday work.
2. Example from practice: this is what working with MCP looks like
To give you an idea of how easy it is to control, here is a typical example from practice using Claude:
Your prompt in Claude:
“Create a modern hero section for me with a glowing neon purple background, a glass card overlay (glassmorphism), a dynamic call-to-action button and floating animations for the product image.”
The result:
Claude processes your specifications, creates the complete styling including color values and effects, and hands the finished section over to your Onepage project directly via MCP.
You briefly reload your Onepage page, and your stylish, animated hero section is live straight away!
Final Result:
If there is a detail you are not yet 100% happy with, you simply write back briefly:
"Make the button neon yellow on hover"
and the AI adjusts it immediately.
Prompt in Claude:
Result:
3. What can you do with MCP?
Page & section management: Create, change, publish or take pages offline, or build custom Vibe Sections.
Design & branding: Adjust colors, fonts and global layouts by prompt.
Shopify integration: Read products straight from your Shopify store and embed them in Onepage sections.
Advanced AI media & visuals: Generate AI images and videos via Higgsfield AI and insert them into Onepage directly through Claude.
Workflows & automation: Create and update pages automatically via no-code platforms such as n8n.
4. Step by step: connecting your tool to Onepage
Setup takes only a few minutes. Simply choose the guide that matches your preferred setup:
Connect Claude with Onepage MCP: The most popular route for everyday prompts in Claude Desktop.
Connect Cursor with Onepage MCP: Perfect for developers and power users.
Connect Codex with Onepage MCP: Integrate Onepage directly into your Codex workflows.
Connect Slack, Claude & Onepage MCP: Control your website creation straight from your Slack channels.
Integrate Shopify into Onepage via MCP: Connect your e-commerce shop for seamless product sections.
Use Higgsfield AI via Claude: Generate AI media and insert it directly.
Create Onepage pages with n8n: Automate the creation of entire websites via custom workflows.
You can find an overview of all detailed guides in our MCP Knowledge Base Collection.
Conclusion & next steps
The Model Context Protocol opens the door to completely new, automated workflows. Whether you just want to restyle a section via chat or control complex processes through external AI tools, MCP gives you the freedom to do so.
Once your page is up and your workflows are ready, the next step is to take care of the legal basics and your findability on Google.
💡 Do you have feedback on this help article? Feel free to share it with us via live chat or at support@onepage.io so that we can keep it up to date. 🙂