How To Create A Custom Facebook Landing Page For Your (Business) Profile in Timeline
Articles Blog

How To Create A Custom Facebook Landing Page For Your (Business) Profile in Timeline

Hi, it’s Brandon from
and I want to show you how to make a Facebook landing page. Hey everybody , it’s Brandon with
and I am going to show you how to set up a custom landing page on your Facebook profile. You can use these custom landing pages in
a number of different ways. You can use them to show videos, you can use them to host opt-in
forms, try to gain more leads, you can use them to gain more likes and followers to your
Facebook profile, you can use them to promote products that show of your products to try
to even sell product, or even get people to go over to your website. There’s a lot of
different ways you can use them and all you need to do is a HTML and some CSS or even
java code! And you’re all set! So let’s just get right into it. So the first thing we need to do is install
the static And to do that you can just go to the search bar and type
in static HTML.iframe.tabs. And you’ll see it right here with the star icon. Go ahead
and click on that and it will pull up the static HTML page. So all you do is click the button that says
‘add static HTML. to a page’ and we’ll click it. This next page will appear and you have
the option of adding that to any page you are an admin on. So I’m on several of them
here, so I’m going to choose and then we are going to click on the add
static HTML.iframe’s tab. So now it should be added to our tabs bar
but as you can see I already have four tabs here. Taking up all four available spots for
the first row. So what is going to happen is his Facebook is going to put it on the
bottom row of the last available spot which you can see here and you can change it at
any time. So if you wanted, go ahead and move it around. You can click on the pencil icon…
you choose ‘ swap with’ as you can see here ‘ swap with’ and you choose the app you want
to switch it with. So, let’s just switch it with my discount code app. And as you can
see it switched it. So you can move them around anyway you want. So, I’m going to go ahead
and move it back just so… Just for these testing purposes.
Okay. So the first thing you want to do is change out the thumbnail and the tab name.
So what we are going to do is hover over the icon and we are going to hit that pencil icon
and we are going to choose ‘ edit settings’. So the first thing we want to change is the
tab image. We’re going to hit ‘change’. It’s going to open up a new window. This will I
allow us to add in any image that we want in place of their star thumbnail. The image
size is going to be 111 x 74 pixels. That’s your maximum size. If you go bigger it will
resize it and convert down. I recommend using 111 pixels by 74 pixels. So I’ve already had
one premade. So we hit ‘choose file’. Choose my thumbnail and upload it. Now I’m going
to close that page. And I’m going to hit ‘ok’ and as you can see – it changed that for us. So, now we have our custom image in there.
So now we’re going to change the icon name. So we’re going to go back over. Hit the ‘pencil’
icon, go to ‘edit settings’ and as you can see right here… It says ‘ custom tab name’.
All you need to do fill in the custom name you want. Then click ‘save’ and ‘ok’. So let’s
just put in ‘ custom name’. We’re going to save. We’re going to hit okay. Boom, you’re
done! The custom Facebook landing page and the custom name have been switched out.
Now we’re going to move to the most important step, which is adding in the code for the
custom page. To do this, all you need to do is click on the image. You’ll be brought to
the edit page. On the edit page, you’ll be able to add in ‘ public content’ and even
fans only content. So what’s going to happen here is that public content is going to be
the page everyone sees. Fans or non-fans. You have the option of adding in content that’s
only your fans will see and there is a benefit to this. If you create a landing page, you
have the option of telling people to ‘like’ your page. Or if already are fans of your
page, to see certain content. So, I’m going to show you guys an example
on how I use this on our site. So as you can see here – I have an icon
to get a discount on your next order. I’m going to have people click it and tell them
here if they want to get a discount on their next order… All you need to do is like our
page, with an arrow pointing up to the ‘like’. So, they are going to go ahead and like the
page and when they do they are redirected to a page that only our fans see. So now it
says ‘thanks for liking our page, you can get a discount on our orders here’. Now you
can come in here and get a discount on our order. So, any time a non-fan goes to our
page, we give them an incentive to like our page and when they do, they are rewarded with
a discount code. Now if someone goes to the page and is already a fan, they are just automatically
brought to our page. Then get the discount code. So you have the option here with this
static HTML. App. You don’t need to do it that way. You can have one page that everyone
sees, like if you’re trying to promote a product or you have an opt in-form, or something like
that… You can just… All you need to do is just add your code to the public top content.
So what I am going to do first, is actually go to a page I have on my website. It’s a
landing form that I have on my website and I’m just going to take the HTML code from
that and put it into the public content just to save on time so I don’t have to custom
code this. So, I’m going to grab my code and I’m actually just going to go back right into
public content and I’m going to paste all of my HTML code. As you can see right there. Now the important thing is if you’re just
going to do what I did and grab code off your site… Make sure all of the URLs are full
URLs. Sometimes you might get at URL that looks like that. You don’t want that. You
want to make sure that it entire URL is pasted in there. So, now that our code is posted
in there… We can hit preview, to see a sample of what it is going to look like. So as you
can see, we have a video that plays and an optin-form to try to collect leads and get
people to sign up for our newsletter. So now what we are going to do, is go back to the
edit tab and you can hit ‘save’ and ‘publish’ and now our landing page should be live. So what we are going to do is go to the
Facebook page. We are going to hit the tab and we are going to custom landing page…
And boom! We have a custom landing page, using an optin-form to try to get leads off of Facebook.
And now we can set up and ad on Facebook targeting business owners and have them redirected to
this page and then collect all the leads that come from the opt in form. You can do the
same! You can use these pages to promote products. So you can run an ad promoting a product and
bring them to a custom landing page similar to this. You can create almost any type of
landing page you want! So let’s go back to the edit page. This static HTML app. Facebook
actually has a few tools that you can use to custom create this – if you’re not familiar
with HTML code. You can also upload an image. So if you have a JPEG or PNG or GIF file,
you can actually upload it there and have the image displayed to all the people that
are visiting landing page. You are also able to add in more tabs. So if you want to add
in a few more custom tabs, use the ‘add tabs’ button here. You can add in a second, third,
fourth… As many as you want! And then you have the option to add in more settings. So you can go in here and add in more settings,
if you like. You can add in Google analytics, or you just put in your analytics code to
get analytics on how people are getting to your site. Who was there? How much time is
spent on it etc. They also have a bunch of ‘How to tutorials’ for you to go through if
you run into any problems. They also have a drag-and-drop feature to custom design the
tab which will help you out. And… Scroll down here. They also have the area here for
your fans content – you can have non-fan and fan content – like I showed you earlier. If
you’re not putting any content in the ‘fans only content’ box, everyone visiting your
landing page will see the page that you have listed here. So that is our tutorial on how
to set up a custom landing page on your Facebook profile. Thanks for watching our tutorial! And if you
find this information useful, you should join our newsletter at and
you can see the signup form, about halfway down the page. I will send you more marketing
information, like how to get a video ranked in Google, how to get more exposure and YouTube
and even hide to get mobile versions of all of your videos! And if you have a friend that
is not taking advantage of custom landing pages on Facebook… Send them this video!
Copy the URL and send it on Facebook, Pintrest, twitter, Google+ or even just e-mailed it
to them. If you liked this video let us know. Leave us a comment underneath or slam that
‘like’ button down! And make sure you don’t miss out on any of our future videos. All
you have to do is hit this subscribe button here and you’ll be notified when our next
videos are ready. Thanks again for watching! This is Brandon from
signing out!

