883 posts Envato Studio Communications Manager
  • Member of the Envato Team
  • Attended one of our Meetups around the world
  • Featured in the Envato Market Community podcast
  • Has been part of the Envato Community for over 5 years
+7 more
Jordan_M Envato team 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..

3303 posts
  • Provided great contribution to our forums
  • Nominated Community Superstar of the month
  • Helps us moderate the forums
  • Has been part of the Envato Community for over 5 years
+18 more
dtbaker 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!

3303 posts
  • Provided great contribution to our forums
  • Nominated Community Superstar of the month
  • Helps us moderate the forums
  • Has been part of the Envato Community for over 5 years
+18 more
dtbaker Moderator says

lol @ automated spam flagging. nice!

883 posts Envato Studio Communications Manager
  • Member of the Envato Team
  • Attended one of our Meetups around the world
  • Featured in the Envato Market Community podcast
  • Has been part of the Envato Community for over 5 years
+7 more
Jordan_M Envato team 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

50 posts
  • Has been part of the Envato Community for over 3 years
  • Has sold $1,000+ on Envato Market
  • Has been a beta tester for an Envato feature
  • Sells items exclusively on Envato Market
+1 more
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

Helpful Information

  • Please read our community guidelines. Self promotion and discussion of piracy is not allowed.
  • Open a support ticket if you would like specific help with your account, deposits or purchases.
  • Item Support by authors is optional and may vary. Please see the Support tab on each item page.

Most of all, enjoy your time here. Thank you for being a valued Envato community member.

Post Reply

Format your entry with some basic HTML. Read the Full Details, or here is a refresher:

<strong></strong> to make things bold
<em></em> to emphasize
<ul><li> or <ol><li> to make lists
<h3> or <h4> to make headings
<pre></pre> for code blocks
<code></code> for a few words of code
<a></a> for links
<img> to paste in an image (it'll need to be hosted somewhere else though)
<blockquote></blockquote> to quote somebody

:grin: :shocked: :cry: Complete List of Smiley Codes

by
by
by
by
by
by