How to Create Custom Tabs for Your Facebook Business Page (1).pdf

4/12/2015 HowtoCreateCustomTabsforYourFacebookBusinessPage

http://blog.hubspot.com/blog/tabid/6307/bid/26330/HowtoCreateCustomTabsforFacebookBusinessPages.aspx 1/34

March 2, 2015 // 10:00 AM

m b f Fb BPWritten by Andy Pitre | @andypitre

SHARE

Let's say you've already created a fantasticFacebook cover photo, you're posting engagingsocial media contenton the regular, and your Facebook Page is totallyoptimized for theTimeline design.You savvy social media marketer, you ;-)

But are you readyto take your Facebook Page to the next level?

If so,we think you might be game fora newFacebook marketingchallenge: creating customFacebook tabs. Tabs give you a way to showcase custom content alongsidethe default tabs(e.g. "About" and "Likes") and any ready-madeapps youmay have already added to yourpage.



Custom tabs are valuable toyour social media marketing strategy because they let youcreate a much richer user experience on Facebook and control the content your visitors andfollowers see when theycome toyour page.

So how do you create your very own custom Facebook Page tabs? Just follow these 6 simplesteps, and you'll be up and running with a more customized Facebook Page experience in notime.

And to learn more about how to customize your Facebook tabsand leverage other Facebook Page features, download our freeguide here.

Editor's Note: This post has been updated to reflect Facebook's custom tab setupdocumentation for 2015. That said, Facebook has made this setup process somewhat trickierover the years, requiring a bit more tech-savviness then the averagemarketer may have. Ifyou hit any snags, it might be best to call in a seasoned developer to help you get set up.

How to Use Custom Facebook Page TabsBefore we get started, let's make sure we're all on the same page (hehe, get it?) about whereyou even find Facebook Page tabs. Tabs exist under your Facebook cover photoand can beexpanded by clicking on the 'More' drop-down arrow on theright. They'resomething likethewebsite navigation for your Facebook Page, allowing visitors to browse all that your pagehas to offer. Check out a screenshot of HubSpot's Facebook Page below. Can you spot ourtabs? (Hint: We've highlighted them for you.)



Before I discuss some use cases for custom Facebook tabs,let me show you a customFacebook tab in action. Take a look at Coca-Cola's "House Rules" tab on its FacebookPage(pictured below) ...



Coca-Cola is cleverly using custom tabs as a way to showcase guidelines for how Coca-Colawill govern its page, and how visitors and followersshould behave when interacting with it.Smart, especially if you're a big company like Coca-Cola.This is just one way you can usecustom tabs on your page.

Here are some other ideas ...

Promote subscription to your business blog.



Promote registration for your upcoming event(s) or webinar(s).Create a content library of your ebooks and other downloadable offers to help yougenerate leads from Facebook.Feature successful customer testimonials or case studies.

The possibilities are endless. Okay, now that you understand what a Facebook tab is andhow it could potentially be used, let's start customizing!

How to Add a Custom Tab to Your Facebook Page

Step 1: Create the Content to Display Within Your Custom Tab

Think of your Facebook tab like an iFrame that loads inside Facebook. In other words, youcan display pretty much whatever content you'd like inside your custom Facebook tab. Youdo this by creating a web page outside of Facebook. The contents of this page are whatyou'll tell Facebook to display within your custom tab.

Important: Facebook requires youto provide a secure URL for your web page in order toset up your Facebook tab. A secure URL isa URL with"https://" instead of "http://" at thefront. If the website you use to create your Facebook Page tab does not support https,Facebook will not allow you to set up a custom tab, and you'll need to get an SSLcertificate first.

To ensure that your page's content displays correctly on Facebook, make sure the width ofyour web page is either set to 100%, 520px,or 810px. Make sure all images, videos, etc. thatyou include on your page are also less than either 520px or 810px, depending on how wideyou chose to make the content of your tab. You'll also want toget rid ofany margin orpadding around the body of your content so it's optimized for the space Facebook provideswithin the tab.

Since Facebook's latest Business Page layout is wider than it used to be, I recommendmaking the content of your tab 810px. Facebook's previous Business Page layout was muchnarrower at 520px.



Step 2: Log In to Facebook as a Facebook Developer

Visit https://developers.facebook.com/apps. You'll be able to log in with your normalFacebook credentials.

Step 3: Create and Name Your New Tab

1)Clickthe green'+ Adda New App' button from the top right-hand corner. Then choose the'Website' button at the far right.

