How to Create a Facebook Reveal Page (Using the My Tab App)


FB Reveal page using My TabOne of the most highly touted strategies for growing fans by Facebook Marketing experts is the use of a Facebook ‘reveal tab’ with a mandatory “like” option. A reveal tab with mandatory “likes” is a Facebook page that invites visitors to see additional content by requiring that they “like” the page. This strategy is being used by many organizations to give away coupons, offer free e-books, enter drawings and sweepstakes as well as numerous other uses.

Organizations such as Wildfire Interactive have successfully developed pricing strategies around this advanced Facebook functionality as a way to offer increased value to their customers. Wildfire’s Promotion Builder product offers ‘mandatory likes’ only in their highest level, and most costly,  custom service.

This article will take you through the basic steps needed create a Facebook reveal page with mandatory likes.

Create the Two Images that will be used on the Reveal Page

  1. The first, and most difficult step to creating a reveal page is to design the two graphic images that will be displayed on the page. The first graphic will invite visitors to click “like” in order to reveal the special offer. The second graphic will reveal the offer. Both images must be 520 pixels wide, but they can be much longer in height. Keep in mind that visitors should not have to scroll down the page to view the primary message of the image.
  2. A common technique for developing the first visible image is to actually blur the second target image. Blurring the image that is going to be revealed gives the visitor an idea about what will be revealed.  The invitation to like the page is then positioned over the blurred image
    1. Blurred image
      Facebook Reveal Image A
    2. Revealed Image
      Facebook Reveal Image B
  3. Once these two images are created upload them to a live web server. You will need to point to these images in the hmtl coding in later steps below.

Add the My Tab App to your Facebook Page

  1. Go to: https://www.facebook.com/revealtab/app_14167664298
  2. Click “Install the Application”
    my_tab1
  3. On the page titled “My Tab would also like permission to,” click “Allow”mytab3
  4. On the next “Chose Your Page” window, select the page you would like to install MyTab. If you only manage one Facebook page only one will be in the list.mytab4
  5. Once clicked, a red box asking you to ‘install the application to this page appears. Click the link in the red box to continuemytab5
  6. The next page confirms that you wish to add My Tab to the page. Click “Add My Tab”mytab6
  7. Once clicked, the tab is installed on the page and you will be taken to the Facebook page where it is installed. Click on My Tab to continue the setup process.mytab7
  8. A sample “Thanks for Liking our page” graphic will appear from My Tab. Click the text that says, “change this content to be your custom landing page” which will take you to the Apps page.mytab8

Edit the Name of your Reveal Tab

  1. On the “My Tab” app click “Edit Settings” which will bring up a popup window allowing you to change the name of the tab. Click save when finished.mytab9
    mytab10

Edit Default and Reveal Tab Content

  1. Click on the “Go to App” link to edit the content of the tab.mytab11
  2. In this default content tab page add the html code that points to the image that will appear to visitors who have not yet liked your page. If you are pointing to an image that is not located on a secure server using the “https” protocol a warning message will appear informing you that a significant percentage of users will see error security warnings when visiting your page.  An invitation to upgrade to the My Tab premium plan will be offered, but is not required. (See last step in this article for premium pricing and features.) When finished click ‘save.’
    mytab html
  3. Next, click the “Reveal Content” navigation button at the top left of the App to setup the reveal image using html.mytab13mytab reveal html
  4. If you are using the MyTab App for promotions or even coupons make sure you read and comply with Facebook Guidelines for conducting promotions on Facebook pages (Section III.E.).  Here is sample of indemnification language you can modify, expand and add to the ‘reveal content’ page.
    1. “This promotion is in no way sponsored, endorsed or administered by, or associated with, Facebook. You are providing your information to [Company Name] and not to Facebook. The information you provide will only be used for providing you with a coupon for future services. By downloading this coupon you are releasing Facebook from any responsibility or liability related to this promotion.”

Setup Google Analytics

  1. If you use Google Analytics to track traffic on your website, you can insert your Google Analytics account ID so that it will track your tab visits as well.
  2. You can find your Google Analytics ID on the Anaytics Account Home page.mytab15
  3. To setup up analytics, click the “Tab Analytics” navigation button at the top left of the App.mytab16
  4. Enter your Google tracking code and click save.

