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?
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:
- 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:
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!
Latest posts by Seamus (see all)
- Ordering flowers just got WAY easier with Pricelist Buy Buttons - April 19, 2018
- Eye On The Market – Jan 9th 2018 - January 9, 2018
- Eye On The Market – Christmas Specials - December 19, 2017