2)Instead of using the "Quick Start" wizard that Facebook launches (which gets confusing),



click on the 'Skip and Create App ID' button at the top right.

3)Here, you'll need to provide a 'Display Name,' which is what your "app," or tab, will bedisplayed ason your Facebook Page. You can also create a 'namespace,' which is basicallyjust a unique ID for your app -- although this is not required, and you're welcome to leave itblank. Select 'No' for the question about test versions -- this is more applicable if you'recreating a Facebook app that you want others on Facebook to use, not if you're just creatinga custom tab for your own page. Lastly, choose 'Apps for Pages' as the category, sinceyou're creating this app as a custom tab for your Facebook Page.

4)Click 'Create App ID,' and you'll be taken to your App Dashboard for the next step.(Note:You may be required to enter acaptcha first to prove you are indeed human ;-)



Step 4: Configure Your Facebook Page Tab

1) Once in your App Dashboard, click 'Settings' in the left-hand navigation; then click the '+Add Platform' button to start configuring your Facebook Page tab.

2) When prompted, select 'Page Tab' as your platform.



3) Next, add the 'Secure Page Tab URL' of the external web page you created in step 1.Remember, Facebook requires asecureURL (which starts with https://), otherwise it won'twork. (See step 1 for more details.) Then specify whether you want a wide page tab (810px),which I recommend so your content fills the full width of the tab. This should also align withthe width of the page you set up in step 1. You can leave 'Page Tab Edit URL' fieldblank. Youcan also upload a 'Page Tab Image' here (which must be 111 x 74 pixels), although to behonest, I'm not sure how Facebook uses this image since it no longer uses thumbnails in theFacebook tab navigation on your page.

4) When you're done editing the contents of this section, click the blue 'Save Changes'button at the bottom right.

Step 5: Add Your New Custom Tab to Your Facebook Page

This step can be a bit tricky, so read carefully. In order to addyour new tab to your BusinessPage, you'll need to visit a link with several custom URL parameters.I know it sounds strange,but bear with me. Here's thelink you'll need to modify:

http://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&next=YOUR_URL

1) First, replace the parts in redin the URL above -- YOUR_APP_IDand YOUR_URL-- withthe 'App ID' found in the basic settings for your app, and your 'Secure Page Tab URL.'



So using my example, my new URL would be:

http://www.facebook.com/dialog/pagetab?app_id=1546958298917818&next=https://www.hubspot.com/custom-facebook-tab

2) One you have your URL, visit it in your browser. When you do, this will pop up ...



3)Last but not least, select the Facebook Page you want to add your tab to. Then click 'AddPage Tab.' Keep in mind that you'll need to be an administrator of the Facebook Page inorder to add the tab.

Voila! Your custom Facebook tab should now be added to your page. Go check and see!

Editor's Note: We've heard rumblingsofpeoplegetting 405 and 403 "Forbidden" errorswithin their page tabs once they've been set up. When a Facebook user clicks on yourcustom tab, their browser sends a HTTP POST request to your tab's Secure Page Tab URL.They'll see this error message if the pageyou're using to host the content of your Facebooktab forbids HTTP POST requests. If you see these errors, your best course of action is to workwith an experienced developer to help you set up your custom Facebook tab.

Step 6 (Optional): Rearrange Your Facebook Tabs

