• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer

Social Media Examiner

Your Guide to the Social Media Jungle

  • 🔥 Free Newsletter
  • ⭐ FREE Web3 Course
  • 🗓️ Our Events
    • Social Media Marketing World (Mar 13-15)
    • Other Industry Events
  • 💡 Society
  • ⚙️ Tools
  • 🎙️ Podcasts
    • Social Media Marketing Podcast
    • Social Media Marketing Talk Show
    • Web3 Business Podcast
    • Our YouTube Channel
  • 🎯 Partner With Us
    • Podcast Sponsorship
    • Email Sponsorship
      • Email Newsletter
      • Dedicated Email Blast
    • Event Sponsorship
      • Social Media Marketing World
    • Tools Sponsorship
  • 👋 About Us
    • Our Story
    • Articles
      • Web3
      • Instagram Marketing
      • Facebook Marketing
      • YouTube Marketing
      • LinkedIn Marketing
      • TikTok Marketing
      • Expert Interviews
  • Search
  • Social Media Marketing World10th annual. Biggest industry event. Sale ends soon!IMPROVE YOUR MARKETING

    Facebook Page Design Changes: What Marketers Need to Know

    by Kristi Hines / August 24, 2016

    social media how toIs your Facebook page ready for the new design?

    Wondering what's changing?

    In this article, you'll discover how to prepare for the new Facebook page layout.

    prepare for facebook page layout changes
    Discover what marketers need to know about Facebook Page design changes.

    Note that until the design has been released to everyone, Facebook may still make some final tweaks to the design based on user feedback.

    The Old Design vs. the New Design

    First off, let's look at the difference between the old/current design versus the new/upcoming design. This is the old/current design as seen by visitors to your page.

    old facebook page design
    This is the old design.

    And this is the new/upcoming design as seen by visitors to your page.

    new facebook page design
    Here's the new design.

    For those who have set up Facebook shops, those will appear above your status updates.

    facebook shops
    The layout is different for those with Facebook shops.

    The same goes for those who have set up a Services section on their Facebook page.

    facebook services section
    Services sections also have a different look.

    For page admins, the new/upcoming design looks like this.

    new facebook page admin design
    The new page admin design.

    The main menu options on the top bar are the same, and the content within them are still the same, design-wise. The biggest change for admins is that the Promote button, which was to the top right of the cover photo on the current/old design, is now in the left sidebar at the bottom.

    old facebook page admin design
    The old page admin design.

    And statistics that were below the Promote button to the top right of the cover photo are now below the status update box.

    Now that you've seen the plans, let's break down some important parts so you know what to prepare for when the new design becomes available for your Facebook page.

    #1: Design Your Cover Photo Without Worrying About Overlap

    Previously, your Facebook page's cover photo was covered by your profile photo, page name, username, call-to-action (CTA) button, Like button, Message button, and additional options button. But with the new design, your cover photo will be shown in all of its glory.

    The Conference You've Been Waiting For

    As a small business marketer, you can probably only pick one or two events to attend each year. Get back into the game with an unbeatable conference experience and expert training at Social Media Marketing World in sunny San Diego, California—from your friends at Social Media Examiner.

    🔥🔥 As a valued reader, you can save $350 if you act now! Sale Ends Tuesday!

    CLICK HERE TO LEARN MORE
    new facebook page design
    New cover photos will be shown entirely.

    This means no more designing around all of those other elements. You can design your cover photo to show off your brand's uniqueness, products, or services like IKEA does on its Facebook page. Facebook's Help page currently recommends that you size your cover photo to be displayed on desktop browsers at 828 pixels wide by 315 pixels tall, and on mobile browsers at 640 pixels wide by 360 pixels tall.

    Hence, your cover photo should be at least 828 pixels wide and 360 pixels tall. Be sure to test your cover photo on desktop browsers and mobile browsers to make certain the main features of your cover photo are shown on both. This is important especially if you have text, because parts may get cut off and need to be rearranged.

    If you don't have good photos and aren't a designer, you can always use stock photos or services like Canva to create a Facebook cover photo for your page.

    #2: Add a Call-to-Action Button

    Thanks to the bright, bold, new CTA button design, there's almost more of a chance that people will click your CTA than your Like button. Therefore, if you haven't already done so, now is the time to add a CTA button to your page. Otherwise, your page will look like there's something missing.

    new facebook page design
    A missing CTA button will leave a blank space below the cover photo.

    As you can see on the Toyota Facebook page, the missing CTA button leaves a long, blank space underneath the cover photo. On one hand, it might lead more people to click the Like button. On the other hand, the car company may miss out on people taking other actions, such as going to their website.

    Tools Resource Guide

    Looking for something to make your life easier?

    Discover the tools we recommend to drive engagement, save you time, and boost sales across your entire marketing funnel or business.

    Whether you need help planning content, organizing social posts, or developing your strategy, you’ll find something for every situation.

    FIND YOUR NEXT FAVORITE TOOL

    By comparison, the Subaru Facebook page's CTA button encourages people to contact the company.

    new facebook page design with cta
    Can you spot the CTA on the Subaru page?

    Also, note that the CTA button is important not only for your desktop Facebook page visitors but also for your mobile visitors.

    facebook page with cta on mobile
    CTA buttons are important for mobile visitors too.

    You can create different CTAs for desktop and mobile users. For example, you can set the CTA so mobile users have the option to call instead of go to your website, if that's the preferred option.

    facebook page with cta on mobile
    Mobile visitors might be encouraged to call, send an email, or try out the app.

    #3: Make Sure That All of Your Tabs Have Content

    Previously, things like the About tab were a little less prominent, so having your information filled out completely wasn't as big of an issue. Now that tabs are on the left sidebar and are stationary as visitors scroll down your page, visitors are more likely to click on them.

    Hence, now is the time to make sure you have your About tab filled out.

    about tab for new facebook page design
    Tabs on the left are static now, so make sure you fill out the important information.

    Also, since you can't get rid of main tabs like Photos and Videos, be prepared to create some visual content to go in your main tabs as well. Ideally, you'll want to add at least one featured video so people can get a good impression of your brand, products, or services. The featured video not only appears on the Videos tab, but will also appear above your About box, now on the right side in the new/upcoming design.

    featured video in new facebook page design
    Make sure you add at least one featured video to your page.

    You may also want to consider removing tabs that don't contain current content, such as an Events tab where you no longer post new events. That way, people aren't clicking on things that don't have relevant content. This also applies to any custom tabs you've created.

    Speaking of which…

    #4: Add Custom Tabs

    With the current/old design, you could only show four tabs, and the rest would be put under the More drop-down menu. Because the Home and About tabs were stationary, that only left room for two custom tabs to be shown to visitors to your page, as shown below.

    old facebook page design
    In the old design, four main tabs were visible (with the remaining tabs found beneath More).

    This meant if you wanted to add custom tabs (for example, to get email subscribers, show off your YouTube channel, share your tweets, and show off your pins like GetResponse does on their Facebook page), most of those options would be hidden under the More drop-down menu. But with the new design, all of those custom tabs are shown in the left sidebar.

    new facebook page design
    Custom tabs are displayed on the left.

    Now, those custom tab links stay in place while visitors scroll down the page, so they always have the option to click on them while browsing the page's posts. So if you were considering doing so, now is the time to add custom tabs for custom features.

    In the GetResponse example, the Sign Up tab is created by their web form builder. The social tabs for YouTube, Twitter, and Pinterest can be created by services like Woobox. If you're looking for something more specialized and have developer skills, you can learn more about developing your own tabs here.

    In Conclusion

    From here, your goal is to continue your Facebook marketing strategy as usual. Continue regularly posting a variety of content that engages your target audience. Experiment with Facebook's latest features like Notes and Live video. Reach more of your target audience through Facebook advertising.

    What do you think? Have you seen the new Facebook page design? What else are you planning to do to prepare your page to impress visitors? Let us know in the comments!

    Tips on Facebook Page design changes and what marketers need to know.
    Tips on Facebook Page design changes and what marketers need to know.

    Get Your FREE Course: Web3 for Beginners

    Web 3 for Beginners

    Curious about Web3, but don't know where to start or who to trust?

    Introducing Web3 for Beginners, a course taught by Michael Stelzner, the founder of Social Media Examiner.

    Learn the basics of Web3 and apply it to your business with this FREE comprehensive course.


    CLICK HERE TO GET FREE ACCESS

    Tags: Facebook

    About the authorKristi Hines

    Kristi Hines is a freelance writer, ghostwriter, and copywriter who develops blog content, ebooks, emails, lead magnets, and website copy for marketing agencies, B2B, and SaaS.
    Other posts by Kristi Hines »

    Get Social Media Examiner’s Future Articles in Your Inbox!

    Get our latest articles delivered to your email inbox and get the FREE Social Media Marketing Industry Report (39 pages, 50+ charts)!

    Industry Report Cover

    Worth Exploring:

    Facebook

    Marketing Help Explore More →

    Instagram

    Marketing Help Explore More →

    YouTube

    Marketing Help Explore More →

    Linkedin

    Marketing Help Explore More →

    Web3

    Marketing Help Explore More →

    Social Media Marketing Industry Report

    Get Free Report →

    Social Marketing Trends

    The data you've been missing!

    Need a new plan? Find out how thousands of marketers plan to change their social marketing activities in our 14th annual Social Media Marketing Industry Report. This 39-page report reveals what marketers have planned for their organic social activities, video marketing, social ads, and more. Get this free report now and never miss another great article from Social Media Examiner.

    Enter your email to get
    our free report:


    Footer

    Your Guide to the Social Media Jungle
    Copyright © 2023 Social Media Examiner®
    All Rights Reserved. Terms of Use | Privacy Policy.

    Helpful Links

    • About us
    • Our content via email
    • Our podcasts
    • Our YouTube channel
    • Our live show
    • Our industry report
    • Sponsorship opportunities
    • RSS
    • Accessibility