Step by Step Guide for Creating Fancy Facebook Fan Pages by Olaf Nitz | olafnitz.net

About this Facebook Guide Since the social networking site Facebook is about to become one of the largest and most visited websites globally, you should think about expanding your online presence to Facebook. That’s what everybody tells you these days – but no one tells you how to create an outstanding Facebook Fan Page. As a corporation you can engage in Facebook in different ways, and creating a fan page is the most powerful one. Although it is easy to set up the page, creating a fancy fan page is a little tricky. There are tons of applications on Facebook from which I selected a few which proved to be useful. This guide is not exhaustive, but it can help you to create and enhance your Facebook presence.

Since the social networking site Facebook is about to become one of the largest and most visited websites globally, you should think about expanding your online presence to Facebook.

That’s what everybody tells you these days – but no one tells you how to create an outstanding Facebook Fan Page. As a corporation you can engage in Facebook in different ways, and creating a fan page is the most powerful one. Although it is easy to set up the page, creating a fancy fan page is a little tricky.

There are tons of applications on Facebook from which I selected a few which proved to be useful.

This guide is not exhaustive, but it can help you to create and enhance your Facebook presence.

Agenda 5 Login, Create & Publish Page 13 Profile Picture & Page Description 17 Add Photos 25 Page Favourites 29 Vanity URLs 34 Custom Tabs with Text & Images 48 Video App 70 Youtube Player 81 Youtube Video Box 99 Twitter for Pages 109 Integration RSS / Blog 120 Create a simple App 137 Polls 147 Landingtab 151 About the Guide & the Author

5 Login, Create & Publish Page

13 Profile Picture & Page Description

17 Add Photos

25 Page Favourites

29 Vanity URLs

34 Custom Tabs with Text & Images

48 Video App

70 Youtube Player

81 Youtube Video Box

99 Twitter for Pages

109 Integration RSS / Blog

120 Create a simple App

137 Polls

147 Landingtab

151 About the Guide & the Author

GET STARTED Login, Creating & Publishing a Page

Login, Creating & Publishing a Page

Login http://www.facebook.com GETTING STARTED Username

http://www.facebook.com

GETTING STARTED

Create Page http://www.facebook.com/home.php ? GETTING STARTED

http://www.facebook.com/home.php ?

GETTING STARTED

Select „Pages“ http://www.facebook.com/advertising/ GETTING STARTED

http://www.facebook.com/advertising/

GETTING STARTED

Create Page http://www.facebook.com/advertising/?pages GETTING STARTED

http://www.facebook.com/advertising/?pages

GETTING STARTED

Choose Category & Create Page http://www.facebook.com/pages/create.php GETTING STARTED Features in the Info-Section depend on category

http://www.facebook.com/pages/create.php

GETTING STARTED

Result: New Fan Page GETTING STARTED

GETTING STARTED

Publish Page: Option 1 GETTING STARTED

GETTING STARTED

Publish Page: Option 2 GETTING STARTED

GETTING STARTED

FIRST ADAPTATIONS Profile Picture & Description

Profile Picture & Description

Profile Picture GETTING STARTED

GETTING STARTED

Advanced Profile Picture GETTING STARTED Canvas size: 200 px width; Background: Blue: Color #ECEFF4; 51px height; 200px width; Grey Line: Color #E0E0E8;

GETTING STARTED

Page Description GETTING STARTED Text and Links possible

GETTING STARTED

ADD PHOTOS Creating Albums, Uploading, Publishing

Creating Albums, Uploading, Publishing

Create a Photo Album ADD PHOTOS

ADD PHOTOS

Album Details ADD PHOTOS

ADD PHOTOS

Loading Java ADD PHOTOS

ADD PHOTOS

Select Photos ADD PHOTOS Non-Java / Simple HTML-Upload also available

ADD PHOTOS

Upload Photos ADD PHOTOS

ADD PHOTOS

Upload Successful ADD PHOTOS

ADD PHOTOS

Publish Photos ADD PHOTOS

