Webflow Basics

How to add a new page in Webflow

daniel quaranta webflow developer
written by
Daniel Quaranta

Webflow has become a go-to platform for designing and developing websites without the need for complex coding. One of the fundamental building blocks of a website is its pages. In this tutorial, we'll guide you through the process of adding a new page to your Webflow project. Whether you're expanding your site's content or crafting unique landing pages, this step-by-step guide will help you seamlessly create new pages.

Step 1: Log In to Your Webflow Account

Ensure that you're logged in to your Webflow account. If you're not already a user, sign up to access Webflow's powerful features.

Step 2: Open Your Project

Once logged in, access your Webflow dashboard and select the specific project in which you want to add a new page. Click on the project to enter its dashboard.

Step 3: Navigate to the Pages Panel

Within your project dashboard, you'll find a sidebar on the left. Look for the "Pages" tab and click on it to reveal the Pages panel. This panel displays all the pages you've created within the project.

Step 4: Add a New Page

In the Pages panel, you'll notice an option to "Add New Page." Click on this button to initiate the process of adding a new page to your project.

Step 5: Choose a Starting Point

When you click "Add New Page," Webflow will prompt you to choose a starting point for your new page. You have several options here:

  • Blank Page: Start with a blank canvas and build your page from scratch.
  • Copy from Existing Page: Choose an existing page to duplicate its content and structure.
  • Template: Select from a range of Webflow's pre-designed templates to kickstart your new page.

Choose the option that best suits your needs. For this tutorial, we'll select the "Blank Page" option.

Step 6: Name Your New Page

After selecting your starting point, you'll need to give your new page a name. This name will be used to identify the page within your project and can also contribute to SEO.

Step 7: Customize Your New Page

With the new page created, you'll be taken to the Webflow designer interface. Here, you can start customizing your new page by adding elements, arranging layout, and applying styles.

Step 8: Save Your Changes

As you make modifications to your new page, remember to save your work regularly. Webflow's autosave feature helps keep your progress intact, but clicking the "Save" button ensures your changes are preserved.

Step 9: Preview and Fine-Tune

Before publishing your new page, utilize the preview mode to see how it looks and behaves. This is an ideal time to fine-tune your layout, styling, and interactions.

Step 10: Publish Your New Page

Once you're satisfied with your new page, hit the "Publish" button to make it live on the web. Your new page is now accessible to your website's visitors.

Conclusion

Adding a new page in Webflow is a foundational skill that empowers you to expand and enhance your website's content and functionality. With this step-by-step tutorial, you're equipped to confidently create new pages from scratch or based on existing templates. Whether you're a beginner or an experienced designer, Webflow's user-friendly interface makes the process seamless, allowing you to bring your creative vision to life on the web.

More Webflow tutorials

Webflow Basics
1 min read

How to duplicate a page in Webflow

daniel quaranta webflow developer
written by
Daniel Quaranta
Read more
Webflow CMS
1 min read

How to delete CMS collection in Webflow

daniel quaranta webflow developer
written by
Daniel Quaranta
Read more
Webflow Basics
1 min read

Webflow: How to change tab name

daniel quaranta webflow developer
written by
Daniel Quaranta
Read more
Webflow Basics
1 min read

How to hide a section on mobile in Webflow

daniel quaranta webflow developer
written by
Daniel Quaranta
Read more
Webflow Account
3 min read

Can Webflow be Self-Hosted

daniel quaranta webflow developer
written by
Daniel Quaranta
Read more
Webflow Basics
3 min read

How to set z-index in Webflow

daniel quaranta webflow developer
written by
Daniel Quaranta
Read more