ArtsAutosBooksBusinessEducationEntertainmentFamilyFashionFoodGamesGenderHealthHolidaysHomeHubPagesPersonal FinancePetsPoliticsReligionSportsTechnologyTravel

Build your own Facebook Landing page!

Updated on August 4, 2012

When you are using a Facebook fanpage as a marketing tool, it is important to have a landing page. Why? The purpose of a landing page is twofold. First, it welcomes new visitors to the fanpage. Secondly, it has what is often called a “like gate”…a request to like the fanpage. And remember, only fans will see (in the news feed) what you post on your fanpage, so more fans mean more exposure. And when you are trying to market yourself (be it a blog or a product), the more exposure you can get, the better.

In this article, I will walk you through the steps of creating your own landing page from scratch. Now, there are companies out there that will make a custom landing page for you for a fee. But what I will show you here today is totally free, and requires no knowledge of HTML, CSS, or any other programming language. Ready? Well, let’s get started!

Software you need

So that you do not have to learn code, what you will need is a WYSIWYG editor. WYSIWYG stands for “what you see is what you get”, and it allows you to create your page as you want to see it. There are plenty of free WYSIWYG editors out there, so there is no need to buy an expensive piece of software. Here is a link to an article that lists ten excellent WYSIWYG editors, all for free: Free WYSIWYG Web Editors for Windows. Any of these should work for what we will be doing. I happen to have a Wordpress blog (, and since Wordpress has a built in WYSIWYG editor, I will be using that.

The Process

I am assuming that you have already created Facebook fanpage, so I will not cover that part of the process. Once you have a fanpage, type “static HTML” into the Facebook search bar. There will be several results that pop up for “static HTML”; I have used the one from Once you select the Static HTML app, just follow the on screen prompts until you reach a screen that looks like this:

Static HTML screen
Static HTML screen

Now it is time to create your page, and this is where the WYSIWYG editor comes into play. Enter whatever you want your page to look like. Add text, YouTube videos, or images, and then play with things so that they look just the way you want. When you are finished creating your page, you will simply flip the editor to HTML mode, copy the code created, and paste it into the static HTML box that says “Enter your content here”. If you also want a fan only content, create another page with the WYSIWYG editor and paste that in the “fan-only content” box. (With fan-only content, when someone clicks “like” the new, fan-only content will appear; this may be a thank-you message or perhaps a new image.) After inserting the code, click the “Save and view tab” button, and you can view your landing page. If the page looks the way you want it, you are all finished. Otherwise, go back and make changes as needed.

Static HTML screen after code has been added
Static HTML screen after code has been added

Inserting Videos and Images

To insert videos and images, they will have to be hosted on a website. In the case of videos, just put the video on YouTube and paste the link into the page you are creating. For images, they will need to be hosted as well. In my case, I hosted them on the server for my blog. You can also put the image on any number of free image/photo hosting sites. Wherever you host the images, just paste the link into your WYSIWYG editor to insert the image.

How I created my landing page

My fanpage is used to promote my book series, FreedomRedux; here is a link to my Facebook landing page: FreedomRedux FanPage What I did was create an image using Inkscape, which is a Photoshop-like program. I created two separate images. One is the invitation to like the page; the other is a thank you and invites people to explore my fanpage. Each image was inserted into the WSIWYG editor of Wordpress, and then I switched to HTML mode, copied the code and pasted it into the static HTML page. After saving the page and checking it out, I did have to make some adjustments to the image size, so I went back, made those changes, saved, and was ready to go.

Linking to the Landing Page

Prior to 2012, you could set the landing page as the default tab, meaning that everyone going to you fan page landed on your landing tab first. That feature was taken away by Facebook in March of 2012, but there is a work around. While on you fanpage, click on the upper right hand corner of the Static HTML icon. Click on “link to this tab” and you will be given the web address to this page. So now when you give you Facebook fanpage address, give out this address so people land on your landing page.

showing the link to tab display
showing the link to tab display

I hope you have enjoyed this article. You may also be interested in my article “Get more traffic using Facebook”. Please be sure to stop by my fanpage, and feel free to leave comments below.


    0 of 8192 characters used
    Post Comment
    • profile image 

      6 years ago

      Thank you for this amazing post. I am going to do it for my own blog :)


    This website uses cookies

    As a user in the EEA, your approval is needed on a few things. To provide a better website experience, uses cookies (and other similar technologies) and may collect, process, and share personal data. Please choose which areas of our service you consent to our doing so.

    For more information on managing or withdrawing consents and how we handle data, visit our Privacy Policy at:

    Show Details
    HubPages Device IDThis is used to identify particular browsers or devices when the access the service, and is used for security reasons.
    LoginThis is necessary to sign in to the HubPages Service.
    Google RecaptchaThis is used to prevent bots and spam. (Privacy Policy)
    AkismetThis is used to detect comment spam. (Privacy Policy)
    HubPages Google AnalyticsThis is used to provide data on traffic to our website, all personally identifyable data is anonymized. (Privacy Policy)
    HubPages Traffic PixelThis is used to collect data on traffic to articles and other pages on our site. Unless you are signed in to a HubPages account, all personally identifiable information is anonymized.
    Amazon Web ServicesThis is a cloud services platform that we used to host our service. (Privacy Policy)
    CloudflareThis is a cloud CDN service that we use to efficiently deliver files required for our service to operate such as javascript, cascading style sheets, images, and videos. (Privacy Policy)
    Google Hosted LibrariesJavascript software libraries such as jQuery are loaded at endpoints on the or domains, for performance and efficiency reasons. (Privacy Policy)
    Google Custom SearchThis is feature allows you to search the site. (Privacy Policy)
    Google MapsSome articles have Google Maps embedded in them. (Privacy Policy)
    Google ChartsThis is used to display charts and graphs on articles and the author center. (Privacy Policy)
    Google AdSense Host APIThis service allows you to sign up for or associate a Google AdSense account with HubPages, so that you can earn money from ads on your articles. No data is shared unless you engage with this feature. (Privacy Policy)
    Google YouTubeSome articles have YouTube videos embedded in them. (Privacy Policy)
    VimeoSome articles have Vimeo videos embedded in them. (Privacy Policy)
    PaypalThis is used for a registered author who enrolls in the HubPages Earnings program and requests to be paid via PayPal. No data is shared with Paypal unless you engage with this feature. (Privacy Policy)
    Facebook LoginYou can use this to streamline signing up for, or signing in to your Hubpages account. No data is shared with Facebook unless you engage with this feature. (Privacy Policy)
    MavenThis supports the Maven widget and search functionality. (Privacy Policy)
    Google AdSenseThis is an ad network. (Privacy Policy)
    Google DoubleClickGoogle provides ad serving technology and runs an ad network. (Privacy Policy)
    Index ExchangeThis is an ad network. (Privacy Policy)
    SovrnThis is an ad network. (Privacy Policy)
    Facebook AdsThis is an ad network. (Privacy Policy)
    Amazon Unified Ad MarketplaceThis is an ad network. (Privacy Policy)
    AppNexusThis is an ad network. (Privacy Policy)
    OpenxThis is an ad network. (Privacy Policy)
    Rubicon ProjectThis is an ad network. (Privacy Policy)
    TripleLiftThis is an ad network. (Privacy Policy)
    Say MediaWe partner with Say Media to deliver ad campaigns on our sites. (Privacy Policy)
    Remarketing PixelsWe may use remarketing pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to advertise the HubPages Service to people that have visited our sites.
    Conversion Tracking PixelsWe may use conversion tracking pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to identify when an advertisement has successfully resulted in the desired action, such as signing up for the HubPages Service or publishing an article on the HubPages Service.
    Author Google AnalyticsThis is used to provide traffic data and reports to the authors of articles on the HubPages Service. (Privacy Policy)
    ComscoreComScore is a media measurement and analytics company providing marketing data and analytics to enterprises, media and advertising agencies, and publishers. Non-consent will result in ComScore only processing obfuscated personal data. (Privacy Policy)
    Amazon Tracking PixelSome articles display amazon products as part of the Amazon Affiliate program, this pixel provides traffic statistics for those products (Privacy Policy)
    ClickscoThis is a data management platform studying reader behavior (Privacy Policy)