ADD PHOTOS

PAGE FAVOURITES Linking other Pages from your Fan Page, Creating a Network of Fan Pages

Linking other Pages from your Fan Page, Creating a Network of Fan Pages

Go to Fan Page & Add to Favourites PAGE FAVOURITES

PAGE FAVOURITES

Select Page PAGE FAVOURITES

PAGE FAVOURITES

Result: Favourite Pages PAGE FAVOURITES

PAGE FAVOURITES

VANITY URLS Creating Custom Short-URLs

Creating Custom Short-URLs

Select Username for your Page http://www.facebook.com/username/ VANITY URLS It is possible to create Vanity URLs for Fan Pages with more than 50 fans.

http://www.facebook.com/username/

VANITY URLS

Choose Page http://www.facebook.com/username/ VANITY URLS

http://www.facebook.com/username/

VANITY URLS

Choose Username http://www.facebook.com/username/ VANITY URLS

http://www.facebook.com/username/

VANITY URLS

Result: Vanity URL VANITY URLS

VANITY URLS

CUSTOM TABS Adding your own Text & Graphics

Adding your own Text & Graphics

Search App CUSTOM TABS

CUSTOM TABS

Search FBML App http://www.facebook.com/apps/directory.php CUSTOM TABS

http://www.facebook.com/apps/directory.php

CUSTOM TABS

Select „Static FBML“ CUSTOM TABS

CUSTOM TABS

Add App to Page http://www.facebook.com/apps/application.php?id=4949752878&ref=appd CUSTOM TABS

http://www.facebook.com/apps/application.php?id=4949752878&ref=appd

CUSTOM TABS

Choose Page CUSTOM TABS

CUSTOM TABS

Edit App Edit Page CUSTOM TABS

Edit Page

CUSTOM TABS

Insert HTML / FBML CUSTOM TABS Dos: HTML HTML forms Internal CSS outgoing links external images Don‘ts: external Javascript external CSS

CUSTOM TABS

Dos:

HTML

HTML forms

Internal CSS

outgoing links

external images

Don‘ts:

external Javascript

external CSS

Option: Add another FBML Box CUSTOM TABS

CUSTOM TABS

Edit App Settings CUSTOM TABS

CUSTOM TABS

Add App to Tabs / Boxes CUSTOM TABS

CUSTOM TABS

Arrange Tabs: Drag & Drop CUSTOM TABS

CUSTOM TABS

Move App from Boxes to Wall Tab CUSTOM TABS

CUSTOM TABS

Wall Tab: Result CUSTOM TABS Image width: 200 Pixel

CUSTOM TABS

VIDEO APP Uploading Videos, Recording with your Webcam

Uploading Videos,

Recording with your Webcam

App: Video  Add to Page http://www.facebook.com/apps/application.php?id=2392950137 VIDEO APP

http://www.facebook.com/apps/application.php?id=2392950137

VIDEO APP

Choose Page  Add to Page VIDEO APP

VIDEO APP

Edit Page Settings  Video Edit VIDEO APP

VIDEO APP

Add Videos VIDEO APP

VIDEO APP

Select file on your Computer VIDEO APP

VIDEO APP

Agree to Terms of Service VIDEO APP

VIDEO APP

Upload Video & Enter Info VIDEO APP

VIDEO APP

Save Info VIDEO APP

VIDEO APP

Video Processing VIDEO APP

VIDEO APP

Result: Video VIDEO APP

VIDEO APP

Result: Video VIDEO APP

VIDEO APP

Result: Video VIDEO APP

VIDEO APP

Record Video from Webcam VIDEO APP: WEBCAM

VIDEO APP: WEBCAM

Settings Adobe Flash Player VIDEO APP: WEBCAM

VIDEO APP: WEBCAM

Close VIDEO APP: WEBCAM

VIDEO APP: WEBCAM

Record Video VIDEO APP: WEBCAM

VIDEO APP: WEBCAM

Record Video & Stop VIDEO APP: WEBCAM

