Welcome to step 2! In this article, we lay the foundation for your success with Onepage. We clarify the most important terms and prepare your media and content step by step.
1. Key terms: understanding the Onepage architecture
Before you get started, it is important to understand how Onepage structures your content and which tools are available to you. That way, you make the right decision for your setup right from the start.
Editor
The visual tool and your building kit in Onepage. This is where you design your pages, add sections, edit text via drag-and-drop, and refine your designs.
Project
The overarching umbrella in your dashboard. Each project represents a company, a brand, or a client. Within a project you manage:
All associated pages & subpages
Global branding settings (fonts & color palettes)
The central media library
Linked domains & form leads
Landing page
A highly specialized standalone solution. Its sole purpose is to turn visitors from ads (Google Ads, Meta Ads) or campaigns into leads or buyers. It intentionally avoids unnecessary distractions.
Funnels & multi-step forms
A targeted visitor journey across several steps (e.g. qualification questionnaires) to collect contact details playfully and with a high conversion rate.
You can find more information on this here.
Linktree / bio link page
A compact overview page (ideal for social media profiles such as Instagram or TikTok) for directing visitors to your most important links, offers or forms.
You can find more information about Linktree here.
Website (multi-page)
Your digital business card on the web. It presents your entire company with all its services, team members and background in a structured way.
Subpage
Individual content pages within a multi-page website (e.g. /about-us, /services, /contact, /legal-notice).
2. Landing page vs. website: when do you use which?
Many beginners try to cram everything onto a single page, or build a complex website when a simple landing page would actually be far more effective.
One central term here is the CTA (call-to-action).
A CTA describes the specific action a visitor should take on your page, usually presented as a prominent button (e.g. "Book your initial consultation now" or "Download the e-book").
While a landing page is consistently geared towards a single CTA, a classic website offers various paths and links.
Characteristic | Landing page (performance focus) | Multi-page website (information focus) |
Main goal | Conversion: trigger 1 specific action (lead or sale) | Information: present the company comprehensively |
Navigation | No main navigation: visitors should not leave the page, but use the CTA instead | Classic menu: visitors can move freely between the various subpages |
Offers | Exactly 1 offer: no distraction from secondary offers | Several offers: shows the entire service portfolio |
Main traffic | Paid ads (Google Ads, social ads, newsletters) | Organic search (SEO), direct domain entry, referrals |
Measurability | Very high: ad spend can be matched exactly against the leads/sales generated | Medium: primarily measures time on page, views, and general enquiries |
3. What makes a landing page successful? (conversion anatomy)
Onepage provides you with conversion-optimized templates. To adapt them ideally, you should know the 4 key elements of a high-converting page:
The hero area (topmost section): The first impression is decided within seconds. You need a captivating headline, a short explanation of the value (subheadline), and the first visible call-to-action (CTA).
Clear CTA (call-to-action): Use unambiguous wording on your buttons. Instead of "Submit", write "Book your free initial consultation now" or "Download the e-book for free". All main buttons on the landing page should point to the same goal.
Trust & validation (social proof): Customer testimonials, quotes, certificates or "as seen in" logos take away visitors' doubts and boost the sign-up rate enormously.
Frictionless forms: The more data you ask for, the fewer people fill out the form. In the beginning, limit yourself to the most essential fields (e.g. name & email).
4. Your preparation checklist
The more complete your materials are in advance, the faster your finished page will be ready.
A. Preparing media & branding
Logo: Ideally have your logo ready as an SVG or a high-resolution PNG with a transparent background (ideally one light variant for dark sections and one dark variant for light sections).
Think about your color concept: As soon as you create your project in the Editor, you can define global colors. Think about the shades you want in advance:
Light: Background color for light containers.
Primary: The central accent color (used primarily for buttons & CTAs).
Secondary: Complementary accent color for icons, highlights or bullet points.
Dark: Main text color and background for dark sections.
Fonts (typography): Onepage offers ready-made font pairings. If you use your own fonts, have the files ready (WOFF2, WOFF, TTF and OTF up to max. 10 MB are supported).
Images & graphics: Upload your own image files (max. 25 MB / 50 megapixels per file) or access the free Unsplash image library directly in the Editor.
B. Structuring content & legal information
Define your main goal/CTA: Which form, which offer or which link should the visitor primarily use?
Prepare legal texts: For a complete legal notice and privacy policy you can use generators such as e-Recht24. They will be linked later as their own subpages.
Text drafts: Bullet points on your arguments and offers.
💡Tip: You don't have to phrase every sentence perfectly in advance. You can later have your first bullet points turned into finished texts, rewritten or optimized in the Editor by the Onepage AI Writer. You can find a detailed explanation here: AI Writer for your content
Is your planning in place and are your branding assets ready? Then let's bring some order to your dashboard in the next step and unlock Pro Mode!
💡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. 🙂