Because Facebook only allows you to display four tabs before the rest get bucketed underthe 'More' dropdown, you can also rearrange the order of your tabs so your new custom tabappears more prominently in the main navigation of your page rather than in the 'More'dropdown. To rearrange your tabs, click 'Manage Tabs' in the 'More' drop-down menu onyour Facebook Page, and then drag and drop your tabs in the order you want them toappear. Just note that 'Timeline' and 'About' must appear first no matter what.

Bonus:You can also reorder the content modulesthat appear to the left of your FacebookPage timeline by hovering over a module, clicking the pencil icon, and selecting 'Manage



Topics: Social Media

bb bp' M B

Join 380,000+ fellow marketers! Get HubSpot's latest marketing articles straight to your inbox.Enter your email address below:

COMMENTS

Sections.'

For Facebook's official documentation about creating custom Facebook Page tabs, clickhere.

Editor's Note: This post was originally published in 2011 and has been updated to reflectFacebook's custom tab setup documentation for 2015.

SUBSCRIBE



v 'M M'

Written by Jeff Swystun

This post originally appeared on HubSpot'sAgency Post. To read more content likethis,subscribe to Agency Post.

In 2007, I was brand new to the storied advertising agency DDB, having been appointed chiefcommunications officer. One of the first memos that hit my desk was a heads up that DoyleDane Bernbach was going to be featured in a new television series. Creator Matthew Weinerhad consulted with the agency prior to production and my arrival, but we did not know how wewere to be treated in the storyline for Mad Men.

Read More

v P f p-Pfm p

Written by Leslie Ye

This post originally appeared on HubSpot's Sales Blog. To read more content like this,subscribe to Sales.

Salespeople can make or break an organization. Do you have the next big idea? Great. But ifyou dont have someone on your team who can sell it, your idea might be dead in the water.

Read More

P Pv Fb, & Pp



[fp]

Written by Lindsay Kolowich

In a world where the phrase"pics or it didn't happen" isa widespread mantra,people of allages are sharing a wide range of information about themselves on social media.

Of course, social media websites were designed to encourage sharing. Many of us spend alarge chunk of our days sharing lots of professional information on social, whether we'remanaging our company's Facebook account or tweeting pictures of the event we're attending.

Read More

p p ""

Written by Dechay Watts

"Were getting to common version, which is a superset of the functionality being built inRainbow 5, which uses version 2 of the Asian code, said our new client in a kick off meeting.

Yes, people really speak this way. Especially, when they work in complicated or regulatedindustries. While its one thing to banter about codes and supersets, or BI, ERPs and CRMs,when youre behind the scenes developing amazing new tools for people to use, theconversation loses its flare when industry jargon becomes part of your customer facingcontent.

Read More

m b ? [ ]

Written by Andrea Lehr



Every day, humans make snap judgments.In one Princeton study, participants madeassumptions within 100 millisecondsof being exposed to a portrait. In a similar study on virtualbias, researchers at the University of British Columbia compared respondents in-personimpressions with those obtained by only viewing Facebook photos -- and the results revealedthat passive, virtual impressions tended to be more negative.

Read More

x x

Written by Rachel Sprung

Have you ever wanted to create a single chart fortwo different (yet related)pieces of data?Maybe you wanted to see the raw number of leads you're generating from each channelandwhat the conversion rate of the channel is. Having those two sets of data on one graph isextremely helpful to picking out patterns and identifying full-funnel trends.

Read More

5 Q p f Pp, ' v V m pp

Written by Jessica Webb

In the last month or so, there's been a big surge in live video broadcasting.Thanks tosmartphone apps like Periscope, users can record live video streams and share them with theirnetwork.

For example, a friend of mine recently used Periscope to livestream an iPhone video of herwalking her dog. She shared a link to the live stream on Twitter, and a few of her followersclicked through and watched her walk her dog in real time. Kind of weird, but at the same time,kind ofcool.