VIDEO APP: WEBCAM

Save Video VIDEO APP: WEBCAM

VIDEO APP: WEBCAM

Save Video VIDEO APP: WEBCAM

VIDEO APP: WEBCAM

Enter Info & Save VIDEO APP: WEBCAM

VIDEO APP: WEBCAM

Result: Webcam Video VIDEO APP: WEBCAM

VIDEO APP: WEBCAM

YOUTUBE PLAYER Adding a Video Playlist of Youtube Videos

Adding a Video Playlist of Youtube Videos

App: Youtube Player http://www.facebook.com/apps/application.php?id=6916954478 YOUTUBE PLAYER

http://www.facebook.com/apps/application.php?id=6916954478

YOUTUBE PLAYER

Add App to your Page YOUTUBE PLAYER

YOUTUBE PLAYER

Edit Page  Edit YOUTUBE PLAYER

YOUTUBE PLAYER

Allow Access YOUTUBE PLAYER

YOUTUBE PLAYER

Add Videos YOUTUBE PLAYER

YOUTUBE PLAYER

Enter Videos & Save YOUTUBE PLAYER

YOUTUBE PLAYER

Edit Page  Application Settings YOUTUBE PLAYER

YOUTUBE PLAYER

Add Videos to Tabs YOUTUBE PLAYER

YOUTUBE PLAYER

Result  Arrange Tab YOUTUBE PLAYER

YOUTUBE PLAYER

Result: Youtube Player YOUTUBE PLAYER

YOUTUBE PLAYER

YOUTUBE VIDEO BOX Adding Youtube Videos

Adding Youtube Videos

Add App to Page http://www.facebook.com/apps/application.php?id=3801015922 YOUTUBE VIDEO BOX

http://www.facebook.com/apps/application.php?id=3801015922

YOUTUBE VIDEO BOX

Select Page YOUTUBE VIDEO BOX

YOUTUBE VIDEO BOX

Edit Page  Edit Settings YOUTUBE VIDEO BOX

YOUTUBE VIDEO BOX

Add Videos from Youtube YOUTUBE VIDEO BOX

YOUTUBE VIDEO BOX

Add Youtube URL YOUTUBE VIDEO BOX

YOUTUBE VIDEO BOX

Edit Details & Save Video YOUTUBE VIDEO BOX

YOUTUBE VIDEO BOX

Back to Page Videos YOUTUBE VIDEO BOX

YOUTUBE VIDEO BOX

Add another Video YOUTUBE VIDEO BOX

YOUTUBE VIDEO BOX

Save URL YOUTUBE VIDEO BOX

YOUTUBE VIDEO BOX

Edit Details & Save YOUTUBE VIDEO BOX

YOUTUBE VIDEO BOX

Back to Page Videos YOUTUBE VIDEO BOX

YOUTUBE VIDEO BOX

Page Videos YOUTUBE VIDEO BOX

YOUTUBE VIDEO BOX

Edit Application Settings YOUTUBE VIDEO BOX

YOUTUBE VIDEO BOX

Add App to Tab YOUTUBE VIDEO BOX

YOUTUBE VIDEO BOX

Save Settings YOUTUBE VIDEO BOX

YOUTUBE VIDEO BOX

Arrange Tabs YOUTUBE VIDEO BOX

YOUTUBE VIDEO BOX

Result Youtube Video Box YOUTUBE VIDEO BOX

YOUTUBE VIDEO BOX

TWITTER FOR PAGES Integrating your Tweets

Integrating your Tweets

Choose Page http://www.facebook.com/add.php?api_key=6f77619e603ca9b71b45f5cd105be888&pages TWITTER FOR PAGES

http://www.facebook.com/add.php?api_key=6f77619e603ca9b71b45f5cd105be888&pages

TWITTER FOR PAGES

Add App Twitter for Pages TWITTER FOR PAGES

TWITTER FOR PAGES

Enter Details & Select User TWITTER FOR PAGES

TWITTER FOR PAGES