Move the Reveal Tab to a preferred position on your Facebook Page

  • Facebook allows business pages to change positions of the tabs that appear below the header image of the page. Mouse over the new MyTab that appears on your page and click the ‘edit’ pen. Then select ‘swap positions’ with one of the other tabs. The ‘photos’ tab is the only one that cannot be changed.
    mytab17

Consider Upgrading

  • My Tab provides this reveal tab free for a maximum of 8 Facebook page installs. An upgraded version can be purchased for $7/mo per page. The upgrade removes the ‘powered by My Tab’ link on the page, and provides 5mb of https image storage for each page install.

Live Examples!

Installation Help?

About Brian Loebig

Owner of LoebigInk.com, author of TheInkBlog.net, CriminalThinking.net and part-time Technology Manager for the Alliance for Performance Excellence, Brian has over 15 years of experience working in the quality improvement, human services and technology fields as an administrator and consultant. Brian has also worked as a practitioner and administrator in the corrections, substance abuse and human services fields with a special emphasis on technology. He continues to work with numerous community-based non-profits as a web technology consultant, board member and volunteer. Feel free to .
This entry was posted in How To..., Marketing, Social Media and tagged , , , , , , , , , , , , . Bookmark the permalink.

26 Responses to How to Create a Facebook Reveal Page (Using the My Tab App)

  1. Adamdam says:

    Big thanks for this – as someone who has tried to avoid joining facebook, I finally succumbed because I need to use it to promote a business and the UI is just terrible – completely unintuitive.
    Your post made it all nice and easy though.

  2. Pingback: Best Practice for Business Facebook Page Design | The Ink Blog

  3. christophe says:

    Hi,

    Interesting article! How do you add the like and send button in the welcome tab aswell?

    Thank you

  4. Maytee valenzuela says:

    Is there a way to include an email opt in section on the reveal tab?

    • BrianL says:

      Hi Maytee. Yes, you could embed a constant contact email form, or a gmail email form or other application within the revealed tab. What did you have in mind?

  5. Wilfred says:

    can i add my tab to blogger?HOW?

    • BrianL says:

      Hi Wilfred, MyTab is a facebook application so it can’t be embedded in a blog post. However, you could link the the app from a FB post which is actually a best practice. Good question!

  6. Juan says:

    Hi, nice post! But I cannot find the “Deffault Landing Tab” option in the “Manage Permissions” area…

    • BrianL says:

      Good question Juan. There is no longer a ‘default landing tab’ on facebook pages so I just removed that step from this article and replaced with a description on how to change the position of the tab on a page.

  7. Speaking to a person rather than at the people is often what makes us subscribe to
    a high quality website like yours. After i read things that may touch me, or even bring
    tears really to my eyes, i then will be a reader forever.
    I can read additional blogs that are educative, but
    they often think that they are “telling” me some thing rather than “sharing” something with me. Those are websites I only read sporadically. I don’t want to be “talked at”. I want to be “talked to”. Your blog post post does exactly that. Talks to you and also not at you. That is why it is one among my personal favorites. Appreciate it.

  8. Pingback: Free Website Reviews: The Ink Blog at The Parrington Review

  9. JJ says:

    Looks like you might want to update your link to:
    http://www.facebook.com/revealtab/app_14167664298

    Great info. Thanks

  10. ampeg says:

    “Wow, fantastic blog layout! How long have you been blogging for? you make blogging look easy. The overall look of your website is magnificent, let alone the content!. Thanks For Your article about Quen Somos ? | grupo de consumo responsable .”

  11. Jaimi says:

    You Rock! This was exactly what I was looking for and have successfully updated my FB ad to land on the “Coupon” page. THANK YOU! My only question…Is there a way with the new timeline to set “Coupon” as the default landing page for non-fans? From what I understand, this used to be a pre-timeline toggle on the “manage permissions” page. It’s no longer that easy :/

    • BrianL says:

      Hi Jaimi. Glad you got it working! Send me a link to your FB page so I can check it out. Facebook no longer allows you set a reveal page/tab as the default landing page, but you can create a link directly to that tab from your website. 🙂

  12. AshiSh RaNa says:

    Sir..how to add my Google form to my page ?

  13. Saba noman says:

    How to make invite a friend on facebook page…please need help..all the pages have it for non admin but its not there on my page

  14. Alex says:

    Hey Brian, I’ve been reading your posts related to Facebook marketing from quite a some time and I would say you are incredible advisor who shares solutions for real problems that one can come across while building brands and this article was definitely piece of good advice for me.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s