How To Edit Sharepoint Page Layout

Editing the page layout in SharePoint is essential for customizing the appearance and functionality of your site. With our step-by-step guide, you’ll become an expert in making the necessary changes to enhance your SharePoint experience.

Customization is key when it comes to creating a user-friendly and efficient workflow on your SharePoint site. By utilizing the powerful SharePoint designer tool, you can easily add or remove web parts, customize columns, tables, and tags, and publish the changes to achieve the desired layout.

Whether you want to rearrange the elements on your page, create a new section, or tweak the styling to match your branding, understanding the intricacies of page layout editing is crucial. By mastering this process, you can optimize your SharePoint site to enhance collaboration and productivity within your organization.

Methods to Edit SharePoint Page Layout

There are multiple approaches to editing the SharePoint page layout, each offering different ways to customize your site. In this section, we’ll walk you through the basic steps and options available for modifying the page layout according to your preferences.

To begin editing the page layout, you need to access your SharePoint account and navigate to the page you want to modify. Once you are on the page, look for the ribbon at the top of the screen. The ribbon contains various options to customize different aspects of the page, including the Page Layout section.

If you prefer a more hands-on approach, you can delve into the world of HTML/CSS codes. By modifying the HTML and CSS codes of the page, you have granular control over the layout elements. This method requires some coding knowledge but offers flexibility in terms of design. Alternatively, you can use the SharePoint Designer tool, which provides a user-friendly interface for editing the page layout.

With the SharePoint Designer, you can easily add or remove web parts, customize columns, tables, and tags, and save your changes. Once you are satisfied with the modifications, you can publish the updated page to make the changes live. It is important to note that making these changes may impact the overall look and functionality of your SharePoint site, so it’s recommended to thoroughly test the layout before publishing.


  1. Access your SharePoint account and navigate to the page you want to edit.
  2. Use the ribbon at the top of the screen to access the Page Layout section.
  3. Modify the layout using HTML/CSS codes or the SharePoint Designer tool.
  4. Add or remove web parts, customize columns, tables, and tags.
  5. Save your changes and publish the updated page.
Method Advantages
Using HTML/CSS Codes – Granular control over layout elements
Flexibility in design
SharePoint Designer Tool – User-friendly interface
– Easily add or remove web parts
– Customize columns, tables, and tags

By familiarizing yourself with the different methods of editing the SharePoint page layout, you can choose the approach that best suits your needs. Whether you prefer a code-based approach or a visual editor, these methods provide you with the flexibility to tailor your SharePoint site to your specific requirements.

Advanced Approaches for Changing Page Layout

If you’re looking for more advanced ways to change the SharePoint page layout, this section explores powerful tools and options that provide greater flexibility and ease of use. Discover how PnP PowerShell, Chrome SP Editor, SPFx Application Customizer, and Office 365 CLI can take your customization efforts to the next level.

PnP PowerShell

PnP PowerShell is a versatile scripting language that allows you to automate and streamline your SharePoint customization tasks. With a wide range of commands and functions, PnP PowerShell enables you to change the page layout programmatically, making bulk updates and modifications a breeze. Whether you want to add web parts, customize columns and tables, or apply specific branding elements, PnP PowerShell provides the flexibility and efficiency you need.

Chrome SP Editor

If you prefer a user-friendly visual interface to edit SharePoint page layouts, the Chrome SP Editor browser extension is an excellent choice. This powerful tool allows you to make changes directly in the browser, with real-time preview and instant feedback. With intuitive drag-and-drop functionality, you can easily rearrange web parts, customize styles, and experiment with different layouts. Chrome SP Editor’s seamless integration with SharePoint makes it a valuable resource for creating visually appealing and functional page layouts.

SPFx Application Customizer

For developers looking to extend the capabilities of SharePoint, the SPFx Application Customizer offers a robust framework for changing page layouts. This open-source development model allows you to create custom components and inject them into the SharePoint user interface. With SPFx Application Customizer, you can leverage your coding skills to craft unique page layouts, incorporating advanced features and functionality. This approach provides the ultimate level of customization and empowers you to create tailor-made experiences for your SharePoint users.

Office 365 CLI

Office 365 CLI is a command-line interface that enables you to interact with SharePoint and Office 365 programmatically. With Office 365 CLI, you can script complex operations for changing page layouts, such as manipulating web parts, managing columns and tables, and applying branding elements. This command-line tool offers a high degree of flexibility and control, allowing you to automate repetitive tasks and streamline your customization workflow. Office 365 CLI is an indispensable resource for developers seeking efficient and scalable ways to modify SharePoint page layouts.

In conclusion, when it comes to advanced approaches for changing the SharePoint page layout, tools like PnP PowerShell, Chrome SP Editor, SPFx Application Customizer, and Office 365 CLI offer a wide range of options. Whether you prefer scripting, visual editing, or customized development, these tools provide the flexibility, ease of use, and efficiency needed to take your customization efforts to the next level.

Benefits of Editing SharePoint Page Layout

Editing the SharePoint page layout offers numerous benefits that go beyond mere customization. Discover how a tailored page layout can enhance usability, streamline workflows, maintain branding consistency, and ultimately boost productivity within your organization.

Customization advantages: By editing the page layout, you have the power to customize the look and feel of your SharePoint site to align with your organization’s unique branding. This creates a cohesive and professional appearance that resonates with both internal and external stakeholders, enhancing your organization’s credibility and reinforcing brand identity.

Improved user experience: A well-designed page layout contributes to an improved user experience. By organizing and presenting information in a clear and intuitive manner, you enable users to navigate through the site easily, find the information they need quickly, and complete tasks efficiently. This enhances user satisfaction, reduces frustration, and encourages engagement and productivity.

Streamlined workflow: Customizing the page layout allows you to optimize the layout and placement of web parts, columns, tables, and tags. By strategically organizing and presenting information, you can streamline workflows by reducing the number of clicks or steps required to access and interact with essential tools, resources, and content. This improves efficiency, saves time, and enables users to focus on their core tasks.

Branding consistency: Consistency in branding is key to establishing a strong and recognizable identity for your organization. By editing the page layout, you can ensure that all pages within your SharePoint site adhere to the same branding guidelines, including colors, fonts, logos, and visual elements. This consistency not only reinforces your brand identity but also instills trust and familiarity among users, promoting a sense of professionalism and cohesion.

In conclusion, editing the SharePoint page layout offers a range of benefits that contribute to a more user-friendly, efficient, and visually appealing SharePoint site. By customizing the layout, you can enhance usability, streamline workflows, maintain branding consistency, and ultimately boost productivity within your organization. Take advantage of the various methods and tools available to tailor your page layout to meet your specific requirements and create a seamless, engaging, and productive digital workspace.

Meet the Author

Abdul Rahim has been working in Information Technology for over two decades. Learn how Abdul got his start as a Tech Blogger , and why he decided to start this Software blog. If you want to send Abdul a quick message, then visit his contact page here.