Updated: 19 minutes ago
A one-page website puts everything visitors need on a single scrolling page: who you are, what you offer, proof that you deliver and one clear next step. Navigation links jump to sections instead of opening new pages.
The format suits portfolios, events, launches and local services, while large stores and content-heavy sites are better served by several pages. This guide covers when to choose one, the main ways to build it and 12 steps from planning sections to testing on a phone.
Turn your idea into a business-ready one-page website. Choose a template or start with AI, then organize your business, portfolio or event into a single scrolling page with anchored navigation, contact forms and calls to action, all with Wix.
TL;DR: how to create a one-page website
A one-page website works when it has one goal, sections stacked in a logical reading order and an anchor menu linking to each one. Start from a one-page template or an AI draft, keep copy short, repeat one call to action and test on mobile before publishing.
You'll learn:
When a single page beats a multi-page site
How templates, AI builders and coding compare
The 12 build steps, from layout to SEO
Which sections and elements to include
How to promote the page after launch
How to build one with Wix
Is a one-page website right for you?
Web design generally follows one of two structures. A one-page website presents everything on a single scrolling web page, so you decide the exact order in which visitors see your story, services and proof.
A multi-page website splits content across a homepage and separate pages, such as services, about and contact. This matches how many people picture the parts of a site, and it gives each topic room to grow.
Long-scrolling pages appear in many lists of the best website layouts because they let you control the order of your web content. They work when that content fits comfortably on one page.
Learn more:
Reasons to create a one-page website
A one-page website is a good fit when:
Your content is short, such as a landing page, resume, photography portfolio, wedding website or event page
You have one clear goal for visitors, such as signing up, booking or buying
You need to launch quickly with limited time or budget
Your content fits naturally into one top-to-bottom story
You want a light page and care about website performance
You want to save time and money on website development
If you need detailed product pages in an online store or plan on creating a blog, a multi-page website is a better fit, since each product or article gets its own page and URL.
Speed is a big part of the appeal. According to Wix State of Websites 2026, the average time to publish a website dropped 50% between 2025 and 2026, from 8 days to just 4. Still deciding on a format? Compare the main types of websites to see which one fits your goal.
Key elements of a one-page website
Before you build, it helps to know the elements that make a one-page website work:
Element | What it does |
Clear visual hierarchy | Guides visitors down the page with distinct sections, headings and contrasting colors so they know where to focus |
Strong call to action (CTA) | Highlights one clear goal and encourages visitors to act, whether that's signing up, booking or buying |
Intuitive navigation | Makes it easy to move through the page, using a sticky menu with anchor links on longer pages |
Mobile-first design | Makes the page look and work well on smaller screens, where many visitors will open it |
Hero section | Captures attention with a headline, a short intro and a visual that communicates your main message |
Engaging visuals | Uses images, icons, graphics or video to make content more appealing and memorable |
Content hierarchy | Organizes information so visitors can scan quickly and understand the most important points first |
Testimonials or social proof | Builds trust with real feedback, reviews or achievements |
Footer | Holds extra information, links and contact details without cluttering the main page |
Ways to build a one-page website
You can build a one-page website with a template, an AI builder, a chat assistant or code. The right choice depends on who will update the page, how much you want to customize it and how comfortable you are with code.
Already know how you'll build it? Skip ahead to the 12 steps.
One-page website builder with templates
A website builder gives you a ready-made one-page layout with sections for a hero, services, testimonials and contact details. You replace the text and photos, adjust colors and fonts, then publish without touching code. The platform handles hosting, security updates and the mobile version.
This suits freelancers, local businesses and event organizers who want to update the page themselves, for example changing opening hours or adding a new date. Check that the template already has an anchored menu and a contact form, since adding them later takes longer than editing what's there.
Build a one-page website with an AI website builder
An AI website builder asks what your page is for, then generates a first draft with sections, text and images. You edit the result like any other site, so the draft is a starting point rather than a finished page. With Wix, the AI Website Builder generates a personalized website from a description of your business, goals, preferred design and required features, and the Wix Editor lets you position elements anywhere on the page with drag-and-drop editing.
It suits people who find a blank page hard to start from, such as a coach launching a new program who needs a page by the weekend. Read every generated sentence before publishing, because AI text can describe services or prices you don't offer.
Wix Harmony is one example. It lets you switch between AI-generated creation and drag-and-drop editing, and Aria, its AI agent, builds pages, rewrites copy and gives web design guidance as you go. Tessa J. McNaboe, a Pilates instructor who built her site with Wix Harmony, describes the balance:
“I like using AI as a starting point. But I need the creative freedom to show my personality. I want site visitors to feel like they’re stepping into my studio.”
Learn more: How to create a website with AI
Create a one-page website with an AI chat assistant
AI chat assistants such as ChatGPT, Claude or Gemini can plan your sections, write first-draft copy and suggest a layout. On their own they produce text and code, not a hosted site, so you still need somewhere to publish.
Some platforms connect directly. You can make a website with Wix in ChatGPT by typing @Wix to get a site plan and a Wix Harmony site, or use Claude with Wix through the official connector to create and manage sites from the chat. This suits people who prefer describing changes in words over clicking through an editor.
Build a one-page website with AI coding tools
AI coding tools such as Base44, Cursor or Claude Code write the HTML, CSS and JavaScript for you from a description, which many people call vibe coding. You get a single-page site built in code that you can change in any way, including custom animations.
You still need hosting, a domain and someone to fix the code when something breaks. This route suits technically confident people, or a designer who wants a scroll effect no template offers. With Wix, for example, you can drag and drop your site files to put a coded page online and add business features later.
Learn more: How to vibe code a website
Use a content management system (CMS) for a one-page website
A content management system (CMS) is software that stores your text and images so you can update them without rebuilding the page. WordPress is a common example. It needs hosting, a theme and plugins for features like forms, and you install updates yourself.
A CMS makes more sense when your single page is likely to grow into a larger site with a blog or news section. For a page that rarely changes, the setup and maintenance can outweigh the benefit.
Hand-code a one-page website
Writing the HTML, CSS and JavaScript yourself gives you full control over every pixel and scroll effect. You also own every fix: hosting, security, the mobile layout and updates when browsers change.
Hand-coding suits developers, students building a portfolio to show their skills and anyone who wants to learn how websites work. A one-page site is a common first project because it needs no page-to-page navigation.
Learn more: How to build a website from scratch
Hire a one-page website designer
A freelance designer or agency handles the layout, structure and setup for you. Before you hire, ask who will update the page after launch and whether you can edit it yourself without paying for every change.
This suits businesses with a fixed launch date or a brand that needs custom illustration or motion. You can find designers who work with Wix on the Wix Marketplace.
Find the best way to create your one-page website
Method | Best for | Who updates the page | Skills needed |
Website builder with templates | Freelancers, local businesses, events | You, in a visual editor | None |
AI website builder | A quick first draft | You, by editing or prompting | None |
AI chat assistants | Planning and copy, or building through a connected platform | You, in the chat or editor | None to basic |
AI coding tools | Custom design and effects | You or a developer, in code | Basic to advanced |
CMS | Pages likely to grow into a larger site | You, in the dashboard | Basic |
Hand-coding | Developers and learners | You, in code | Advanced |
Hiring a professional | Fixed deadlines, custom branding | The designer, or you after handover | None |
How to create a one-page website
Follow these 12 steps in order, from choosing a starting point to checking the finished page on a phone.
01. Choose a one-page website template or build with AI
Templates built for one page already include what a single-page site needs: an anchored menu, a strip for each topic, a social bar and a footer with contact details. Pick one whose layout matches your content, for example a large hero image for a photographer or a text-led first screen for a consultant.
Wix has 900+ one-page website templates within its wider library of website templates, all customizable in the editor. If you'd rather not browse, describe your page to an AI builder and edit the draft it creates.
To understand what customizing a template looks like in practice, we spoke with Gergei Erdei, a former Gucci designer who built his luxury homeware brand on Wix:
"I loved building it myself because I could be obsessive about the details. For a creative person like me, getting the composition and the feel of each page exactly right isn't a small thing. And Wix's drag-and-drop builder made it possible to get that precision without writing a single line of code."
That level of control matters when a site has to represent a brand. Erdei used his site as the credibility behind his pitch to Matches Fashion, which became his first client.
Pro tip: Start with a blank, ready-made section and customize it to fit your content. The editor matches it to your site's overall design so everything stays consistent.
Want your site to feel on-brand? No problem. You can match your logo, fonts and color scheme to your branding guidelines for a polished, professional look.
Dafna Rabin, Wix Templates Design Team Lead
"Once you pick the right layout or template for you, it's really important to take the time to customize all the content. Many people overlook this step. Make sure you remove any unrelated images or paragraphs, and focus on creating a clear flow for the content that tells the story you want to share with your audience."
02. Plan your content layout and define key sections
For a one-page website to shine, organizing your content into clear, scrollable sections is important. Plan a logical flow for your content using a clear visual hierarchy. With everything on one page, your layout needs to be intuitive, guiding visitors seamlessly through your story.
Start by mapping out your website structure. Think about what visitors need to see first, place your most important message above the fold and arrange the rest by priority. Aim for 5 to 10 sections to avoid an endless scroll.
Pro tip: Sketch a quick wireframe before you build. A rough outline of each section, on paper or in a design tool, shows you whether the page reads well from top to bottom and where your CTA should appear again.
A typical one-page website structure includes:
Header with navigation: helps visitors find their way quickly
Hero section: your main message and value proposition
About: introduces your brand or mission
Services or products: shows what you offer
Testimonials or social proof: builds trust
Contact area: a form, location or other contact details
Footer: key links and legal information
Beyond these, you can add sections like:
Meet the team
A photo gallery
FAQs
Keep your content simple and visually appealing. Cut out any unnecessary details and focus on clear, to-the-point text that complements your design and keeps visitors interested.
Learn more: How to plan a website
03. Add scrolling effects
Scrolling effects such as fade-ins, slide-ins and scroll-triggered animations make a one-page website feel more dynamic. Used with restraint, they highlight key sections and guide visitors down the page.
Without some movement or visual contrast, a long single page can feel flat. Parallax scrolling is a common fix: this scroll effect moves background and foreground layers at different speeds to create depth as visitors scroll.
These effects work even in ambitious, fully custom one-page builds. Fabio, a growth manager at Wix, spent four months building a Netflix-themed proposal site for himself in the Wix Editor, complete with a custom preloader animation, a profile selector and scroll animations.
The hardest part was the motion work:
"The motion was the hardest thing I had to do."
For a standard one-page site, start small. Add reveals, fades and zoom-ins to a few sections first, and check that the page still loads quickly on mobile.
Pro tip: To add parallax effects in the Wix Editor, apply a background scrolling effect to a strip, then preview it on desktop and mobile.
04. Create an anchor menu to link each section
One-page websites follow a flat website architecture: each menu item links to a section on the same page rather than to a page of its own. Setting this up takes three steps.
Add anchors to your sections
Add an anchor to each section so visitors can jump straight to it. Many templates include anchors you can rename, move or delete. Use clear labels such as "Services" or "Contact", since they become your menu items.
Connect your menu to the anchors
Link your site's menu to anchors so each menu item scrolls to its section instead of opening a new page.
Keep the menu in view
List menu items in the same order as the sections on the page, so "About" comes first if it's the first section. To keep the menu visible while visitors scroll, use a floating menu or turn on the option to freeze the header in your editor. Keep in mind that the floating in-page menu isn't shown on your mobile site, so also add your anchors to the main site menu to let phone visitors jump between sections.
05. Keep it short: writing concise text
On a one-page website every sentence competes for space. Start with the page's main purpose and what visitors need to know to act on it, then leave out the rest.
Use plain words, short paragraphs and clear section headings. Give each section one job, such as explaining a service or answering a common question, so visitors can scan the page and still follow the story.
06. Make navigation easier
A back-to-top button stays fixed on screen so visitors can return to the menu with one click, however far they've scrolled. On a long page, easy navigation keeps people exploring instead of leaving, which can help lower your bounce rate.
07. Implement a strong CTA
Your one-page website should lead visitors toward one main goal, and a strong call to action (CTA) is how you ask for it.
Place your main CTA above the fold, where visitors see it before scrolling, and repeat it near the end of the page. To shorten the path, connect it to an anchor so a "Contact me" button scrolls straight to your contact section.
Make sure the buttons are bright and easy to spot, so visitors don't have to search for them. More importantly, ensure the text on the buttons is clear. Visitors should know exactly what will happen when they click on a button and where it will take them. Otherwise, they'll never click. Small tweaks like these can make all the difference in bringing your visitors through your funnel.
— Amanda Weiner, GEO/AEO Team Lead at Wix
A focused CTA is most powerful when the whole page is built around a single action. Freya Simonne and her partner took that idea to its logical conclusion for their bespoke tailoring brand, Shaun Oliver, in Berkhamsted, UK.
Their site sells nothing directly. Its entire job is to drive one action: booking an appointment.
"Visit our website and you won't find a single product for sale. For a bespoke high-end brand like ours, I believe a website's goal shouldn't be to sell a product, but rather, to sell an experience."
By making the appointment request form the only path forward, Shaun Oliver reports near 100% conversion from inquiry to sale. It shows what one focused CTA can do on a one-page layout.
08. Bring your one-page site to life with visuals
When space is limited, high-quality images, videos and graphics carry much of your message at a glance.
Start by picking visuals that reflect your brand and purpose. A bold hero image or a captivating background video can create a strong first impression, while icons, infographics or custom illustrations break up text and make your content easier to digest.
The key? Balance. Avoid overloading your page with visuals. Use whitespace to keep your design clean and give your content room to breathe. And don’t forget: optimized images are a must for fast loading times, especially on mobile.
Want to make your site even more dynamic? Add subtle animations or scroll-triggered effects to create an interactive experience that keeps visitors engaged.
09. Include a rich footer
Your website footer might sit at the bottom of the page, but it's prime real estate for important details. Visitors often scroll down to find contact information, so include up-to-date phone numbers, email addresses and links to your social media profiles.
You can also add business hours, a privacy policy and terms and conditions if needed.
Running a brick-and-mortar? Adding a map to your footer makes it even easier for customers to find you. Think of your footer as a helpful mini-directory that ties everything together seamlessly.
10. Incorporate your social media accounts
Linking your social media accounts connects your page to the places your audience already follows you and can help increase social media engagement.
Add a social bar
A social bar shows icons that link to your profiles. With Wix, you can restyle the icons and pin the bar to the screen (right-click it in the editor and select Pin to Screen) so it stays visible as visitors scroll.
Embed your Instagram feed
Embedding your Instagram feed shows your latest posts in a layout you choose, which keeps a one-page site feeling current without extra editing.
11. Apply SEO best practices
Search engine optimization (SEO) is the work of making your page easy for search engines to understand, so it can appear when people search for what you offer.
Start by making sure Google can find and index your page. Built-in SEO features help with the technical setup, such as indexing and meta tags. Then choose the search terms your audience uses and work them naturally into your headings and section text.
Worth knowing: a one-page site has a single URL, so it can target fewer search terms than a site with several pages. Give the page one main topic, and if you need to be found for many separate services, consider adding a page for each.
Leonie Schmid, Strategic Lead for Organic Growth at Wix
"Google has become very good at understanding and analyzing the searchers behavior and knows when user intent is satisfied and when not. Therefore, creating high-quality and relevant content that satisfies user intent is essential for achieving high search rankings."
Pro tip: Want to go deeper? The Wix SEO Learning Hub has expert tips and in-depth best practices.
12. Make your one-page website mobile-friendly
Many visitors will open your page on a phone. With Google's mobile-first indexing, Google also uses the mobile version of a page for indexing and ranking.
What does this mean for your website? Your one-page website needs to look and work just as smoothly on mobile as it does on desktop. Luckily, the streamlined design of one-page sites makes this easier than you might think.
Pro tip: Wix creates a mobile version of your site automatically. Switch to the mobile view in the editor to preview it, then hide or rearrange elements that feel crowded on a small screen. For full control over every screen size, you can build a responsive site with Wix Studio.
Improve your mobile experience with a quick action bar. Since the social bar doesn’t appear on mobile sites, this bar triggers readers to search your website for information such as your contact info.
Looking for inspiration for your one-page site? Check out these best one-page websites to help you get started. Or look to these website examples for further web design inspiration.
Here's a quick one-page website checklist to make sure you've got it all covered:
How to make a one-page website | Checklist |
1. Choose a one-page website template | Start with a layout that fits your style and goals |
2. Plan your content layout and define key sections | Make sure information flows logically for visitors |
3. Add scrolling effects | Make your site feel dynamic and engaging |
4. Create an anchor menu to link each section | Make navigation smooth and intuitive |
5. Keep text concise | Help visitors quickly understand your message |
6. Make navigation easier | Make it simple for visitors to move through the page |
7. Add strong calls to action | Guide visitors to take the next step |
8. Use visuals to bring your site to life | Make your site more engaging with images, icons and graphics |
9. Include a rich footer | Give visitors extra information, links or contact details |
10. Link your social media accounts | Connect with your audience across platforms |
11. Apply SEO best practices | Make your page easier to find in search results |
12. Make your site mobile-friendly | Make sure it looks and works well on any device |
How to promote a one-page website
Promoting a one-page website can be simple and effective with the right approach. Start by using social media to drive traffic. Share your link on platforms like Instagram, Facebook and LinkedIn, and create engaging posts with eye-catching visuals to grab attention.
Short-form video on TikTok or X can extend your reach too. Add a clear call to action that sends people back to your page, then track which posts drive website traffic and adjust your plan.
You can also use paid ads to increase visibility. Platforms like Google Ads and social media ads let you reach your ideal audience directly.
Use precise targeting and test different messages to see what resonates. Combining these channels helps you promote your one-page site while keeping your audience informed.
How to build a one-page website with Wix
Wix gives you several starting points for a one-page site: a one-page template, a draft generated by Wix Harmony or a chat in ChatGPT or Claude. Whichever you choose, the page runs on Wix hosting with a secure connection.
Design and edit the page
Templates and Wix Harmony both open in an editor where you can move sections, add anchors and adjust the mobile view by hand. Aria, Harmony's AI agent, can generate sections, rewrite copy and answer questions such as how to connect your domain or whether your site is accessible.
Add business features to a single page
A one-page site can still take bookings, sell products or sell tickets. You can add a contact form, a booking calendar with Wix Bookings, a small store or event registration, so visitors act without leaving the page. Connect a domain to publish under your own name.
Grow beyond one page
If your business grows, you can add pages, a blog or a full store to the same site without starting over. Designers building one-page sites for clients can work in Wix Studio.
Why trust Wix’s experts?
This article was written by Wix’s in-house team, with years of experience helping people turn their ideas into successful websites. Every tip, template recommendation and example comes from real Wix projects, aimed at helping you launch a site that looks polished, functions smoothly and supports your long-term goals.
We’ve worked with millions of creators, entrepreneurs and business owners to bring their visions online. Our team keeps up with the latest in design, user experience and SEO, so the guidance you get is practical, actionable and proven to work in real-world projects.
Consider this blog your go-to resource for every step of your website journey, from creating your first page to growing a site that reaches your audience and evolves with your goals.
One-page website FAQ
Is a one-page website professional enough?
Yes, if it's well designed and easy to use. Keep the copy focused, the design consistent and the page fast on mobile, and give visitors one clear next step.
Are one-page websites good?
They work well for a simple message or a single goal, such as a portfolio, event or service launch. They're less suited to businesses that need to organize a lot of content.
What are the pros and cons of one-page websites?
Pros: they're simple to navigate, quick to build, easy to adapt for mobile and keep visitors focused on one goal. Cons: they hold less content, target fewer search terms with a single URL and can get crowded as your business grows.
What are some best practices for one-page website SEO?
Choose one main topic and the search terms your audience uses. Use clear headings for each section, write descriptive alt text for images, keep the page fast and submit your site to Google Search Console so it can be indexed.
How can I promote my one-page website?
Share it on your social media profiles, add it to your email signature and bios, run targeted ads and ask partners or directories to link to it. Track which channels send visitors and focus on those.
How much does a one-page website cost?
It depends on how you build it. A website builder can cost nothing to start, with paid plans for a custom domain and business features. Hiring a designer or developer costs more, and coded sites also need separate hosting and a domain.
Can I create a one-page website for free?
Yes. Website builders such as Wix let you create and publish a site on a free plan. Paid plans add features such as a custom domain.
Is it better to create a website with one page or several?
It depends on your content and goals. One page suits simple information, portfolios and single offers. Several pages suit businesses with many services, products or articles, since each topic gets its own page.
How long should a one-page website be?
Long enough to answer what visitors need before acting, and no longer. A typical one-page site covers an introduction, services or work, proof such as testimonials and contact details. Cut any section that doesn't support the page's main goal.
Can one-page websites rank well in search engines?
They can for a focused topic. Strong content, clear headings, good performance and links from other websites all help, but a single page can target fewer search terms than a multi-page site.
Are one-page websites mobile-friendly?
They can be, as long as the template or design is responsive. A single scrolling page is often easier to adapt to small screens, but test anchors, forms and buttons on a phone before publishing.
Can I add more pages to a one-page website later?
Yes. On website builders such as Wix, you can add pages to the same site at any time, then update your menu so anchor links and links to new pages work together.
What are the limitations of one-page websites?
They offer less room for in-depth content, can be harder to expand and target fewer search terms. If you expect to add many products, services or articles, plan for a multi-page site.
