Wondering how to create a new page in WordPress Elementor? This guide will walk you through every step, from setting up a blank page to using pre-built templates, so you can design a professional website easily with Elementor's drag and drop features.
Elementor is one of the most popular page builders for WordPress, making it accessible for users of all skill levels to craft visually appealing web pages without writing a single line of code.
Start a New Page in WordPress
Before diving into the Elementor editor, you need to create a standard WordPress page first. This is the foundation where you'll apply the Elementor page builder. Understanding how to add a new page to WordPress with Elementor ensures your project starts with a clean and organized structure.
- Go to your WordPress dashboard
- Click Pages > Add New
- Give your page a title (e.g., "About Us" or "Landing Page")
- Click Edit with Elementor to launch the Elementor editor
- Optional: Set the page attributes such as parent page or order for hierarchical navigation
Understanding the Elementor Interface
Once the Elementor editor opens, you’re greeted with a blank canvas and a sidebar of widgets. This interface is where you build and customize your page layout. The clean separation between content and design helps streamline the creative process, making it ideal for WordPress page creation with Elementor.
| Elementor Feature | Description |
|---|---|
| Widgets Panel | Contains elements like text, images, buttons, icons, and custom HTML. |
| Preview Area | Your visual workspace to drag and place content blocks for real-time layout building. |
| Settings Gear | Access page settings like title, status, layout, and hide title options. |
You can also use the Navigator tool to manage complex page structures and layers, especially helpful when working with multiple nested sections.
Designing and Building the Page
You can now begin building pages with Elementor plugin by dragging widgets into the layout area. This step allows for maximum flexibility and creativity as you define your website's look and feel.
- Click the “+” icon to add a new section
- Choose your desired column structure based on your layout goals
- Drag elements like Heading, Image, or Button into the section
- Use the Style tab to refine colors, fonts, padding, and margins
- Repeat for multiple sections to build out complete page content
Using Elementor Templates
Elementor offers a variety of pre-made templates that help you create a page from a template in Elementor with minimal effort. These templates are especially useful for beginners or for those who want to maintain brand consistency across several pages.
- In the editor, click the Folder icon to open the Template Library
- Browse free and Pro templates categorized by landing pages, homepages, about sections, and more
- Select a design and click Insert. Elementor will import the entire layout including demo content
- Edit the imported elements to match your brand's colors, fonts, and messaging
- Save your edited design as a template for reuse on other pages
Customize the New Page in Elementor
With your layout in place, you can fine-tune every element to personalize the design. Elementor’s flexibility lets you control the visual and responsive behavior of every widget.
- Adjust colors, fonts, and borders from the Style tab to align with your branding
- Add motion effects from the Advanced tab, including entrance animations and parallax
- Use global settings to manage typography and colors site-wide for design consistency
- Enable responsive settings to tweak layout visibility on mobile and tablet views
How to Publish Your Elementor Page
After completing the design, it’s time to publish your work and make it live. Publishing in Elementor is straightforward and allows real-time previews before going public.
- Click the green Publish button in the bottom-left corner
- Set visibility to Public, Private, or Password Protected as needed
- Click View Page to preview your live page
- Add the page to a menu under Appearance > Menus for navigation
Create a Landing Page with Elementor
Landing pages often have unique layouts without headers or footers. Elementor makes this simple with its full-width blank canvas option. These pages are ideal for marketing campaigns, product launches, or lead generation.
- Open a new page with Elementor
- Click the gear icon in the bottom-left to open Page Settings
- Under Page Layout, select Elementor Canvas for a blank slate
- Build your content using hero sections, testimonials, and call-to-action blocks
- Integrate forms or third-party tools for email capture and analytics
Useful Links
Create Pages – WordPress Documentation – Learn how to create a new page in WordPress, including setting titles and organizing page attributes.
Explore the Elementor Editor – Get an overview of the Elementor editor interface, including widgets panel, preview area, and settings.
How to Use Elementor Template Library – Discover how to access and insert pre-designed templates into your pages using Elementor's Template Library.
Preview & Publish Your Page – Understand how to preview and publish your Elementor-designed pages effectively.
Use the Elementor Canvas Page Layout – Learn how to create a landing page with a blank canvas layout, removing headers and footers for a clean design.
90+ Top widgets to Achieve Your Goals with WordPress!
Elfsight created dozens of useful widgets to make your website more attractive and boost its performance in so many ways. Try these no-code solutions for free on WordPress!
Conclusion
Whether you start from scratch or use a pre-designed template, learning how to create a page with Elementor opens up powerful customization options for your website. Elementor is ideal for both novice and professional web designers, offering flexibility, speed, and visual design freedom.
By following this guide, you’ll be better equipped to create engaging, optimized, and mobile-friendly pages that align with your website goals.
