851 posts Envato Studio Communications Manager
  • Envato Studio (Microlancer) Beta Tester
  • Envato Staff
  • Has been a member for 5-6 years
  • Attended a Community Meetup
  • Bought between 50 and 99 items
  • Contributed a Blog Post
  • Interviewed on the Envato Notes blog
  • Australia
+2 more
Jordan_M Staff says

Hey guys!!

Hope everyone has been going well here! I miss you all, but luckily I’ve got chances to still come visit TF and the Marketplaces as part of my new role at Tourism Australia – woo hoo! Hopefully I can hang around a bit more :)

I’ve got a bit of a question for you all. My boss wants me to find a way to do the following (I think this way makes no sense, but can’t think of a way to accomplish this without getting a dev involved and I think that’s off the cards at this stage).

1) Create a custom Facebook tab for a brand profile, which pulls in an iframe of an outside WordPress installation which is designed solely for use in that iframe on Facebook. 2) Utilise an existing premium template if possible, which is basically just a gallery of images in a grid shaped pattern, which when clicked go to a custom URL .

That’s it. So really, there’s elements of a lot of portfolio templates out there on TF which are perfect – if only I could cut out everything except for the grids of images, and make them fit into the resolution of a Facebook iframe tab. Which I can’t really personally do :P

Does anyone know of any way to make that work or an easy alternative?

Also – I hope this makes sense..

2957 posts
  • Australia
  • Community Moderator
  • Elite Author
  • Author had a Free File of the Month
  • Most Wanted Bounty Winner
  • Author had a File in an Envato Bundle
  • Has been a member for 5-6 years
  • Contributed a Blog Post
  • Repeatedly Helped protect Envato Marketplaces against copyright violations
+10 more
dtbaker Volunteer moderator says

Yep it’s pretty easy to do. I do something similar with my “jigoshop facebook tab” item. It strips out the header/footer of any wordpress theme automatically and only displays the inner bit for use in facebooks iframe.

For a gallery setup I would probably try something like:

  1. install wordpress somewhere and create a gallery on a page using the default theme
  2. copy the url to that gallery
  3. create a new facebook app here: https://developers.facebook.com/apps
  4. enter the URL to that gallery into the app settings (see here for a screenshot that might help)
  5. important, the wordpress install needs normal and SSL (ie: https://yourwebsite.com/gallery-page) url’s to work in facebook
  6. create a new facebook page for testing (http://facebook.com/pages/create.php)
  7. add the “facebook app” to the new “facebook page” and it will show up as a new icon on that page ( to add an “app” to a “page” create a link like this https://www.facebook.com/dialog/pagetab?app_id=ENTER_YOUR_FB_APP_ID_HERE &next=ENTER_YOUR_WORDPRESS_URL_HERE )
  8. the iframe on facebook will display the gallery page you entered into the facebook app settings

once you have that working you can play with the page styles to get the gallery looking nice in facebook (either by modding a premium template or just tweaking the default WP theme with some css)

good luck!

2957 posts
  • Australia
  • Community Moderator
  • Elite Author
  • Author had a Free File of the Month
  • Most Wanted Bounty Winner
  • Author had a File in an Envato Bundle
  • Has been a member for 5-6 years
  • Contributed a Blog Post
  • Repeatedly Helped protect Envato Marketplaces against copyright violations
+10 more
dtbaker Volunteer moderator says

lol @ automated spam flagging. nice!

851 posts Envato Studio Communications Manager
  • Envato Studio (Microlancer) Beta Tester
  • Envato Staff
  • Has been a member for 5-6 years
  • Attended a Community Meetup
  • Bought between 50 and 99 items
  • Contributed a Blog Post
  • Interviewed on the Envato Notes blog
  • Australia
+2 more
Jordan_M Staff says

Yep it’s pretty easy to do. I do something similar with my “jigoshop facebook tab” item. It strips out the header/footer of any wordpress theme automatically and only displays the inner bit for use in facebooks iframe.

For a gallery setup I would probably try something like:

  1. install wordpress somewhere and create a gallery on a page using the default theme
  2. copy the url to that gallery
  3. create a new facebook app here: https://developers.facebook.com/apps
  4. enter the URL to that gallery into the app settings (see here for a screenshot that might help)
  5. important, the wordpress install needs normal and SSL (ie: https://yourwebsite.com/gallery-page) url’s to work in facebook
  6. create a new facebook page for testing (http://facebook.com/pages/create.php)
  7. add the “facebook app” to the new “facebook page” and it will show up as a new icon on that page ( to add an “app” to a “page” create a link like this https://www.facebook.com/dialog/pagetab?app_id=ENTER_YOUR_FB_APP_ID_HERE &next=ENTER_YOUR_WORDPRESS_URL_HERE )
  8. the iframe on facebook will display the gallery page you entered into the facebook app settings

once you have that working you can play with the page styles to get the gallery looking nice in facebook (either by modding a premium template or just tweaking the default WP theme with some css)

good luck!

Awesome – thanks for the advice man! :D

48 posts
  • Envato Studio (Microlancer) Beta Tester
  • Exclusive Author
  • Has been a member for 3-4 years
  • Mauritius
  • Sold between 1 000 and 5 000 dollars
simplesphere says

Yep it’s pretty easy to do. I do something similar with my “jigoshop facebook tab” item. It strips out the header/footer of any wordpress theme automatically and only displays the inner bit for use in facebooks iframe.

For a gallery setup I would probably try something like:

  1. install wordpress somewhere and create a gallery on a page using the default theme
  2. copy the url to that gallery
  3. create a new facebook app here: https://developers.facebook.com/apps
  4. enter the URL to that gallery into the app settings (see here for a screenshot that might help)
  5. important, the wordpress install needs normal and SSL (ie: https://yourwebsite.com/gallery-page) url’s to work in facebook
  6. create a new facebook page for testing (http://facebook.com/pages/create.php)
  7. add the “facebook app” to the new “facebook page” and it will show up as a new icon on that page ( to add an “app” to a “page” create a link like this https://www.facebook.com/dialog/pagetab?app_id=ENTER_YOUR_FB_APP_ID_HERE &next=ENTER_YOUR_WORDPRESS_URL_HERE )
  8. the iframe on facebook will display the gallery page you entered into the facebook app settings

once you have that working you can play with the page styles to get the gallery looking nice in facebook (either by modding a premium template or just tweaking the default WP theme with some css)

good luck!

+1 :-) Nice tip

by
by
by
by
by
by