Wix Editor: Creating a One-Page Site
Updated: 7 days ago
Single page sites are often very impressive due to their simplicity and organization. They look modern and minimalist and are a great way to grab your site visitors' attention. Learn more about the Wix one-page website builder.
Wix offers many one-page templates that you can use. To get started, hover over any of our templates here and click Edit.
One-page sites vs. multi-page sites
One-page sites only have one-page that contains all the site content. This is different to regular sites which usually have several pages.
A one-page site is split into blocks of content, and as you scroll down the page, you can view the different areas:
Creating a menu for a one-page site
As the sites only have one page, they do not contain a pages menu like a regular site. Instead, we recommend that you set up a menu that links to your page sections and anchors.
Learn more
There are two options for creating a menu:
Using a regular menu with anchors and sections (can be vertical or horizontal)
Using an in-page menu with anchors and sections (always vertical)
Both of these menu options use anchors and sections to help your site visitors navigate around the content of your site.
Using sections on one-page sites
Sections are the building blocks of your site. Use them to organize, separate, and display content so visitors can easily navigate and find relevant and interesting content. Sections can be renamed and added to your menu, so visitors don't need to scroll to find what they need. Learn more about sections
There a variety of pre-designed options available to help you build an informative and aligned site, or you can start from scratch.
Show me how
Click Add Section
on the left site of the Editor.
Click a category.
Click or drag the section to add it to your site.
Using strips on one-page sites
As an alternative to sections, you can use strips to build your site.
From the Add panel, you can choose from a variety of pre-designed and fully customizable strips to display your site's content and information.
Show me how
Click Add Elements
on the left side of the Editor.
Click Strip.
Select the type of strip you want to add.
Drag a strip element on to your page.
(Optional) Link to the strip from your menu:
What's next?
Add stunning images and videos to your strips to make them really awesome, and even add parallax scrolling to give your site that extra wow factor.
As your site may be quite long, you may want to add a back to top button. Click here to learn more.
Using anchors on one-page sites
Sections you've added to your site do not need anchors. However, you can add anchors to mark important content that is not part of a section, such as strips or galleries.
Once you're done building the page, you can place an anchor at the top of each of these elements and add links to your menu, so visitors can easily navigate through your page.
Click an option below to learn more about using anchors on your site.
Add anchors to your page
Add anchors to your page's strips and sections to direct your visitors to important and relevant information on your site. Some commonly used anchors are 'About Us' and 'Contact Details'.
Click Add Elements
on the left side of the Editor.
Click Menu & Anchor.
Click the anchor under In-Page Navigation, or drag it the relevant location on your page.
Click the anchor and click Rename.
Repeat steps 1-4 for each section you wish to mark on your site.
Note: We recommend attaching no more than one anchor to a strip or page segment. Attaching more than one may cause issues for visitors that rely on keyboards to navigate.
Arrange anchors in the layers panel
After placing anchors on your site pages, open the Layers panel to arrange them. Your anchors should be placed right above the relevant strip or section – this ensures that visitors with disabilities or impairments are able to navigate to the correct sections.
Click the Layers icon
on the bottom of the Editor.
Drag each anchor to be before the strip / section that it's attached to.
Repeat steps 1-2 on the Mobile Editor.
Rearranging your page's content
As a one-page site is built in blocks, it's much easier to rearrange your content whenever needed.
To see your page's sections and blocks, click the Zoom out icon
on the top bar of the Editor. Click and drag the page sections and blocks to reorder them.
Want to learn more?
Check out our full guide on creating a one-page website to get tips and find out if a one-page site is right for you.
This article is credited to the Wix team - https://support.wix.com/ and we thank them for that!
Comments