1. Home
  2. Docs
  3. Content management
  4. Creating One Page

Creating One Page

To create a functional one-page site you have to do 3 steps:

  1. Create your page content.
  2. Divide content into sections with unique IDs.
  3. Create a menu for your one-page.

Create your page content

Step 1 is something you have to do on your own.

However, you can use one of our Designs, for example, this, to speed up this process.

Divide content into sections with unique IDs

Dividing into sections means, to put your content into containers that will have unique IDs. Thanks to this your visitor will be able to easily navigate your one-page.

Let’s see how to do it using Elementor.

Adding IDs with Elementor page builder

Dividing your content into sections is explained deeply in Elementor documentation, so let’s skip it.

We will show you where to add your unique ID.

First, you have to edit section as shown on below image.

How to edit section in Elementor
How to edit section in Elementor

After this, in Elementor panel we go to Advanced → Element Style → CSS ID and there you enter your unique ID. See below image:

How to edit section ID in Elementor
How to edit section ID in Elementor

Now, this ID can be used in the menu for navigation.

Adding IDs with WPBakery page builder

In WPBakery Page builder each section is a row, and that is where you can set your section ID.

So first you have to edit row:

Click on pencil to edit row
Editing row in WPBakery

After this, in the new popup, we go to General → Row ID and there you enter your unique ID. See below image:

Type your row ID in Row ID field
Type your row ID in Row ID field

Now, this ID can be used in the menu for navigation.

Create a menu for your one-page

After you have created all your sections with IDs, it is time to create the menu for your one-page.

This subject is well explained here.

Was this article helpful to you? Yes 1 No