For a better experience, click the Compatibility Mode icon above to turn off Compatibility Mode, which is only for viewing older websites.

Facebook Component Setup

Setting up Facebook on Sitecore is a three-step process. 

  1. Set up a "Facebook Connection" in Sitecore
  2. Log onto "Developer.facebook.com" and get your Page's Access Token
  3. Set up the Facebook Connection with your Social Connections Component

This allows a user to display current posts on their Drexel Website automatically. It will display the most recent posts available.

  1. Locate the Extras Folder of your Sitecore Website in the Content Tree of Sitecore 

    8_extras-expand
  2. Expand the “Extras” folder to find the Social Connections Folder 

  3. Right Click on the folder to bring up your “Insert” menu

    9_add-facebook-connect

  4. Click on the “Facebook Connection” option.

  5. Press “OK” to confirm

    10_name-facebook-connect


  6. On the Facebook Connection you just created fill in the User/Access Token/Display Name of the site you are connecting.

    11_facebook-connection-empty-fields


Facebook Access Token

  1. Go to facebook.com and Sign in with a Facebook account that is an “Administrator” of the organization page on Facebook. This is normally just a user who can go in and make posts on the organizations page.

    11_log-into-FB
  2. Once logged in go to “https://developers.facebook.com/tools/explorer/

    12_graph-Explorer-URL

  3. At the top of the next page you will see a long “Access Token”

    14_graph-example-page
  4. Highlight the Access Token

    15_highlight-Access-token
  5. Select “Copy” to copy the Access Token on your computer’s clipboard to use in Sitecore

  6. Go back to the Facebook Connection we set up in Sitecore

  7. Input the Access Token in Sitecore under the “Access Token” field by clicking on the Access Token field, going to the “Edit” menu at the top and choosing “Paste”

    17_paste-access-token

Facebook User

  1. Go back to Facebook in your internet browser and Navigate to the Facebook page you are trying to link to Sitecore. In our example we are using the Drexel Medicine Facebook page.

    18_drexel-fb-example
  2. At the top of your Internet browser look at the entire URL. Your Facebook user is after “facebook.com/“ In our example the Username is “DrexelMedicine&rdquo

    19_FB-user-example 

    If your page ends with numbers rather than a username your “User” would be the digits at the end of your URL. In the example below the DragonsTeach Facebook page would use “258396704331792 “ as the User in Sitecore

    21_fb-user-number-example
  3.  Fill in the “User” field in Sitecore with the User from the Facebook page.

    22_fill-in-user
  4. Fill in the Display Name with how you would like Sitecore to display the title of your page. If you type in “Drexel Medicine”, each of your posts will be marked as posted by “Drexel  Medicine”

    23_fill-in-display
  5. Save and Publish your Facebook Connection

    24_save-and-publish

Connect Facebook to Social Connections Component

Once the Facebook Connection is created we need to link our Social Connections Component to it so that it feeds in data.

  1. Click on the “Social Connections” Component in the Extras Folder under “Social Connections”

    25_click-social-connect

  2. In the main editor locate the field that says “Connections”

    26_add-social-network

  3. Press the “Edit” button above the word “Connections”

    27_edit-connections

  4. A Content tree window will appear. Find the Facebook Connection under your 

    “Site” -> “Extras” -> “Social Connections” -> “Facebook Connection”

    28_Add-facebook-connection

  5. Click on the Facebook Connection to Select it 

  6. Click the Blue Arrow button that’s pointing to the right to add it to the component. 

  7. Click “OK” at the bottom when you’re finished.

    29_press-ok-social-add

  8. Save and Publish your Social Connections Component

    24_save-and-publish