How To Make Super-Easy Facebook Landing Pages That Look Great

In Flower Marketing by Seamus4 Comments

You have probably seen companies that have awesome looking Facebook landing pages and wished you could have one too – but maybe you’re not up for spending a couple of grand on it. Wouldn’t it be great if you could do it yourself even though you don’t know how to code up web pages?

Guess what?

You can!

I just built a landing page for Tesselaar’s wedding flowers competition in our Facebook page  and I barely used a single line of code. Truth is I am neither a hardcore coder nor a graphic designer, so that I managed to do this means you can too.

I used a new web application that I have just discovered called WebDoc.com – it’s great. Why? Because it can be used to make cool pages only using drag and drop and then you can embed them almost anywhere.

FREE Wedding Flowers E-book!

Get our glamorous floral design blogs delivered to your inbox, plus the Tesselaar's Guide To Breathtaking Wedding Flowers - FREE! Click below...

Here’s how to use webdoc.com to make yourself an easy Facebook landing page:

 

1. Make A WebDoc

Go to www.WebDoc.com and open an account. Then explore how easy it is to make a webdoc. It’s beyond the scope of this post to explain everything you can do there but here’s a quick list:

Buy Flowers Wholesale

Australia's best-value, quality cut flowers for events, weddings, anything.
Delivered to you, when & where you need them, nationwide. Order online or on the phone.

Browse Flowers Online
  • Photo galleries
  • Embed videos
  • Paste in text and style it to look cool
  • Layout a web page just using drag n’ drop
  • Embed slide shows
  • Easily create links
  • Embed music players

And the list goes on. Experiment – truly – you will find it relatively easy to make something awesome  if you are patient with some of the quirks (particularly navigation) of this relatively new web app.

 

2. Create a Facebook Landing Page with your WebDoc

Once your webdoc is looking shiny and nice, you should publish it set to “public”. Then you can import it into your facebook page as part of a Facebook app.

 

The Easy Way:

WebDoc.com have created their own facebook app. Here are their step-by-step instructions on how to use it to create a Facebook tab using your new webdoc.

 

The Alternative Way

There’s only one reason why I am including an alternative way to upload this – because the above Easy Way did not work for me!

I contacted the webdoc guys via twitter and they seemed to think it was working ok so maybe it was just me.

Anyway I worked around it by using another Facebook app – TabPress Custom iFrame Tabs  

Follow these instructions to activate the app:

  • Click the “Add to My Page” link on the left.
  • Choose the Page to which you want to add TabPress, then click the “Add to page” button.
  • Look for the “Welcome” Tab on the page you installed TabPress to. Click on it.

Once it is installed in your facebook page (waiting for your content) go back to webdocs and open the document you made already. If you have set it to public then you will see a share button in the top left corner. Click that and then click “more” to the right. Copy and paste the code in the Embed Code box.

Go back to Facebook and paste this into both of the boxes in the TabPress Custom iFrame Tabs set up. If you want to be tricky you can paste different web docs into these but I won’t go there for now!

Log out and have a look at your Facebook page – it should now look all special! Well done you!

 

Rename the Tab:

If you want to call the tab something other than the default setting then log in as your page and click the “edit page” button (top right).

Go to “apps” in the left hand menu. Find the app you used and click “edit settings”. Change the name in the custom tab name field, then click “save”, then “okay”.

 

Set the Landing Page as your default tab

If you want people to see your shiny new tab when they get to your Facebook page then simply click “edit page”, then change Default Landing Tab in the manage permissions page.

Well done! You are an Internet champion who definitely deserves a nice cold pre-Christmas drink!

The following two tabs change content below.
Seamus is Tesselaar Flowers' digital marketing manager. He's a creative marketing geek, writer, musician & accidental flower lover. He helps small businesses with websites and web marketing. If you need any help regarding the Tesselaars website you can contact him on seamuse@tesselaars.com

Comments

  1. This sounded so good that i decided to give it a wirl but Oh boy i totally messed this up!!! I got as far as adding the Tabpress to my selected page and i did something stupid and now the welcome message that had appeared has now dissapeard 🙁 How on earth
    do i get it back i have my Landing page ready to go on webdoc but just can’t post it to my facebook business page 🙁 any ideas? If not i might abort the whole thing before i cry over my stuff up hehe and i was almost there!!!!! kat

  2. Hi Kat – try clicking “edit page”, “apps”, “edit settings” on the app in question and then see if you need to reinstate the app – by clicking Available (add). Let us know how you go.

  3. thanks Seamus for your help but you won’t believe it ive been searching for the fist button to click in webdoc i can’t find edit page just edit profile, im hopeless with this stuff! never mind :(ive even been trying to edit the doc but once you get out
    of it you can’t go back in!! strange! Ill never work in I.T!!

  4. in webdocs the edit button is hidden until you hover over the top right hand side of your doc when you open it up. Click the little icon that pops up then click edit content. In facebook the edit this page button is there when you are logged in as your
    page not as your profile, over to the right near the top. It does take patience but if you think about it, all it is about is pointing and clicking. The only question is where!

Leave a Comment