Difference between revisions of "Facebook App Like Box Element"

From ADF Docs
Jump to: navigation, search
(Created page with '== Overview == The Like Box enables users to like your Facebook Page and view its stream directly from your website. == Setup == 1. Import the ''Like Box'' custom element. <br /…')
 
Line 10: Line 10:
 
# Create a new page and place the ''Like Box'' element on the page.  
 
# Create a new page and place the ''Like Box'' element on the page.  
 
# Click the 'New Data' button.
 
# Click the 'New Data' button.
# Edit the custom element data to your liking (or just leave the defaults) and click '''Save'''.
+
# Enter your Facebook Page's Page ID. If you don't know the ID for your Facebook Page, an easy way is to go to your Facebook Page and click on its profile picture. Once the page loads you'll see that the URL in the address bar ends with "id=xxxxxxxxxxxxxxxx", that number is your Facebook Page's Page ID.
 +
# Edit the rest of the custom element data to your liking (or just leave the defaults) and click '''Save'''.
 
# Submit the changes to the page.
 
# Submit the changes to the page.
  
  
 
[[Category:Facebook]]
 
[[Category:Facebook]]

Revision as of 19:07, 17 August 2010

Overview

The Like Box enables users to like your Facebook Page and view its stream directly from your website.

Setup

1. Import the Like Box custom element.

Note: Verify the path for the render handler points to the ADF mapping, not the current site's mapping.

Demo

To set up a demo of the Like Box custom element, follow these steps:

  1. Create a new page and place the Like Box element on the page.
  2. Click the 'New Data' button.
  3. Enter your Facebook Page's Page ID. If you don't know the ID for your Facebook Page, an easy way is to go to your Facebook Page and click on its profile picture. Once the page loads you'll see that the URL in the address bar ends with "id=xxxxxxxxxxxxxxxx", that number is your Facebook Page's Page ID.
  4. Edit the rest of the custom element data to your liking (or just leave the defaults) and click Save.
  5. Submit the changes to the page.