A computer screen displaying a cms page creation interface in magento 2

WordPress , How to create a CMS page in Magento 2 and add its link to top navigation menu

How to create a CMS page in Magento 2 and add its link to top navigation menu

In this tutorial, we will explore the process of creating a CMS page in Magento 2 and adding its link to the top navigation menu. Magento 2 CMS (Content Management System) is a powerful tool that allows you to create and manage pages on your website easily. By utilizing CMS pages, you can provide valuable information, showcase new products, or promote special offers to your customers.

Understanding Magento 2 CMS

Before diving into the process of creating a CMS page, let’s take a moment to understand the key features and importance of Magento 2 CMS.

Magento 2 CMS is a powerful content management system that empowers website owners to create and manage their website’s content with ease. It offers a wide range of features that allow you to customize your website’s content and layout effectively.

Key Features of Magento 2 CMS

Magento 2 CMS comes equipped with a plethora of features that make content creation and management a breeze. These features include:

  • Drag-and-drop functionality for easy page creation: With Magento 2 CMS, you can easily create new pages by simply dragging and dropping content elements onto the page. This intuitive interface makes it simple for even non-technical users to create stunning web pages.
  • Flexible content management options: Magento 2 CMS provides a flexible and user-friendly interface for managing your website’s content. You can easily edit, update, and organize your content, ensuring that your website always stays fresh and relevant.
  • Integration with third-party extensions: Magento 2 CMS seamlessly integrates with a wide range of third-party extensions, allowing you to extend the functionality of your website. Whether you need to add a blog, a photo gallery, or an e-commerce store, Magento 2 CMS has got you covered.
  • SEO-friendly URLs: Magento 2 CMS automatically generates SEO-friendly URLs for your CMS pages, making it easier for search engines to crawl and index your website. This helps improve the visibility of your website in search engine results, driving more organic traffic to your site.

Importance of CMS Pages in Magento 2

CMS pages play a vital role in enhancing the user experience on your Magento 2 website. They allow you to provide additional information, such as FAQs, shipping details, or about us pages, which can help build trust and credibility with your customers.

By creating informative and engaging CMS pages, you can provide valuable information to your customers, answer their questions, and address their concerns. This not only helps improve the overall user experience but also increases the likelihood of conversions and repeat purchases.

Additionally, CMS pages can be optimized for search engines, improving the visibility of your website and attracting more organic traffic. By incorporating relevant keywords, meta tags, and well-structured content, you can increase your website’s chances of ranking higher in search engine results.

Furthermore, Magento 2 CMS allows you to create multiple versions of the same CMS page, tailored to different customer segments. This enables you to deliver personalized content to specific groups of users, enhancing their experience and increasing their engagement with your website.

In conclusion, Magento 2 CMS is a powerful tool that offers a wide range of features to help you create and manage your website’s content effectively. By leveraging the key features of Magento 2 CMS and understanding the importance of CMS pages, you can create a compelling and user-friendly website that drives traffic, engages users, and boosts conversions.

Creating a CMS Page in Magento 2

Creating a CMS (Content Management System) page in Magento 2 is a straightforward process that allows you to add custom content to your website. CMS pages are useful for displaying information about your company, creating landing pages for promotions, or providing additional resources for your customers.

Let’s dive into the step-by-step process of creating a new CMS page in Magento 2.

Accessing the CMS Page Section

To begin creating a CMS page, you need to navigate to the “Content” menu in the Magento 2 admin panel. This menu is located on the left-hand side of the admin interface. Once you’re in the “Content” menu, select “Pages” under the “Elements” section. This will take you to the CMS page management section.

The CMS page management section is where you can view, edit, and create new CMS pages for your website. It provides a user-friendly interface that allows you to easily manage your content.

Steps to Create a New CMS Page

Now that you’re in the CMS page management section, follow these steps to create a new CMS page:

  1. Click on the “Add New Page” button. This will open a new page creation form.
  2. Enter a unique page title for your CMS page. The page title should be descriptive and relevant to the content you plan to add.
  3. Set the page URL Key, which will determine the page’s URL. The URL Key should be SEO-friendly and reflect the page’s content.
  4. Choose the store view where you want the page to be visible. This allows you to create different versions of the same page for different store views or languages.
  5. Enter the Meta Title and Meta Description for SEO purposes. The Meta Title and Meta Description are important for search engine optimization and should accurately represent the content of your page.
  6. Compose the content of your CMS page using the WYSIWYG (What You See Is What You Get) editor. The WYSIWYG editor provides a user-friendly interface for formatting and styling your content.
  7. Save the page to complete the creation process. Once you’ve saved the page, it will be visible on your website.

Configuring the CMS Page Settings

After creating a new CMS page, you have the option to configure various settings to further customize the appearance and functionality of your page. These settings include page layout, design, and metadata.

The page layout setting allows you to choose from different predefined layouts or create a custom layout using XML. This gives you the flexibility to design your page according to your specific requirements.

In addition to the layout, you can also customize the design of your CMS page by applying a theme or custom CSS. This allows you to align the page with your website’s branding and create a cohesive user experience.

Furthermore, you can optimize your CMS page for search engines by configuring metadata settings. This includes setting the page’s meta title, meta description, and meta keywords. These metadata elements play a crucial role in improving your page’s visibility in search engine results.

By configuring these settings, you can create a visually appealing and SEO-friendly CMS page that effectively communicates your message to your target audience.

