Welcome to Onepage! If you are here, you have decided to build your websites, landing pages and funnels faster, more modern and more flexible than ever before.
In this first guide we give you an overview of the Onepage ecosystem, our philosophy and the tools that are available to you from now on. This article serves as your first compass before we create and publish your page together, step by step, in the guides that follow.
The philosophy: Why Onepage?
Classic website builders are often rigid, while pure AI code generators are usually hard to operate and can hardly be handed over to clients.
Onepage combines the best of both worlds: maximum design freedom through AI paired with the reliability and simplicity of a visual no-code editor.
Whether you start from scratch, pick one of our templates or generate your content with AI, in the end you always keep full control over your design, your forms and your data.
The 3 pillars of Onepage
To be successful with Onepage, you use three powerful tools that mesh together perfectly:
1. The no-code editor (visual builder)
The visual editor is your foundation. Using intuitive drag-and-drop, you can arrange sections, adjust colours and fonts, embed forms and fine-tune elements down to the millimetre. This is where you have visual control over your project.
2. Onepage AI (Vibe Coding)
With our integrated AI you create complete pages, individual sections, interactive calculators or custom animations in seconds using natural language (prompts).
The advantage over pure AI generators: Every AI-generated element gets its own visual controls. Afterwards, you or your clients can keep editing texts, colours and layouts with no coding knowledge at all in the classic editor.
A page created by a member of the Onepage community:
3. The Onepage MCP Server (for power users)
The Model Context Protocol (MCP) is like a “USB-C port for AI”. It lets you connect Onepage directly to the external AI assistants you already use (such as Claude Desktop, Cursor or Slack). You control Onepage, create pages and manage content straight from your preferred AI tools, and at the same time you spare your Onepage AI credits.
A simple example: You connect the AI tool Claude to Onepage via MCP. After that you can prompt Claude directly in your familiar environment: "Create a landing page for a gym in Onepage for me". Claude then automatically builds the page for you directly in your Onepage account, with no manual copying and pasting!
The hybrid workflow: the fastest way to build
The most effective way to create a new page in Onepage is the hybrid workflow:
Lay the foundation with AI: Generate the basic layout, texts or complex sections with the AI builder (or externally via MCP).
Refine with no-code: Use the visual editor to round off the design, adjust branding colours and arrange sections perfectly.
Transparency: how the Onepage system works
Onepage is a flexible subscription system that grows with your requirements:
Main plan & AI Credits: Your main plan already includes a package of Onepage AI Credits that you can use to generate pages, sections and texts with AI. If you work more intensively with AI, you can top up your credit package flexibly at any time.
Forms & Funnels add-on: For advanced lead generation, complex forms and funnel workflows you can extend your features very easily with an add-on.
Save smartly via MCP: If you use our MCP (Model Context Protocol) with your own AI tools such as Claude or Cursor, your requests run through your external AI subscription, which leaves your Onepage AI Credits completely untouched!
Your roadmap to go-live (steps 2 to 10)
This onboarding is divided into 8 short steps that build on each other. Here is your roadmap for the next articles:
Understanding the terms (landing page vs. website), preparation checklist for media, branding & content.
Organising projects and folders clearly in the dashboard and activating advanced features.
Understanding the Onepage builder interface, managing sections and adjusting global settings.
Designing sections, fine-tuning designs & using AI prompts.
Building multi-step funnels, configuring form logic & setting up lead capture.
Linking Onepage seamlessly with external AI assistants (Claude, Cursor, Slack) for automation.
Adding a legal notice & privacy policy, configuring the cookie banner & setting up SEO/favicon.
How to successfully connect your own domain or subdomain to Onepage.
The final quality test before go-live.
Are you ready? Then let us get started right away with step 2 and finish your preparation!
💡Do you have feedback on this help article? Feel free to share it with us via live chat or at support@onepage.io so we can keep it up to date. 🙂