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

Social Media Examiner | Social Media Marketing

Your Guide to the Social Media Jungle

  • 🔥 Free Newsletter
  • ☀️ Web3 Conference
  • 🔎 Find Marketing Help
  • ⚙️ Tools
  • 🗓️ Events
  • 🎧 Shows
    • Social Media Marketing Podcast
    • Social Media Marketing Talk Show
    • Crypto Business Podcast
    • Our YouTube Channel
  • Content
    • Articles
      • Web3
      • How To
        • Instagram Marketing
        • Facebook Ads
        • Facebook Marketing
        • YouTube Marketing
        • YouTube Ads
        • LinkedIn Marketing
        • TikTok Marketing
        • Clubhouse
      • View Points
      • Expert Interviews
      • Tools
    • Video Tutorials
      • Instagram Marketing
      • Instagram Ads
      • Facebook Marketing
      • Facebook Ads
      • LinkedIn Ads
      • TikTok
      • Clubhouse
  • Sponsor
    • Podcast Sponsorship
    • Email Sponsorship
    • Event Sponsorship
  • About
    • Society
  • Search
  • Web3 Business ConferenceLearn how to put NFTs to work for your business.BIG SALE, SAVE NOW!

    How to Customize Your Facebook Page Using Static FBML

    by Nick Shin / June 8, 2010

    social media how toImportant Note: Facebook no longer supports FBML. Please refer to the articles on Facebook iFrame.

    Is your Facebook page dull and uninviting?  Maybe you’ve seen those really attractive Facebook pages and wondered, “How’d they do that?”

    Given Facebook’s powerhouse status for marketers, isn’t it time you upgraded your Facebook page?

    How can you help your brand stand out from the competition and increase the relevancy of your Facebook page?

    The answer: Static FBML.  This article will share what you need to know to conduct a Facebook page makeover.

    What Is Static FBML?

    FBML stands for Facebook Markup Language, which is a subset of HTML.

    Static FBML is a Facebook application that allows Facebook page administrators to create custom tabs on their Facebook pages. This application is only available for Facebook pages, not for personal profiles or Facebook groups.

    Adding Static FBML to Your Facebook Page

    You can add Static FBML in four easy steps.

    #1:  Make sure you are an administrator of the Facebook page so you have the ability to edit.

    #2:  Go to the Static FBML application.

    #3:  Click “Add to my Page.”

    #4:  A window will appear that contains a list of the Facebook pages for which you are an administrator. Click “Add to Page” to add the application.

    Static FBML is now added to your page.

    Before you add content to your FBML tab, you should have an idea the image or video size you need so these components fit in the space provided.

    Your Guide to the Future of Business

    Crypto Business Conference

    The Web3 renaissance opens up new opportunities for entrepreneurs, creators, and marketers who are ready to embrace the changes. But, who can you trust?

    Introducing the Crypto Business Conference; a premium event for anyone who wants to learn how to put Web3 to work for their business.

    Join us in sunny San Diego, California, for the first-ever crypto conference for business pioneers…not finance and tech nerds. You’ll get actionable, business-building ideas from proven innovators—without all the techie jargon.

    CLAIM YOUR SEAT

    Setting Up Static FBML as a Tab

    To set up your FBML tab, click on “Edit Page” under your Facebook page logo/avatar located on your wall.

    Scroll down to the “Applications” section and locate the FBML app and click “Application Settings” (see below). Make sure that the “Tab” setting is “added”. You now have an FBML tab.

    To the left of application settings you will see an “Edit” option on your FBML.  This is where you will ultimately paste your HTML code.  You can also add a “box title.”  The box title becomes the name of your tab.

    Please note that your FBML box must be coded for a maximum width suitable for a tab. The maximum width for an FBML tab is 520 pixels.

    Adding Content to Your Static FBML Tab

    Now it’s time to edit and add content. To begin, click on “Edit Page” located under your Facebook page logo. Scroll down to the “Applications” section and locate the FBML app, but this time click “Edit.” The FBML tab will be empty.

    This is the area where you can name the FBML tab and add HTML code. Please note that FBML does not work with all HTML code.  For example, JavaScript does not work.  You’ll need to experiment.

    If you scroll down to the bottom, you can add additional FBML tabs.

    The maximum number of FBML tabs you can have is 10.

    Now let’s spice up your Facebook page. I’ll go over the two most popular enhancements using Static FBML – adding a clickable image and embedding a YouTube video.

    How to Add a Clickable Image in Static FBML

    When adding an image in the FBML box, I’ve found that the best place to host images is Photobucket. Using Flickr or Facebook photos caused issues for me. If it works for you, stick with it. The maximum width for an image in the FBML tab is 520px.

    There is no maximum height, but think of it as a landing page by keeping the scrolling to a minimum. Ask yourself: do you want users to scroll down to get the message or do you want to get the main point across once they’ve landed on your page?

    Upload your image to your Photobucket account. Copy the direct URL to the image you intend to use in your FBML box. Next, you want to use this code:

    Launch Social Projects Faster and Easier

    FindHelp Marketplace

    Looking for a content creator, campaign manager, or strategist for your social channels or a special project?

    Find the right expert for even the most complicated project or campaign in just a few clicks with our new FindHelp marketplace. You'll have more time to focus on other areas of your business without sacrificing your social presence. Browse highly qualified Facebook and Instagram experts today.

    FIND HELP TODAY

    <a href=”https://xxxxx” mce_href=”https://xxxxx” target=”_blank”><img src=”https://yyyyy” mce_src=”https://yyyyy” width=”##px” height=”##px” border=”0″ alt=” “></a>

    Replace the xxxxx with the target URL. Replace the yyyyy with the direct link to your uploaded Photobucket image. Replace the ## with your width and height in pixels.

    How to Embed a YouTube Video in Static FBML

    As with images, I would recommend a maximum width of 520px for a tab. After uploading your video, you want to use this code:

    <fb:swf swfbgcolor=”000000” imgstyle=”border-width:##px; border-color:white;” swfsrc=”http://www.youtube.com/v/xxxxx” imgsrc=”http://img.youtube.com/vi/xxxxx/2.jpg” width=”520″ height=”400″ />

    Replace the xxxxx with your YouTube’s video ID. In both examples below, “MqqKPWhY4es” is my YouTube ID.

    Example 1: In this YouTube link: http://www.youtube.com/watch?v=MqqKPWhY4es, all the characters after the “=” are the YouTube ID.

    Example 2: If your YouTube link looks like this: http://www.youtube.com/watch?v=MqqKPWhY4es&feature=player_embedded, all the characters after the “=” and before the “&feature” will be the YouTube ID.

    You can change the values of “swfbgcolor” and “imgstyle” to your preferences. The “imgsrc” is a bit trickier because it is a preview image. When a user clicks on the preview image, it turns into the video. To see a real-life example, you can go to the Marketwire page (see below screen shot). In order to change the preview image, you can replace the URL to a direct link to one of your Photobucket images (or any other source).

    Make sure you open and close all tags and quotes.


    Example of a clickable image with an embedded video

    How to Set the FBML Box as the Default Landing Tab

    The option of setting your FBML tab as the default landing tab, rather than the wall, is one of the most relevant enhancements you can make to your Facebook page. This is where adding Google Analytics to your Facebook page helps tremendously with tracking.

    In order to set your FBML tab as your default landing page, go to “Edit Page” under your Facebook page logo and scroll down to “Wall Settings.” You’ll notice a section called “Default Landing Page for Everyone Else.” Visitors who are not fans of your page will see your newly created FBML tab. Visitors who are fans will land on your wall.

    That’s it!

    Static FBML a Must-Have for Facebook Pages

    The ability to enhance your page as a marketing vehicle by driving traffic to your website and engaging even more with your audience should warrant consideration. Many administrators shy away from Static FBML because they’re intimidated with coding.

    My suggestion: review this post, research a bit more on Google and try it out. In the words of Ben Stiller from the movie Starsky & Hutch, Do it! Do it! Do it!.

    I hope this tutorial has given you some insight on how to implement Static FBML to your Facebook page.

    What are your thoughts on Static FBML? Is there a reason why you haven’t added it yet?  Comment below and let’s get this discussion going!

    Curious about NFTs, DAOs, and Web3?

    Crypto

    Follow the Crypto Business podcast to find out how NFTs, social tokens, DAOs (and so much more) will affect your business in the near future.

    Every Friday, host Michael Stelzner interviews leading industry experts about what works right now in Web3 and what to expect in the future, so you can prepare your business for the shift, even if you're a total newbie.

    FOLLOW THE SHOW

    Tags: Facebook

    About the authorNick Shin

    Nick Shin is an online marketing strategist specializing in SEM, social media, and PPC. When he isn't collaborating or consulting on marketing strategies, you can find him on the tennis court.
    Other posts by Nick Shin Âť

    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 →

    Facebook Ads

    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 © 2022 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
    • Write for us…
    • RSS
    • Accessibility