≡ Menu

Tutorial: Integrate OptimizePress With Your Facebook Fan Page

Sometimes you just need a simple way to “create” a new Facebook fan page tab for getting likes, embedding videos generating leads or showcasing content to your Facebook fans.

If you have OptimizePress you can do this with just a few simple tweaks and in this video tutorial I’ll show you exactly how to do it…and the best part it takes just a few minutes and is absolutely free!

The codes you’ll need:

Iframe code (Remember to change the URL to point to your site):

<html><body><iframe src="http://YourSite.com" frameborder="0" marginheight="0" marginwidth="0" width="100%" height="100%" scrolling="auto"></iframe></body></html>

The CSS code:

#launchbk {
    background-image: none;
    background-repeat: repeat-y;
    padding-top: 10px;

body {
    background-color: #FFFFFF;
#wrapper {
    margin: 0 auto;
    width: 810px;
#launchinnermain {
    margin: 0 auto;
    padding: 0px;
    width: 810px;

{ 25 comments… add one }

  • Dennis September 20, 2012, 3:07 am

    Very useful trick, thanks for sharing!

  • carlo September 20, 2012, 3:07 am

    Great stuff Yoel. I purchased for a while Optimize Press and have not utilize it all when I shifted to Facebook Marketing. Now I can unsubcribe from a membership site that provides this kind of service for a hefty monthly fee.

    Thanks a lot.

  • Alex September 20, 2012, 3:22 am

    Nice video… Great content. Thanks ;-)

  • Carlos Sierra September 20, 2012, 4:27 am

    Cool video Yoel, very useful information. I do have OP but didn’t know how to use this for FB FP’s, even when i had the idea of how it could be done. Thanks!!!

  • Ralph September 20, 2012, 12:57 pm

    Thanks. I’ve been looking for a simple solution to create a fb tab for a while. One thing I would like to learn is, how do you change the fb tab image? I now have a Star.

    • Yoel Cohen September 20, 2012, 7:12 pm

      @Ralph – Do the following:

      1) Make sure your on your fan page
      2) Click the “Edit Page” -> “Update Info”
      3) Click the “Apps” on the left hand navigation
      4) You’ll see the star, click “Edit Settings” underneath.

      Thats it, you can now edit the icon AND link text.

  • Frank September 20, 2012, 1:12 pm

    Very cool trick Yoel… thanks for thinking of us!

  • Steve September 20, 2012, 4:09 pm

    Awesome stuff Yoel! Thanks for sharing.

    Is there a fairly easy way to get a SFM page into a Facebook static HTML app?

    Thanks again,


    • Yoel Cohen September 20, 2012, 7:04 pm

      @Steve – Sure, just click “Get Code” and use the “iframe For Facebook Timeline” code.


  • Darren September 20, 2012, 5:26 pm

    Thanks, this is an awesome tip and one that I will be applying. Didn’t even know this could be done. Cheers

  • Carl September 21, 2012, 12:01 am

    Very good info
    One question can I use this code with any wordpress theme

    • Yoel Cohen September 21, 2012, 12:11 am

      @Carl – Not that I know of…from what I’ve tried it works only with OptimizePress.

  • Ed Herbert September 21, 2012, 12:39 am

    Thanks Yoel!!

  • Jay Laine September 22, 2012, 9:36 pm

    Quick Q. What happens when everybody’s using SSL connection with their FB surfing and that domain you iframed to the tab isn’t HTTPS, so it wont show for them, right? Atleast that’s what i have learned, that i must have all contents displayed on FB on SSL domain or is there a way around that? Right now i’m keeping my own & clients contents on my S3 acct.

    Any advice is greatly appreciated,

    • Yoel Cohen September 23, 2012, 6:52 pm

      @Jay – When iFraming via HTML static iframe app, there is no need for SSL.

  • Yuri Stoyanov September 23, 2012, 1:51 am

    Yoel, thanks for sharing with us this quick, way and free way to have and update a Facebook page tab!

    Just wondering, can you not do this with Thesis, or any other theme as well, as long as you have the right Wordpress page template?


    • Yoel Cohen September 23, 2012, 6:53 pm

      @Yuri – It works with OptimizePress, but if you can edit themes then you can pretty much do this with every theme, but, only if you can remove elements from the theme and also “play around” with the css.

  • Dave Castle September 23, 2012, 1:44 pm

    This was just as professional and well thought out as all of our interactions regarding Social Funnel Machine. Thank you Yoel for sharing a great way to improve our FB pages with tools we (most of us) already have. Quick and to the point.

  • Joana Carvalho September 27, 2012, 4:28 pm

    Hi! your video was very useful! I just don’t know how i can put my blogger thinner! =/ Can you help me?

  • josh Mar October 16, 2012, 1:29 pm

    How do i make my squeeze page thinner. it is too wide for the page

  • Ashutosh October 22, 2012, 8:23 am

    Hi Yoel Cohen

    First of all thanks for this greate information , its wonderful, at the same time what if I want to add any capture page or design with fp tab?

    is there any way?

  • Kelechi Ibe November 18, 2012, 12:18 pm

    This video by you Yoel was a life saver.. thank you so much.

    P.S: Like Ashutosh asked above, it there a way to embed other capture pages inside the facebook app tab that were not created by optimize press?

    Looking forward to your expert advise on this..

    Your advise on the optimize press editing worked PERFECTLY and i was able to set it up for my sisters page…

  • Nat November 20, 2012, 8:43 pm

    Hey Yoel!

    Thank THANK YOU very much for the information! It was driving me crazy. I had no idea how to add my optimizepress to facebook. Thanks again!

  • Dani December 6, 2012, 9:26 am

    Hi, I did everything you mentioned and am still getting the scroll bars. Any idea how to fix it? I added the CSS you gave us but still have the darn scroll bars! lol.

    And yes I am using OP, thin sales style template

  • teerin March 8, 2013, 10:42 am

    Thank you very much for this trick. I have no idea about this before.

Leave a Comment