Adding the CMS Page Link to Top Navigation Menu

Now that we have created a CMS page, let’s explore how to add its link to the top navigation menu, enabling easy access for your website visitors.

Having a well-structured and user-friendly navigation menu is crucial for any website. By adding the CMS page link to the top navigation menu, you can ensure that your visitors can easily find and access the important content you have created.

Understanding the Navigation Menu Structure

In Magento 2, the navigation menu is built using a hierarchical structure of menu items. Each menu item has a label, a URL, and an optional dropdown menu containing sub-items. Understanding this structure is crucial for adding a new link to the navigation menu.

When you add a new link to the navigation menu, you need to consider the placement of the link within the existing menu structure. You can choose to add it as a top-level menu item or as a sub-item under an existing menu item. This decision should be based on the importance and relevance of the CMS page to the overall website navigation.

Steps to Add a New Link to the Navigation Menu

To add the CMS page link to the top navigation menu, follow these steps:

  1. Navigate to the “Menus” section in the Magento 2 admin panel. This section allows you to manage and customize your website’s navigation menus.
  2. Select the top navigation menu, usually named “Main Menu”. This is the menu that appears at the top of your website’s pages.
  3. Click on the “Add New Menu Item” button. This will open a form where you can enter the details of the new menu item.
  4. Enter the label for the menu item, typically matching the CMS page title. This label will be displayed as the link text in the navigation menu.
  5. Set the URL to the CMS page you created earlier. This is the destination that the link will take the visitors to when clicked.
  6. Save the changes to add the new link to the navigation menu. Make sure to review and double-check the details before saving.

By following these steps, you can easily add the CMS page link to the top navigation menu and make it easily accessible to your website visitors.

Verifying the CMS Page Link in the Navigation Menu

After adding the link, it is important to verify that it appears correctly in the navigation menu. Navigate to your website frontend and check if the new menu item is displayed in the desired location.

Take a moment to ensure that the label of the menu item accurately represents the content of the CMS page. It is important for the link text to provide a clear and concise description of what the visitors can expect when they click on it.

Click on the link to ensure that it correctly takes you to the CMS page. This step is crucial to confirm that the URL is properly set and that the visitors will be directed to the intended destination.

By verifying the CMS page link in the navigation menu, you can ensure a seamless user experience and make it easier for your website visitors to navigate and explore your content.

Troubleshooting Common Issues

While working with CMS pages and navigation menus, you may encounter some common issues. Let’s address a few of them along with their solutions.

CMS Page Not Displaying Correctly

If your CMS page is not displaying correctly, make sure that the page is enabled and assigned to the correct store view. Double-check the page URL key and ensure that it is unique and does not conflict with any existing pages.

Additionally, check if the page content is properly formatted and does not contain any HTML errors. Sometimes, incorrect HTML tags or missing closing tags can cause display issues. It’s also worth checking if any custom CSS or JavaScript code is interfering with the page layout.

If the problem persists, try clearing the cache and reindexing the Magento 2 system. This can help resolve any caching or indexing issues that might be affecting the display of your CMS page.

Navigation Menu Link Not Working

If the navigation menu link is not working, verify that the URL entered for the menu item is correct. Ensure that the page is accessible and exists in the specified store view. Also, check for any URL rewrite conflicts or invalid characters in the URL.

Another possible cause for a non-functional navigation menu link is incorrect permissions. Make sure that the necessary permissions are set for the CMS page and its associated files. If the page contains any media files or external resources, ensure that they are properly linked and accessible.

If the issue persists, try disabling any third-party extensions that might be conflicting with the navigation menu functionality. Sometimes, incompatible extensions can cause unexpected behavior in Magento 2.

Updating and Deleting CMS Pages and Navigation Links

If you need to update or delete a CMS page or a navigation menu link, you can do so by accessing the respective sections in the Magento 2 admin panel. To update a CMS page, locate the page in the CMS page management and edit the necessary fields.

When updating a CMS page, consider making changes in a staging environment or creating a backup to avoid any unintended consequences. It’s always a good practice to test the changes before applying them to a live website.

To delete a CMS page or a navigation menu link, select it and use the appropriate option in the admin panel. Keep in mind that deleting a CMS page will also remove any associated content and links, so make sure to double-check before proceeding.

With these steps and troubleshooting tips, you can now confidently create CMS pages in Magento 2 and add their links to the top navigation menu. Leveraging the power of Magento 2 CMS, you can enhance your website’s content and improve the overall user experience.

By creating informative and engaging CMS pages, you can provide valuable information to your customers, showcase your products or services, and establish your brand’s authority in the market. Remember to regularly monitor and update your CMS pages to keep the content fresh and relevant.

Start creating informative and engaging CMS pages to attract and retain more customers today!

Need top-notch WordPress development services? Contact C42.Studio now.
A computer screen displaying a wordpress dashboard

Keeping WordPress Plugins Updated

Maintaining your website’s health and security is a continuous effort that involves several practices, and among these, keeping WordPress plugins updated is paramount. WordPress, being

Essential Pharma Website Development Guide

Pharma website development is a crucial component of the digital landscape for healthcare companies. With the pharmaceutical industry’s stringent compliance regulations and the critical need

Five different storefronts

Ecommerce Development in San Francisco

San Francisco is a bustling hub for technology and innovation, setting the stage for some of the most successful ecommerce ventures in the market. Ecommerce


We propel leading brands to dominate the digital realm with innovative strategies and outstanding global presence.