Care FAQs Articles
10-19-15
Show Your Facebook Photos on Your Website
You can use the third-party widgets below to embed a Facebook album on your website. NOTE: your album must be set as "public" in your Facebook account settings. When you click the thumbnail, the larger photo will appear in Facebook.
Go to http://facebookgalleria.com/. On the left hand site (custom options section), enter these items:
Option 1
- Go to Facebook, select your specific album, and copy the full album link (Ex: https://www.facebook.com/media/set/?set=a.188358777891977.46722.188278087900046&type=3)
- Go to this link: https://embedsocial.com/embed-gallery.php
- On the left hand side where is says "enter album link", you'll paste in the whole link from your Facebook album page (what you copied in step 1) .
- Once you hit the "go" button, you'll see a block of code appear in the block below (left hand side). You will need to copy this.
- Then, go to your page in the SiteOrganic admin console (edit site > edit pages > select group > open page/create new page).
- Switch to the HTML view of the page editor, and paste in the code you copied above.
NOTE: you will want to change one thing in the code. Where it says width="900", you will want to change the 900 to 100%. This will allow the content to span 100% of your page, as opposed to a fixed width.
Option 2
Go to http://facebookgalleria.com/. On the left hand site (custom options section), enter these items:
- FB Page ID: enter your Facebook page name/ID, which is everything after the Facebook domain (ex: http://facebook.com/churchname)
- Display: choose "specific album"
- Album: you will need to grab this from Facebook. Go to your Facebook page, click photos, click albums, choose the album you want to use, and copy the album number in the address bar. So, the full address will look something like this: hhttps://www.facebook.com/media/set/?set=a.188358777891977.46722.188278087900046&type=3, and you will just copy the bolded portion from this example. NOTE: The other options can either be left with the preset selections or changed, based on how you want the display.
- Once the custom options are in place, click the "generate code" button at the bottom and then copy the block of code that appears in the HTML code section below.
- The last step is to paste this code into the HTML of your page (edit site > edit pages > select group > select page > switch to HTML view)