Build your first page

This tutorial creates one introductory section containing a title, short text, and a button. It is for editors who can create or edit WordPress pages.

Prepare the content

Before opening the builder, collect:

• a page title;
• one clear introductory heading;
• one or two short paragraphs;
• a button label and destination URL.

1. Create a draft

1. Go to Pages → Add New.
2. Enter the WordPress page title.
3. Open Page Builder and choose Backend Editor.
4. Begin with an empty canvas.
5. Save the page as a draft.

2. Create the section

1. Select Add new element.
2. Add a Row.
3. Keep its single full-width column.
4. Select Edit this row.
5. Add vertical padding in the row's Spacing settings.
6. Save the row settings.

The row defines the section; its column is the valid parent for the content.

3. Add the content

Use Append to this column for each component:

1. Add Title, enter the introductory heading, and choose the semantically correct heading level.
2. Add Text Block and enter the prepared paragraphs.
3. Add Button, enter an action-oriented label, and set its destination.

Save each component dialog. Use heading levels to describe the page outline, not to obtain a particular font size.

4. Check the canvas

The section should read in this order:

1. Title
2. Text Block
3. Button

Move a component if the order is different. Do not use empty Text Blocks or repeated line breaks to separate the three items.

5. Preview the page

1. Update the draft.
2. Open Preview.
3. Check the heading, copy, and button at a wide viewport.
4. Check again below 992 px, below 768 px, and below 544 px.
5. Follow the button and confirm its destination.
6. Return to the editor and correct any problem.

6. Publish and verify

Select Publish when the page is ready, then open its public URL in a private browser window.

The task is complete when:

• the intended visitor can open the page;
• the content order remains logical on a narrow screen;
• the button works;
• no placeholder copy remains;
• the page works without editor controls or a logged-in session.

Next, learn how to build multi-column sections in Rows, columns, spacing, and responsive design.