How to Create CMS Page in Magento 2: A Detailed Guideline

by admin

Magento is a leading eCommerce solution for online store owners. In addition to its flexibility, customizability and rich feature set, the platform is well-known for its robust Content Management System (CMS). This feature not only allows store owners to manage their website content easily but also increases their ability to create engaging and informative pages for customers.

In this comprehensive guide, we will equip you with all the necessary steps on how to create CMS page in Magento 2, along with related details. By the end of this article, you will learn how to create and manage CMS pages in an effective way.

How to Create CMS Pages in Magento 2?

Content management system pages, or CMS pages, indicate static pages that are often used to provide essential information to customers. In eCommerce, they play an important role in providing details about the business. These pages are crucial for building trust and credibility with your customers.

In Magento, users can create and manage CMS pages. This action will be done through the Admin Panel in Magento’s interface. Here are the detailed steps:

Step 1: In the sidebar, navigate to “Content” > “Elements” > “Pages”. You’ll be directed to a new page, where you can see all the CMS pages.

Magento CMS Page Elements

Step 2: On the top right, you will see “Add New Page”. Click on the button and Magento will navigate you to a new page. This is where you implement all the necessary details for your new CMS page.

How to create CMS Page in Magento 2

Step 3: Toggle on the button near “Enable Page” to make your page visible once published.

Magento 2 CMS new page

Step 4: Add the “Page Title”. Fill in a suitable title for the type of CMS pages you want to create on your store. For example, “Home” or “About Us”.

CMS Page Title in Magento 2

Step 5: Add “Content” and “Content Heading”. Some practices include designing the layout of the content, adding elements, inserting media, and writing the content.

magento 2 cms page WYSIWYG

Step 6: Expand “Search Engine Optimization” and fill in important information like URL key, meta title, meta keywords and meta description. This step is quite important because it decides how and where your new pages appear on the search results pages.

magento 2 SEO

Step 7: Click on “Page in Websites” and select the store views.

magento 2 cms page store views

Step 8: Select “Design” and choose the layout of the new page. Options include one column, two columns with left bar, two columns with right bar, and three columns.

magento 2 cms page layout

Step 9: Expand and configure the “Custom Design Update” if you need to schedule a specific design for a particular date range.

magento 2 cms page preview

Step 10: Click “Save” to save your work and finish creating the page. The newly created CMS page will be ready within a few moments.

magento 2 cms page save page

That’s how to create CMS page in Magento 2. During the creation process, you can check out tools like Magento Page Builder or Amasty CMS Pages navigation. If you don’t have much technical know-how, Magento Page Builder has this handy drag-and-drop feature that helps you create unique page layouts at ease. In the meantime, one can use Amasty to enhance your existing navigation menus.

How to Optimize Magento CMS Pages?

The process of crafting a Magento 2 CMS page doesn’t stop at making things visible. It’s also about optimizing the content, ensuring the page not only looks good but also performs well for both visitors and search engines. In this section, we will walk you through the five crucial aspects you should focus on when creating CMS pages.

SEO optimization

If you haven’t heard, SEO stands for search engine optimization. This is the practice of improving your website to increase its visibility when people search for products or services related to your business in Google, Bing, and other search engines.

During the CMS page creation process, in the Search Engine Optimization section, make sure to fill out all the fields carefully. How you craft your meta information will affect the search engine rankings and click-through rates of your pages.

  • Meta title: This is the title that appears in search engine results. It should be clear, concise, and include your main keyword. Aim for 50-60 characters.
  • Meta description: This brief summary appears under the title in search results. It should accurately describe your page content and encourage clicks. Keep it under 160 characters.
  • URL: Create a simple, readable URL that includes your main keyword. Use hyphens to separate words.
  • Keywords: While not as important as they once were, including relevant keywords can still help search engines understand your page content. Choose 3-5 key phrases that accurately represent your page.

Magento 2 CMS page metadata

In terms of the content, focus on creating high-quality, informative text and use SEO best practices like internal linking. If you have related products or pages, link to them naturally within your content.

Also, conduct thorough keyword research to find relevant terms your customers are searching for, and scatter these in your content where it makes sense. To help with researching the keywords, you can resort to popular tools like Google Planner Keyword, SEMrush, or Keyword.io.

Or check out our beginner-friendly Magento 2 SEO Extension Suite. This tool offers 14 Magento SEO features while being compatible with Magento 2 ChatGPT extension. You also don’t have to worry about making your search results better, optimizing meta tags, improving site indexing with sitemaps, or fixing broken links.

Magento CMS page SEO optimization

Content Strategy

A content strategy is the guide to creating content for the website. If your pages are full of information, craft nice and short messages to engage your target audience.

Think about the visual appeal. More often include images and videos of high quality that make the text more interesting to read.

Don’t forget to include clear and compelling Call-to-Actions (CTAs) throughout your content. You can direct readers to websites, ask them to purchase a product or guide them through the process.

