How to Utilize Facebook and WordPress


Published on

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

Published in: Technology
No Downloads
Total Views
On Slideshare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

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 /><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 /><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 App<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 /><br />
  19. 19. STEP 5: ADD WIDGET<br />Add the Facebook widget (Like Box) to your sidebar<br /><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(<br />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="<?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 /><br /><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 /><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 /> 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 (except less nonsense) and more advantage.<br /><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="">Share</a><script src="" type="text/javascript"></script><br /><a name="fb_share" type="button_count" href="">Share</a><script src="" 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="<?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 /><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:<br />
  45. 45. Step 1: Create an Application<br /><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:<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 /><br /><br /><br /><br /><br /><br /><br /><br /><br />
  54. 54. Who am I? How to Reach me?<br />SyedBalkhi<br />Founder of<br />CEO of Uzzz Productions (<br />Contact:<br />Email:<br />Twitter: @wpbeginner / @syedbalkhi<br />Facebook:<br />