“Religion is the opiate of the masses.”<br />-Karl Marx<br />
Creating your Facebook Fan Page<br />http://www.facebook.com/pages/create.php<br />
6 STEP RULE<br />
STEP 1: INFORMATION<br /><ul><li>Complete your Info Tab (Site URL, Twitter, etc)
Upload a profile photo
Add an excerpt.
Add some content on your wall.</li></li></ul><li>STEP 2: GOLD RUSH<br />Get 25 fans (likes)<br />
STEP 3: SECURING THE GOLD<br />Get your custom username.<br />http://www.facebook.com/username/<br />(Note, you cannot cha...
STEP 4: LANDING PAGE<br />
Static FBML App<br />Add a Static FBML Apphttp://www.facebook.com/apps/application.php?id=4949752878<br />
Setting up your Tab<br />Click “Edit Page” link below your company’s profile image.<br />
Add Content to your Tab<br />
Add the name of your box.  <br />For the time being, we will make it Image only.<br />
Make it the Landing Page<br />Click “Edit Page” and change the default Tab to Welcome<br />
More Landing Pages<br />Every new user will see the welcome tab first. This is your chance to convert a visitor into your ...
STEP 5: ADD WIDGET<br />Add the Facebook widget (Like Box) to your sidebar<br />http://developers.facebook.com/docs/refere...
Add the Fan Box in WordPress<br />Click Get Code, and paste it in your sidebar.php file. Anywhere you like.<br />You can a...
STEP 6: PROMOTE<br />Ask your facebook friends to LIKE your page.<br />Ask your twitter followers to LIKE your page.<br />...
INTERACTION<br /><ul><li>Facebook page is for interaction.
Ask for feedback.
Run giveaways.
Answer questions.
Bring users to your site. [CONVERSION]</li></li></ul><li>Ask a simple question like this and get good feedback. Almost Ins...
The Viral Power of Facebook<br />
Positive Reinforcement<br />This shows up in the home feed for all of my friends.<br />Lets say you got 100 people to like...
Facebook Like Button<br />These are the people that your user is friend with.<br />
The Good Part<br />Direct Link to your Site<br />Link to your Fan Page Update/Link<br />
How to Add the Facebook Like Button<br />Add the following code in your single.php file inside your post loop. Preferably ...
Result of the Like Button<br />We used to receive around 2.5k visits from Facebook previously.<br />This is a HUGE INCREAS...
Special Greeting Message<br />Display a custom greeting message to your Facebook users.<br />You can use plugins like: WP-...
Integrate Facebook Comments in WordPress<br />Unfortunately, this functionality does not work anymore.<br />There was a pl...
Simple Facebook Connect<br />One plugin that does it all<br />http://wordpress.org/extend/plugins/simple-facebook-connect/...
Connect with Facebook in Comments<br />Alternatively, you can use Disqus or Intensedebate. Much more advanced comment plat...
User registration with Facebook<br />
Auto/Manual Post on Facebook<br />
Facebook Live Streams<br />Share Real Time Comments.<br />Great for live events / confernces / speeches / webcasts.<br />A...
Facebook Share Count<br />
Facebook Share Count Manual<br />Add the following code in your WordPress Theme File (Single.php)<br /><a name="fb_share" ...
Facebook Share Link<br />Add the following code in your WordPress Theme file inside the loop:<br /><a href="http://www.fac...
Create your own Facebook App for WordPress<br />
WPBookPlugin<br />We will be using the WordPressplugin called WPBook.<br />http://wordpress.org/extend/plugins/wpbook/<br ...
Step 1: Create an Application<br />http://www.facebook.com/developers/<br />
Once you click on that, you will see a screen like below. Select a name and agree to TOS.<br />
Step 2: Configuration<br />Add your Application Name,<br />Description, and<br />Favicon.<br />Save your Application ID, A...
Post Authorize URL will be your site’s URL.<br />Ex: http://www.wpbeginner.com/<br />
Canvas URL<br />Pick your Application page name.<br />Also select your Canvas Callback URL. (This will be your site URL).<...
Upcoming SlideShare
Loading in...5
×

How to Utilize Facebook and WordPress

23,990

Published on

Unleash the power of Facebook and WordPress to build a more interactive community around your blog.