User Experience

Almost half of people who visit websites judge a company based on how it looks. A page with a poor design can make people think the company isn’t very trustworthy.

To avoid this, your CMS pages should be clear and well-structured. You want your CMS pages to be easy to navigate. Use a design that matches your brand and uses colors and pictures that make sense for your business.

Mobile Responsiveness

The next important thing to optimize for CMS pages is mobile friendliness. Most online shopping now happens on mobile devices. According to Statista, over 70% of all web traffic worldwide comes from mobile phones and tablets. And 74% of people are more likely to return to a mobile-friendly site, and 67% are more likely to buy a product or service from such a site​​.

Think about metrics like your page load speed and bounce rate (the percentage of visitors who leave your website after viewing only one page). A slow loading mobile page can lead to frustration and cause visitors to abandon your site before they even explore your products. Aim for a mobile page load speed of under 3 seconds.

Magento 2 CMS mobile friendliness optimization

Theme

Last but not least, choose a good theme. Opt for themes designed for content optimization. Make sure that the text is easily read and visitors can easily find and engage with your website’s content. Also, look for themes that focus on content flow and SEO-friendly structure.

What is Magento 2 CMS?

Content Management System, or CMS, refers to a software application that allows creating and managing website content. Contrary to traditional web development, CMS doesn’t require users to have extensive coding knowledge to be able to publish their content.

Rather than being only a powerful eCommerce solution, Magento is also considered a CMS, as it provides strong content management functions. Magento 2 CMS is a built-in suite of tools that extends the functionality of Magento 2 beyond just an online store. It consists of:

  • web content pages
  • blog posts
  • product descriptions
  • promotional materials
magento 2 cms page new page result

Here’s what a Magento CMS page looks like.

Magento CMS supports the WYSIWYG (What You See Is What You Get) editor, which lets merchants see the formatted content as you create it. In other words, your final published version of the content looks exactly how you design it.

Beyond that, one can also create and manage pages and blocks, customize page layouts and design templates, or integrate third-party extensions and addons within Magento 2 CMS.

>>> Looking for the best tools to streamline these processes? Explore the Magento 2 Extension Store by BSS Commerce—your one-stop shop for high-quality modules to enhance your CMS capabilities and much more.

CMS Page in Magento 2: Common Pitfalls & Solutions

During the Magento CMS page creation process, it’s inevitable to encounter some challenges. Most merchants find themselves facing such issues related to content formatting, page hierarchy, and caches, among others.

Knowing the steps on how to create CMS page in Magento 2 doesn’t mean you can avoid these bumps in the road. When discussing the format of the content, we talk about things like images, videos, and text placement. The quick fix here is to focus on clarity and user experience.

The next common challenge is page hierarchy, or how you organize these CMS pages within your website. To address this, try creating a sitemap. Determine the category and the type of pages, parent or child, your new CMS pages fall under.

Another  hurdle is cache issues. Sometimes, changes you make to your CMS pages might not show up immediately due to caching. When encountering such problem, try clearing your Magento cache to ensure your latest updates are reflected on the website.

CMS page in Magento common pitfalls

BSS Commerce Magento Development Services

Managing an eCommerce store involves a lot of hard work. While some tasks are manageable in-house, having a reliable Magento development agency allows you to streamline the process and focus on running your business.

Whether you’re looking for Magento store consulting services, website deployment, site customization & maintenance services, or Magento 2 CMS page creation and optimization, a reputable Magento development agency like BSS Commerce can help.

As an award-winning Magento 2 Development Agency, BSS Commerce takes pride in:

  • Our group of ISTQB Platinum Partner-certified experts and being among the few agencies who receive the honor “Shopify Expert” badge.
  • Extensive experience with a proven 11-year-and-above track record in serving thousands of clients across different markets and business models worldwide.
  • Transparent and open communication with an exceptional returning customer rate of over 90%.
  • Proven ability to uphold deadlines and react quickly during challenging situations, regardless of project complexity and time zone differences.

If you are looking for a reliable and strategic partner to grow your online store, it’s high time to check out our Magento development services.

Conclusion

So, we have explored what is CMS page in Magento 2, how to create a CMS page in Magento 2 in detail, and the best practices and tips for building a good Magento CMS page. We also look into the tools and solutions for enhancing your Magento store. We hope that you find this Magento guide helpful and can create high-converting, well-optimized landing pages, blog posts, and product descriptions of your own.

For more related information on Magento and eCommerce platforms, don’t hesitate to visit BSS Commerce. There are tons of helpful guides and resources waiting for you to explore!

Next Reading Suggestions

© 2019 BSS Commerce owned by THANH CONG INTER ., JSC. All Rights Reserved.
Business registration certificate no. 0106064469 issued by Hanoi Department of Planning and Investment on 19 December 2019.
Legal Representative: Mr. Nguyen Quang Trung.