Continue TWITTER FOR PAGES

TWITTER FOR PAGES

Edit Page  App. Settings TWITTER FOR PAGES

TWITTER FOR PAGES

Add Tab TWITTER FOR PAGES

TWITTER FOR PAGES

Add Tab & Save TWITTER FOR PAGES

TWITTER FOR PAGES

Arrange Tabs  Drag & Drop TWITTER FOR PAGES

TWITTER FOR PAGES

Result: Twitter for Pages TWITTER FOR PAGES

TWITTER FOR PAGES

RSS / BLOG Integrating a Blog

Integrating a Blog

App Social RSS: Add to my Page http://www.facebook.com/apps/application.php?id=23798139265 RSS / BLOG

http://www.facebook.com/apps/application.php?id=23798139265

RSS / BLOG

Add App to Page RSS / BLOG

RSS / BLOG

Edit Page  Edit Social RSS RSS / BLOG

RSS / BLOG

Add RSS Feed RSS / BLOG

RSS / BLOG

Updating… RSS / BLOG

RSS / BLOG

Feeds Updated RSS / BLOG

RSS / BLOG

Add Tab: Application Settings RSS / BLOG

RSS / BLOG

Add Tab RSS / BLOG

RSS / BLOG

Add Tab & Save RSS / BLOG

RSS / BLOG

Result: Blogpostings in Tab RSS / BLOG

RSS / BLOG

CREATING A SIMPLE APP Content from a Website on Facebook

Content from a Website on Facebook