Read More

5 M B M

Written by Katie Lantukh

In our fast-paced and tech-driven world, companies are reeling, wondering if brand loyaltyexists any more. And to some degree, theyre right to question it. Todays customers arentloyal to a brand for the same reasons that their parents and grandparents were they havethousands of other options.

Read More

f mp B? [ Bm ]


"Blog early, blog often."

In the inbound world, these are words to live by.After all, blogs help businesses attract newwebsite visitors and convert them into leads. Each time you publishan original blog post,you're creating a new opportunity to getfound in search engines, get shared on social media,get linked to by other sites, and get a new person to interact with your company.

Read More

P, B P Jm: P P p



Written by Tracey Wallace

The web has inadvertently made authors out of us all as we post on forums, send emails, shareinformation, write white papers, guides and various web content. Most of us, however, are notauthors by profession and so consequently the quality of writing on the web varies greatly.

Read More

bb: Pp B

Written by Dave Gerhardt

When it comes to today's fastest growing brands, few companies are in the same caliberasAirbnb.

Read More

mp [fp]


I have a love-hate relationship with hashtags on Twitter.

On the one hand, they're a useful way to tie differentconversations into one stream. When itcomes to followinga news item, entering a contest, or figuring outout what's going on in yourfavorite sports game, they can be super helpful -- and sometimes even fun.

' b v 100 pp v 1,000 pp .- J Bff, M, bb

[]



Read More

13 Q p mpv b

Written by Rick Whittington

Designing your company website can be a challenging proposition. Youve got to juggle theexpectations of many stakeholders, and you can often hit obstacles that prevent new ideasfrom emerging.

I was the design manager for a large company website for nearly six years, and during thattime, I found myself losing perspective of what our target audiences really needed. Call ittunnel vision. When you work on the same website, it often helps to take a step back andthink through new approaches. Thats the purpose of this blog post.

Read More

m? 27 f B mm, b &

Written by Nichole Elizabeth DeMer

One of the best parts about being in marketing is that most of us can work anywhere andeverywhere -- as long as we have an internet connection, it's relatively easy for us to get mostour day-to-day workdone. To publish that blog post, send that email, or set up that emailnurturing workflow, we simply need to connect to Wi-Fi and get to work.

But an internet connection doesn't solve everything we need to accomplish during the day.

Read More



$168 f B: b f

Written by Jami Oetting

This post originally appeared onAgency Post. To read more content like this,subscribe toAgency Post.

There are two women who can cause websites to crash, phones to ring incessantly, andbidding wars to begin.

Read More

Pp Fm m [fp]


Think of a really good print advertisement you've seenlately. What did you like aboutit?Chances are that while the content of that ad was important, the design played a big roleindrawing you in.

It's important to think of your resume like an advertisement to job recruiters. Writing a standoutresume goes beyond the content you put in there -- the format plays an important role, too.

Read More

5 b FP ( B)

Written by Chris Getman



So its finally time. Youve decided your business needs a new website. There are probably avariety of reasons why (its outdated, its not mobile friendly, it doesnt represent your brand,etc.)but where to start? Well, many businesses will write a website RFP (request for proposal)and then send that RFP out to multiple agencies hoping theyll respond.

But heres the thing, some of the best agencies out there hate responding to RFPs becausetheyre time consuming and creatively constraining. Thats a problem because as a business,you want the best agencies to respond to your RFP so you can get the best website possible.

Read More

M ? 9

Written by Rachel Sprung

I'vebeen interested in data and analytics for a long, long time. As a ten-year-old, IremembercreatingExcel spreadsheets with my dad for his annual Fantasy Football pool.Bythe time I was 16, I was building Pivot Tables with my cell phone bill to figure out who I textedthe most. (I promiseI had other hobbies.)

Since then, I've learned how much more there is to data analysis besides Pivot Tables andExcel. There's a whole world of analytics out there -- and I've barely scratched the surface.

