Louise Myers Visual Social Media

Rock your online presence with DIY graphics! Get Graphic Design & Social Media Marketing tips from an expert.

  • Home
  • About
  • Contact
  • Members
  • Resources
  • SMM Tips
    • Twitter Tips
  • FB Tips
  • IG Tips
  • Pin Tips
  • Image Tips
    • How-to Graphics
    • Photo Tips
    • Color Theory
  • Blog Tips
  • Biz Tips
You are here: Home / Facebook Tips / Facebook Fan Page Tabs: Add Your Website to FB

Facebook Fan Page Tabs: Add Your Website to FB

March 12, 2012 by Louise Myers 119 Comments

Facebook Timeline Fan Page Tabs: Add Your Website to FBUPDATED October 17, 2013: For consistent results on all browsers, ONLY add https websites to your Facebook Fan Page Tabs. More details here. Updated April 11, 2012: To add your Pinterest boards in one minute, use this easy way to add your Pinterest boards to your Facebook Fan Page.

Here’s a great FREE and easy tip for Facebook Fan Page Tabs: Add Your Website to Facebook. Designers and developers the world over won’t like that I’m sharing this simple secret with you – they’d rather you think that you need their help to do this. But – you don’t! You can add your web page yourself in minutes.

Facebook Fan Page Tabs: Add Your Website to Facebook

Facebook Timeline Fan Page: How to Add Tabs 1Follow these step-by step directions to add your website to your Facebook Fan Page!

Logged into your personal Facebook account, install the Static iFrame Tab App by clicking this link. Once on that page, click the green box: Install Page Tab.

Facebook Timeline Fan Page: How to Add Tabs 2This will take you to the Add Page Tab box. Here, choose the Facebook Fan Page where you wish to add a Tab, and click the blue box: Add Page Tab. This will take you to Tab Settings on your Page.

Facebook Timeline Fan Page: How to Add Tabs 4At Page Source, select URL, and enter the URL of the web page you want to add: your blog, webinar signup page, email optin, etc! The website is fully functional inside the frame in Facebook.

If desired, you can adjust the height so the frame doesn’t have the scroll bar on the right. This may take some tweaking back and forth to get the right results.

Facebook Timeline Fan Page Tabs: Add Your WebsiteSkip “Gating” and the tiny tab icon, and scroll down to Name your Tab. Below this you can Change Tab Image – check this post for how to create Custom Tab Images.

Now click the green box: Save Settings.

Facebook Timeline Fan Page: How to Add Tabs 6

Click the gray button at the top, View Tab, to check out your work. If you wish to make changes, just click on the small blue word Settings at the top right of your tab.

Facebook Tabs are now 810 pixels wide, and while that’s 60% wider than pre-Timeline, it’s not as wide as most websites. If your website design includes a right sidebar, viewers will easily see the majority of your page (as shown below – click it to see the full tab live on my Page). But they’ll have to go all the way to the bottom of the frame for the left-right scrollbar to view the right-hand side of your site.

Facebook Fan Page Tabs: Website Sample

If you prefer, check these directions to use a Facebook app to send Fans offsite to your website.

Sit back and admire your creation – your Facebook Fan Page Tabs show off your website!

Filed Under: Facebook Tips, Websites & Blogs Tagged With: Facebook Business Page Tabs, Facebook Timeline Fan Page Tabs, Free Facebook Tabs, How to Add Facebook Tabs, website traffic

About Louise Myers

Louise Myers is a graphic design expert whose designs have been featured by Disney, Macy's, WalMart and more. Her straightforward writing style empowers small business owners to make their own graphics for social media success!

Comments

  1. Andres F Jaramillo says

    June 22, 2016 at 8:00 AM

    I would just like to say thank you for posting this. Super helpful. I cannot tell you how long I spent on how to add these dang tabs on our page. Thank you so much!

    Reply
    • Louise Myers says

      June 22, 2016 at 10:03 AM

      Glad it helped, Andres!

      Reply
  2. Steffen says

    August 26, 2016 at 2:16 AM

    Hi Louise,

    thank you for this good tutorial!

    In my website, you have to fill in some privat information. Could Facebook or Woobox make usage of this data?

    Regards,
    Steffen

    Reply
    • Louise Myers says

      August 26, 2016 at 8:42 AM

      Hi Steffen,
      Not that I’m aware of.

      Cheers,
      Louise

      Reply
  3. Donita says

    September 21, 2017 at 3:50 AM

    tried this but FB has changed already. any update how to do this with the current update of Facebook?

    Thanks.

    Reply
    • Louise Myers says

      September 21, 2017 at 3:53 PM

      Tabs just aren’t important any more. I wouldn’t worry about it.

      Reply
  4. Arohi says

    April 1, 2018 at 10:54 PM

    the tab is not work, showing this message: This page does not have permission to install the custom tab.

    Reply
    • Louise Myers says

      April 2, 2018 at 10:23 AM

      This post is 6 years old so the info may no longer work.

      Reply
« Older Comments

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Does your Social Media Content attract followers? Learn what to post in your FREE Guide, 6 Kinds of Social Media Content Fans LOVE!

Are Your Social Media Posts Enchanting Your Audience?

Learn to post what they'll LOVE and SHARE.

Get your FREE report, and never wonder what to post.

Fill this out now to have ideas galore in minutes!

Success! Now check your email to confirm your subscription.

There was an error submitting your subscription. Please try again.

No Spam. No Charge. Unsubscribe Anytime.

TOP POSTS about Social Marketing

Social Media Image Sizes: always updated!
How Often Should You Post on Social Media?
Best Design Tools for Non-Designers

© 2019 Louise Myers Visual Social Media.
Blog Comment Policy | Disclosure, Copyright, and Affiliate Disclaimer

Terms of Use & Privacy Policy