Published in: Technology
10 Comments
122 Likes
Statistics
Notes
No Downloads
Views
Total Views
23,990
On Slideshare
0
From Embeds
0
Number of Embeds
22
Actions
Shares
0
Downloads
1
Comments
10
Likes
122
Embeds 0
No embeds

No notes for slide

Transcript of "How to Utilize Facebook and WordPress"

  1. 1.
  2. 2.
  3. 3. “Religion is the opiate of the masses.”<br />-Karl Marx<br />
  4. 4. Creating your Facebook Fan Page<br />http://www.facebook.com/pages/create.php<br />
  5. 5. 6 STEP RULE<br />
  6. 6. STEP 1: INFORMATION<br /><ul><li>Complete your Info Tab (Site URL, Twitter, etc)
  7. 7. Upload a profile photo
  8. 8. Add an excerpt.
  9. 9. Add some content on your wall.</li></li></ul><li>STEP 2: GOLD RUSH<br />Get 25 fans (likes)<br />
  10. 10. STEP 3: SECURING THE GOLD<br />Get your custom username.<br />http://www.facebook.com/username/<br />(Note, you cannot change this, Type carefully)<br />
  11. 11. STEP 4: LANDING PAGE<br />
  12. 12. Static FBML App<br />Add a Static FBML Apphttp://www.facebook.com/apps/application.php?id=4949752878<br />
  13. 13. Setting up your Tab<br />Click “Edit Page” link below your company’s profile image.<br />
  14. 14.
  15. 15. Add Content to your Tab<br />
  16. 16. Add the name of your box. <br />For the time being, we will make it Image only.<br />
  17. 17. Make it the Landing Page<br />Click “Edit Page” and change the default Tab to Welcome<br />
  18. 18. More Landing Pages<br />Every new user will see the welcome tab first. This is your chance to convert a visitor into your regular user. Put interesting content, so they click “LIKE” and become a fan.<br />You can create more interactive Fan Pages with HTML and other functionalities, but that requires additional knowledge..<br />Check out this article “All you need to know about Facebook’s Static FBML App”<br />http://www.hyperarts.com/blog/facebook-static-fbml-faq-tutorial/<br />
  19. 19. STEP 5: ADD WIDGET<br />Add the Facebook widget (Like Box) to your sidebar<br />http://developers.facebook.com/docs/reference/plugins/like-box<br />
  20. 20. Add the Fan Box in WordPress<br />Click Get Code, and paste it in your sidebar.php file. Anywhere you like.<br />You can also use one of the these plugins:<br />Simple Facebook Connect(http://wordpress.org/extend/plugins/simple-facebook-connect/)<br />Facebook Fan Box(http://wordpress.org/extend/plugins/facebook-fan-box/)<br />
  21. 21. STEP 6: PROMOTE<br />Ask your facebook friends to LIKE your page.<br />Ask your twitter followers to LIKE your page.<br />Never go to other Facebook Fan Pages and LINK to your own fan page.<br />
  22. 22. INTERACTION<br /><ul><li>Facebook page is for interaction.
  23. 23. Ask for feedback.
  24. 24. Run giveaways.
  25. 25. Answer questions.
  26. 26. Bring users to your site. [CONVERSION]</li></li></ul><li>Ask a simple question like this and get good feedback. Almost Instant Feedback.<br />
  27. 27. The Viral Power of Facebook<br />
  28. 28. Positive Reinforcement<br />This shows up in the home feed for all of my friends.<br />Lets say you got 100 people to like your page.<br />If 1 person has 200 friends, then your maximum reach is 20,000 people.<br />
  29. 29. Facebook Like Button<br />These are the people that your user is friend with.<br />
  30. 30. The Good Part<br />Direct Link to your Site<br />Link to your Fan Page Update/Link<br />
  31. 31. How to Add the Facebook Like Button<br />Add the following code in your single.php file inside your post loop. Preferably above <?phpthe_content(); ?><br /><iframesrc="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:60px;"></iframe><br />Additional Resources:<br />http://www.wpbeginner.com/wp-tutorials/how-to-add-facebook-like-button-in-wordpress/<br />http://developers.facebook.com/docs/reference/plugins/like<br />
  32. 32. Result of the Like Button<br />We used to receive around 2.5k visits from Facebook previously.<br />This is a HUGE INCREASE!!! <br />
  33. 33. Special Greeting Message<br />Display a custom greeting message to your Facebook users.<br />You can use plugins like: WP-Greet-Box<br />http://wordpress.org/extend/plugins/wp-greet-box/<br />
  34. 34. Integrate Facebook Comments in WordPress<br />Unfortunately, this functionality does not work anymore.<br />There was a plugin that used to do it easily called “Facebook Comments”.<br />
  35. 35. Simple Facebook Connect<br />One plugin that does it all<br />http://wordpress.org/extend/plugins/simple-facebook-connect/- Thanks to Otto<br />
  36. 36. Connect with Facebook in Comments<br />Alternatively, you can use Disqus or Intensedebate. Much more advanced comment platforms the facebookconnect and other options.<br />
  37. 37. User registration with Facebook<br />
  38. 38. Auto/Manual Post on Facebook<br />
  39. 39. Facebook Live Streams<br />Share Real Time Comments.<br />Great for live events / confernces / speeches / webcasts.<br />Almost like a Chat box on Justin.tv (except less nonsense) and more advantage.<br />http://developers.facebook.com/docs/reference/plugins/live-stream<br />
  40. 40. Facebook Share Count<br />
  41. 41. Facebook Share Count Manual<br />Add the following code in your WordPress Theme File (Single.php)<br /><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script><br /><a name="fb_share" type="button_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script><br />
  42. 42. Facebook Share Link<br />Add the following code in your WordPress Theme file inside the loop:<br /><a href="http://www.facebook.com/sharer.php?u=<?php the_permalink(); ?>&t=<?phpthe_title(); ?>" target="blank"><imgsrc="<?phpbloginfo('template_directory'); ?>/images/facebook.png" alt="Share this article on Facebook" /></a><br />Upload a facebook icon in your WordPress theme’s image folder, and you are good to go.<br />
  43. 43. Create your own Facebook App for WordPress<br />
  44. 44. WPBookPlugin<br />We will be using the WordPressplugin called WPBook.<br />http://wordpress.org/extend/plugins/wpbook/<br />Download / Activate this plugin.<br />This plugin enable you to use Facebook as a feed reader where users can share the links and comment from facebook. All comments are stored in your blog’s server.<br />Example: http://apps.facebook.com/wpbeginner/<br />
  45. 45. Step 1: Create an Application<br />http://www.facebook.com/developers/<br />
  46. 46. Once you click on that, you will see a screen like below. Select a name and agree to TOS.<br />
  47. 47. Step 2: Configuration<br />Add your Application Name,<br />Description, and<br />Favicon.<br />Save your Application ID, API, and Secret Key.<br />
  48. 48. Post Authorize URL will be your site’s URL.<br />Ex: http://www.wpbeginner.com/<br />
  49. 49. Canvas URL<br />Pick your Application page name.<br />Also select your Canvas Callback URL. (This will be your site URL).<br />
  50. 50. WPBook Settings<br />Enter API Key<br />Secret Key<br />Canvas Page URL<br />And modify any setting that you feel like.<br />
  51. 51. This is a good alternative for Network Blogs<br />Your users can now add your application in their profile page.<br />Any activity they do within your application will be posted on their feed. <br />
  52. 52.
  53. 53. Resources<br />http://www.wpbeginner.com/wp-tutorials/excellent-tutorials-to-utilize-the-power-of-wordpress-and-facebook/<br />http://mashable.com/2010/02/22/build-facebook-landing-page/<br />http://www.hyperarts.com/blog/facebook-static-fbml-faq-tutorial<br />http://mashable.com/2009/06/16/killer-facebook-fan-pages/<br />http://developers.facebook.com/plugins<br />http://www.wpbeginner.com/wp-tutorials/how-to-add-facebook-like-button-in-wordpress/<br />http://wordpress.org/extend/plugins/simple-facebook-connect/<br />http://wordpress.org/extend/plugins/wpbook/<br />http://wordpress.org/extend/plugins/wp-greet-box/<br />
  54. 54. Who am I? How to Reach me?<br />SyedBalkhi<br />Founder of WPBeginner.com<br />CEO of Uzzz Productions (uzzz.net)<br />Contact:<br />Email: admin@wpbeginner.com<br />Twitter: @wpbeginner / @syedbalkhi<br />Facebook: http://facebook.com/wpbeginner<br />

×