100 thoughts on “How To Create A Custom Facebook Landing Page For Your (Business) Profile in Timeline

  1. Hey, have you considered "DotComMoneyPile" yet? Simply copy and paste to the browser to have a look at this internet site. On there you will see a good free video presentation by a successful internet and FOX-news-featured millionaire revealing how you can make easy money on the internet. It made it possible for Donald to earn money straight from home and therefore enjoy financial freedom super fast. I hope it works for you too.

  2. This was a fantastic video. I am just starting out helping a friend with her business Facebook page and learned so much. Ready to apply the learnings!

  3. Thanks so much – This video makes it look so easy!  I set up a FB landing page a few years ago and it was such a headache I never wanted to do it again.  But now I need to and … here YOU are making it look like child's play!  LOL  Can't wait to give it a try!

  4. Hey, love your stuff. Best I've found. But that app – it won't give me a pencil to edit it and it demands you upgrade to high monthly costs if you open it and ask to upload an image from inside it…. am i doing something wrong?? Thanks

  5. This is the only place where I could find the instruction to create a custom facebook page starting from scratch. Thank you !

  6. well laid out and straight to the point. Nice one man. I shall be following you! Thanks for creating this.

  7. its saying i need to be in google chrome for admin edit but when i apply the source code and preview it shows as blank. any thoughts on what i did wrong?

  8. Thank you for sharing! Very easy to understand video.  I installed the app however Facebook has changed the format which means the tabs are no longer at the top. It is very annoying what Facebook has done. Any ideas to fix this problem

  9. Thank you very much for sharing this video with us. This is very useful in our business and in getting leads. Really great!

  10. Brandon, I heard recently that Facebook is going to BAN 'Like Gates' in November this year.   Will this process be affected?

  11. Very helpful guide how to Setup my first Facebook Ad Campaign for my simple business. Thank you so much for your tutorial video!

  12. Perfect, I'm just going to code using my WordPress editor an past it right in. This video was just what is was looking for! Thanks

  13. Your video tutorial on customizing a Facebook page is exceptional.  The pace of your video is near perfect.  I am not exactly a tech wizard, but I could follow your instruction, and make sense of what you were doing.  Now, can I actually do it?  LOL.  Thanks so much!

  14. Scott, is this a free App? Somehow it keeps sending me to a a Thunderpenny service organization. Please let me know. and Thank You 

  15. HI ! great video. i have a question. How do i make it the landing page for my facebook page. i mean i have made a welcome tab and i want people to see the welcome page by default when they arrive on facebook page. is that possible ? thanks! 

  16. Great video! If I don't currently have code… how do I go about creating the code? Is there another video? =)

  17. Great video…….ive watched so many. I dont know how to get the landing page to open first on my fb wall??. ive searched my fb page on my friends device. my fb page keeps opening on my wall!!. Can you help

  18. hi, great video thanks.  I have a problem with my website to facebook connection. Sometimes the photos are getting uploaded and sometime not, I have no idea why.  It would be great to have a video showing how to connect the web site to the facebook page.

  19. if I wanted to add a website link to the landing page rather than html code, would it work the same way? in other words, would it take them to my site

  20. Awesome video!!! Quick question. Can you have a button on the Fans Only Content that takes them to your website? Or will FB freakout about that?

  21. Making Landing pages is something which is not for me. I have tried making it a few times but failed. However I found this gig on fiverr and I always have them create a highly converting landing page for me on time and best part it’s cheaper than you would think. If you wana check out here is the link:

  22. I am following your video step by step, and once you created your file. I got: 'To start using this app, click in this area and enter your code.' You did not go over how to do this part in your video for a brand new person learning how to do this.

  23. Facebook is changing how they define page permissions for pages with less than 2,000 fans due to some folks using facebook tabs for spamming purposes. This is making it so pages with less than 2,000 fans are unable to add 3rd party apps.

  24. It sure has. You can create landing pages preloaded with copywriting packages without any technical skills. Up to date here;

  25. People who were making exactly $0/month were now beginning to see REAL profit from their business…


    Because they were at the right place, at the right time, in the right mindset.

    And everybody who ignored the plugin… well, they just kept on making that $0/month…

    Now, the reason that I am teaching you this today is because InstaBuilder is opening its doors again!

    After two years of development, tweaking, and testing with their 6000+ customer base, the owners of InstaBuilder have decided to "go public"…

    For the first time EVER you can get access to the NEW AND IMPROVED version of the plugin that completely transformed the sales funnel creation industry…

    Check It Out Here

    Now, here is your chance to be in the right place, at the right time, in the right mindset.


    Follow the Blog For Latest Updates On Business Development Theory.

    A digital Marketing, Website Designing & Android Apps Development Company

Leave a Reply

Your email address will not be published. Required fields are marked *

Back To Top