Read More

P f mm : pp m

Written by Greg Wise

If you hang on to anything long enough, it eventually comes back in style, right? Many mightargue that this is because there are no new ideas, and that fashion designers have to stealfrom the past in order to create fresh new looks. In reality, this phenomenon probably has less



to do with a lack of originality and more to do with nostalgia.

Read More

F P 'v B F [ ]

Written by Erik Devaney

Finding the perfectfree stock photo ... what a feeling!

It's like finding a black pearl in an oyster, or like finding agoldenChachapoyan fertility idol in abooby-trapped Peruvian temple (hat tip, Indiana Jones).

Why is it so rare tofind a free stock photo that's the perfect fit for your blog post, email, orother piece of content?

Read More

p F' m P 300% M . J.

Written by Joe Jerome

It wasn't until late afternoon on April Fool's Day when Icame up with the idea for an epic prank.

No, not covering a colleague's desk with Post-It notes or planting staplers in Jell-O. I'm talkingsomething a little more ... client-facing.

Let me quickly give you some context here. Mymarketing consulting company,Brand BuilderSolutions, is averystrong advocate of all things inbound marketing.

Read More



18 Fb P f m B

Written by Spencer Powell

As a new home builder, you're in a great position to take advantage of social media. Why? It'sthe photos! People LOVE photos of homes, both inside and out.

However, you're probably looking for some other ideas too so that your Facebook profiledoesn't become stagnant. Below, I've put together a list of a 18 Facebook post ideas to getyour creative juices flowing.

Read More

: m v

Written by

If you're serious about improving more conversions, you need to start thinking of conversionrate optimization (CRO) differently. CRO isn't just about making small adjustments to a landingpage to get 5% more conversions. But if you've tried moving page elements around, testedvariations of your copy, and optimized your form, but stillaren't seeing meaningful conversiongains, don't worry -- all is not lost.

Read More

m f pm b P [fp]




Optimizing your web pages shouldn't just be a task on your to-do list. It should be anoverarching strategy -- something you think about and test and tweak every single day.

Why? Because your website is how people get to know your brand, and havingoptimizedwebpages will makefor a more engaging and delightful experience. Plus, you'll see greaterreturns on the content you publishacross your marketing channels.

Read More

10 Jb v Q

Written by Emma Snider

This post originally appeared on HubSpot's Sales Blog. To read more content like this,subscribe to Sales.

Google is renowned for posing bizarre questions to job candidates lucky enough to be calledin for an interview. If you're applying for a job with the company, you might want tothink abouthow many golf balls can fit on a school bus, or design an evacuation plan for San Francisco.

Read More

B f [fp]

Written by Emma Snider

This post originally appeared on HubSpot'sSales Blog. To read more content like this,subscribe to Sales.

If you haven't started incorporating social media into your sales process, you're not alone.According to a survey from PeopleLinx, only 31% of sellers currently use socialto sell.



Read More

10 M b Q: B

Written by Alex Dunner

Your leads are the driver of your business. To grow and to gain customers you need to havequality leads that are actively engaged in your organizations offeringsleads that are a fit fororganizations strategy.

While every organization has a unique approach to categorizing its leads, there are severalmyths associated with lead quality many organizations fall to. Lets take a look at 10 lead qualitymyths and debunk them using facts derived from industry data.

Read More

m M M b Mb pm [fp]


How many of you use your smartphone and/or tablet to check email, scroll through Twitter,and evenread blog posts like this one?

Most of you, I'll bet. While we're not quite ready to do away with our laptops and desktopcomputers, people are spending more time using their mobile devices to access the internet --especially social media sites.

Read More



4 Fm M Ppf f 2014-2015

Written by Katie L. Fetting

Advertising used to be about smoke and mirrors. The smoke was sometimes literal("Sophisticated women smoke Virginia Slims!") and the mirrors reflected who we were and/orwanted to be ("True Americans buy Ford").