Creating Content: PHP Code Example: Including Twitter via RSS Upload PHP-File to a Server CREATING A SIMPLE APP <style type=&quot;text/css&quot;> p { font-family: Arial, Helvetica, sans-serif; font-size:10px; } a { color:#990000; } </style> <?php # Script: XML-Reader # Copyright: y0y.de, erweitert: bueltge.de $url = &quot;http://twitter.com/statuses/user_timeline/957101.rss&quot;; $number = 7; $file_content = @file_get_contents($url); $items = preg_match_all(&quot;/<item[ ]?.*>(.*)</item>/Uis&quot;, $file_content, $array_items); $array_items = $array_items[1]; if(!empty($array_items)) { if ($number>sizeof($array_items)) $number=sizeof($array_items); echo &quot;<p>&quot;; for($n=0;$n<$number;$n++) { preg_match(&quot;/<link>(.*)</link>/Uis&quot;, $array_items[$n], $array_link); preg_match(&quot;/<title>(.*)</title>/Uis&quot;, $array_items[$n], $array_title); preg_match(&quot;/<pubDate>(.*)</pubDate>/Uis&quot;, $array_items[$n], $array_pubdate); $suchmuster = &quot;/<description><![CDATA[(.*)]]\></description>/Uis&quot;; preg_match($suchmuster, $array_items[$n], $array_description); echo &quot;<b>$array_title[1]</b><br>&quot;; echo &quot;$array_description[1] &quot;; echo &quot;<a href=&quot;$array_link[1]&quot; target=&quot;_blank&quot;>more</a>&quot;; echo &quot;<br><br>&quot;; } echo &quot;</ul></p>&quot;; } ?>

Example: Including Twitter via RSS

Upload PHP-File to a Server

CREATING A SIMPLE APP

PHP File in Browser CREATING A SIMPLE APP

CREATING A SIMPLE APP

Set Up New Application http://www.facebook.com/developers/ CREATING A SIMPLE APP

http://www.facebook.com/developers/

CREATING A SIMPLE APP

Choose Application Name http://www.facebook.com/developers/createapp.php CREATING A SIMPLE APP

http://www.facebook.com/developers/createapp.php

CREATING A SIMPLE APP

Basic Settings CREATING A SIMPLE APP

CREATING A SIMPLE APP

Authentication: Enable Installable Facebook Pages CREATING A SIMPLE APP

CREATING A SIMPLE APP

Canvas: Add Canvas Page URL CREATING A SIMPLE APP

CREATING A SIMPLE APP

Result & Edit Settings CREATING A SIMPLE APP

CREATING A SIMPLE APP

Add Tab Information CREATING A SIMPLE APP Tab URL is required for adding app as a tab. Tab URL is relative to Canvas Callback URL Canvas Callback URL + Tab URL http://olafnitz.net + twitter = http://olafnitz.net/twitter

CREATING A SIMPLE APP

Go to App Profile CREATING A SIMPLE APP

CREATING A SIMPLE APP

Add App to Page CREATING A SIMPLE APP

CREATING A SIMPLE APP

Add App to Page CREATING A SIMPLE APP

CREATING A SIMPLE APP

Edit Page: Application Settings CREATING A SIMPLE APP

CREATING A SIMPLE APP

Add App to Tab (1) CREATING A SIMPLE APP

CREATING A SIMPLE APP

Add App to Tab (2) CREATING A SIMPLE APP

CREATING A SIMPLE APP

Result: External Content CREATING A SIMPLE APP

CREATING A SIMPLE APP

POLLS

Application Poll http://www.facebook.com/apps/application.php?id=20678178440

http://www.facebook.com/apps/application.php?id=20678178440

Add App to Page

Create Poll

Enter Questions & Options

Publish Poll

Result: Poll on the Wall

Poll in „Boxes“

Poll in the Wall Tab

Result: Poll

LANDINGTAB Seding the user to a specific tab

Seding the user to a specific tab

Edit Page  Wall Settings LANDINGTAB

LANDINGTAB

Select Default Tab for Non-Fans LANDINGTAB Fans will be sent to the wall by default. This setting only applies to non-fans.

LANDINGTAB

Select Tab LANDINGTAB

LANDINGTAB

ABOUT & CONTACT Final Things

Final Things

About this Document This document was created by Olaf Nitz and is published under a Creative Commons License. You are free to copy, distribute, display, and perform this guide and to make derivative works under the following conditions: Attribution - you must give the original author credit and link to http://olafnitz.net. If you alter, transform, or build upon this work, you may distribute the resulting work only under a licence identical to this one. About the author: Olaf Nitz has been working in the field of e-business since 2000 as Developer, Online-Marketer, PR-Consultant, Internet Strategist, Blogger & Lecturer. Currently he is working as an Internet Strategist for the Austrian National Tourist Office in Vienna and as a Lecturer on Online-PR at the University of Applied Sciences in St.Pölten in Austria. Facebook Bookmarks: http://delicious.com/onitz/facebook

This document was created by Olaf Nitz and is published under a Creative Commons License.

You are free to copy, distribute, display, and perform this guide and to make derivative works under the following conditions: Attribution - you must give the original author credit and link to http://olafnitz.net. If you alter, transform, or build upon this work, you may distribute the resulting work only under a licence identical to this one.

About the author: Olaf Nitz has been working in the field of e-business since 2000 as Developer, Online-Marketer, PR-Consultant, Internet Strategist, Blogger & Lecturer. Currently he is working as an Internet Strategist for the Austrian National Tourist Office in Vienna and as a Lecturer on Online-PR at the University of Applied Sciences in St.Pölten in Austria.

Facebook Bookmarks: http://delicious.com/onitz/facebook

Any Questions? Olaf Nitz Web & Blog: http://olafnitz.net Email: mail (at) olafnitz.net Skype: onitz1605 Facebook: http://www.facebook.com/onitz LinkedIn: http://www.linkedin.com/in/onitz Twitter: http://twitter.com/onitz Delicious: http://delicious.com/onitz If you want to have a PDF version of this guide, send me an email!

Olaf Nitz

Web & Blog: http://olafnitz.net

Email: mail (at) olafnitz.net

Skype: onitz1605

Facebook: http://www.facebook.com/onitz

LinkedIn: http://www.linkedin.com/in/onitz

Twitter: http://twitter.com/onitz

Delicious: http://delicious.com/onitz

If you want to have a PDF version of this guide, send me an email!