Skip to content

[How To] Create A Facebook Reveal Page Using Static HTML: iFrame Tabs

Originally posted in LikeThisFanPage.com

A reveal page Tab on Facebook are used to encourage new visitors to Like your page. To get your visitors to like your page an incentive such as a free gift, discount, exclusive content etc.. is offered.

 


Examples of Pages Using Reveal Page Tab

Digistore offers “Discount Codes, Unadvertised Specials, Free Monthly Giveaways.”

Digistor fan page

Sheets promises “Instant access to more content.”

Sheets

What do you need to create a reveal page

Landing page And Reveal Image:
You need to create an image 520px wide. This is going to be the first thing your non fans will see. You also need a landing page your fans will see, once they like the page. If you don’t have a landing page you can use our FREE iFrame fan page template – Download template

iFrame App:
You have two choices, you can build your own iframe tab app from scratch or you can use one of the third-party iframe applications mentioned in pervious post – The best Facebook iframe apps.
You can learn more about building your own iframe application from scratch: Tutorial: how to create your own iframe application.

I am going to show you how to create a reveal tab using a application called Static HTML iFrame Tabs by Jason Padvorac.

let’s get started on creating your reveal tab.

1. Add the Static HTML iFrame Tab Application to Your Page
First, you’ll need to add the Static HTML iFrame Tab application to your page – located here.
Follow the simple instructions that are also shown on the application page.

Static html iframe tabs

Here is a tutorial on how to install Static Html iFrame tab, if you get stuck – install Static iFrame app tutorial.

2. Add Reveal image and fan-only content
Once you’ve added the static HTML iframe tabs app, click “Welcome” in the tab menu below your company’s profile image. This will bring up the apps settings.

Static html

Pre-fan content (Add Reveal image)
Add the HTML code to embed the reveal image in non fan content box, your images must be hosted elsewhere (on your company’s website, for example) and only referenced in your HTML code. If you dont have web hosting you can host your images at Tinypic.com Or photobucket.com and insert the html code.

Below is the sample HTML code to use to embed the image into the application:
<img src=“http://www.yourwebpage.com/image.jpg”>

[optional] fans-only content (content only fans will see)
Your reveal content should provide your new fans with whatever you were offering, such as something to download, a discount code, or a link to the exclusive content. You might also want to thank people for liking your page.

3. Make your Reveal Tab the Default Tab
You’ll want to make sure that your new reveal tab is the first thing that visitors see when they have not yet liked your Facebook page. To do this, go to your edit page and Click on the “Manage Permissions” select “default landing tab” select your tab and then click on save.

Manage permissions

The Final Reveal Page tab – Visit http://www.facebook.com/ilikethisfanpage.

Related articles to this subject, check out 7 Awesome Free Facebook FBML Templates.





About the Author » Aline Ohannessian

:: Musical and Visionary Artist of Truth :: Aline is Founding Partner & Creative Director of ArtWave Design, ® the Multi-Media with Mind Production Lotus of Sanctuaire Soul's Sanctuary. Providing services for Graphic Design, Web Design, Multimedia, Marketing, Advertising & Public Relations Consultancy & Campaigns, Illustration and Painted Artistry. In addition to being a Visionary & Multi Media Tech Guru Artiste, Aline is also an Ontological Philosopher and Vocalist...renaissance being, indeed! :)

Spread The Love, Share Our Article

Comments

There are no comments on this entry.

Trackbacks

  1. Aline Ohannessian (@ArtWave)
  2. Being Love (@BeingLoveTV)
  3. Fulfilled Destiny (@fulfillddestiny)
  4. Roni Lipstein (@radiate)
  5. purplehayz (@purplehayz)
  6. Gianto Widianto (@giantowidianto)
  7. Edel Byrne (@ebgraphix)

Add a Comment

Required

Required

Optional

Notify me of followup comments via e-mail.
You can also subscribe without commenting.