Good Afternoon, Social Rabbit here with your guide to the world of social media.
UPDATE JAN 2012: At the end of June 2012 Facebook FBML tabs will no longer work, so you need to switch over to the static HTML tab instead, so follow the instructions below on how to add a welcome tab
I have used this application – Static HTML: iframe tabs to add the iframe to my page, and so far I am loving it! Basically this works using HTML, and is MUCH simpler to use than the previous FBML app.
To use this all you need to do is:
- Go to the application
- Click on ADD TO MY PAGE (on the left side of the page)
- Choose the page you want to add it to when the box appears, then click close
- Go back to your Facebook page
- Go behind your Facebook page and click on APPS, find the Static HTML app you just added and click on EDIT SETTINGS, this will take you to the image below
Here you can make sure that your tab is added (ie it is showing on your page) and also decide on the name for your tab. If you change the name from the default of welcome, then remember to hit SAVE before clicking OKAY.
You need to add in the HTML code into the box or boxes, so you need to have an image or text that you want people to see. An image is best as it stands out and attracts attention. If you are adding an image the maximum width for your image is 520 pixels wide.
7. When your image is ready open a new tab in whatever internet program you’re using and go to Flickr.com. If you don’t have an account open one (it’s free) or sign in if you have an account, upload the image you want for your landing/welcome tab – this MUST be as a jpeg.
8. Click on “share” and get the HTML code, copy the code as below
9. The code below is what you have pasted from Flickr, if you DON’T want visitors to click on the image to go to a website then delete the section highlighted in red (but obviously in your code). If you want a link to NOT go to Flickr then change the http://…… section in the red text to where you want it to link to, make sure you don’t delete the “” as they are needed.
<a href=”http://www.flickr.com/photos/socialrabbit/4900378406/” title=”$10 Off by Social Rabbit, on Flickr”><img src=”http://farm5.static.flickr.com/4095/4900378406_4cd7542809.jpg” width=”500″ height=”400″ alt=”$10 Off” /></a>
10. With this tab you also have the option of fan only content, which means all you need to do is have a second image, or text that you paste in that box – how easy!
11. Once you have added the code you want to, then just click SAVE AND VIEW at the top right and check that the images are displaying correctly.
12. When you have done this you need to back into the backend of your page and change your wall settings so that new visitors land on this tab.
If you want to add more tabs you can just repeat as above. I look forward to seeing them all popping up! If you try this tell me your thoughts below in the comments.