But today, BEST IN THE WEST billboards are no longer effective because consumersexpectations have changed. Every purchase is mere clicks away; there are increasingly fewstrangleholds on distribution, proprietary sales territories, patented common goods, price orquality differentials.

Read More

4 M M

Written by Mandy King

Social media is no longer a marketing afterthought for companies and organizations. Everymajor brand is present across the major social media platforms, and they are actively planningstrategic campaigns around social activity. Companies from every industry have made the leapinto social media, but healthcare has lagged behind. Why is this?

Part of it is a lack of understanding about what social media is and how it integrates withcurrent healthcare marketing efforts. Part of it is a fear of how it affects patient privacy andcompliance with regulations such as HIPAA. What many healthcare organizations don't realizeis that these obstacles are all easily overcome and shouldn't stand in the way of building upsocial media strategies.

Read More



M B mm

Written by Tom Schwab

Most companies don't think of themselves as ecommerce, but if you're using your website tosell a product, you are in ecommerce! Adding the high-volume and fast sales cycle ecommercebusiness to any existing website can allow you to learn more about your customers, learn itfaster, and make money as you do. Here's a quick crash course in how to make the most ofyour ecommerce capabilities -- from what you can sell to how to start selling, and how to setyourself up for ecommerce success.

Read More

f : M p V


Getting chosen to speakat a TED conference is no easy feat.

Attending a TED conference -- as in, sitting in the audience -- is a littlelike applying for college,with a short essay-styleapplicationincluding questionslike "What are you passionate about?"But to speak at a conference is even harder. TED's content director Kelly Stoetzel and herteam reviewthousands of candidatesand whittle them down to 60-70 speakers for thetwice-a-year, week-long conferences.

Read More

f ? 8 p & f B

Written by



When I was in high school, I was always doodling in my notebooks.Hand-drawn letters andlittle pictograms covered my homework, tests, and papers. I would get lost in creating newways to write out my name or drawing cartoon representations of my friends. Teachers wereconstantly telling me toto "knock it off" and focus on my studies.

Eventually, I did knock it off -- mostly because I realized I wasn't that good at drawing on paper.

Read More

13 p f B M ff

Written by Ryan Scott

Fewer people read your blog posts than you think. More people read your headline than youthink, too.

On average, only 20% of those who read your headlinewill click through to read your article.That means good headlines lose 80% of your audience. Great headlines, though, can make adramatic impact in the opposite direction. You can increase the traffic to your articles byasmuch as500%, based solely on the headline.

Read More

M f b M: v bp' F

Written by Mike Volpe

One of the toughest challenges CMOs face is getting buy-in on new programs and initiativesfrom the rest of the executive team -- especially from the CFO.A lot ofCMOs feel like theyrebegging for money each month. And if the money ends up going to something that doesntquite pan out, their budget is on the chopping block.



But itdoesnt have to be that way. There are many ways CMOs can improve their relationshipwith their CFOs, andthe best way to get started is to figure out how your CFO thinks.

Read More

fp [10 F fp mp]

Written by Pamela Vaughan

Wouldn't it be great ifcreating infographicswas just as simple as writing regular ole text-basedblog posts? Unfortunately, the reality is that making visual content like this usually takes a lotmore time, effort, and let's face it -- skill -- than the written word.Usually.

But considering the popularity and effectiveness of visual content in marketing today, you can'tjust afford to throw in the towel. That's why we decided to takeall the pain and suffering out ofinfographic creation.Seriously -- don't throw in the towel just yet. You, too, can createprofessional-looking, high-quality infographics ... quickly! And I'm going to prove it. First thingsfirst ...

How to Create Custom Tabs for Your Facebook Business Page (1).pdf

Documents

Transcript of How to Create Custom Tabs for Your Facebook Business Page (1).pdf