Facebook iFrames!

Simple Guide To Making The Most Of The New iFrames!

Louise Steiner – March 2011http://louisesteiner.com

Introduction…

Static FBML Application no longer available to download as of 18th March 2011

Existing FBML pages continue to be supported for the time being – no date announced as yet

No mad rush, but start thinking about moving existing FBML pages to iFrames

Create new pages in iFrames New apps are still in development stage, adding

new features every day and ironing out bugs Different solutions for different situations

What Has Changed?

FBML: create code - copy and paste into FB…stayed within FB

iFrames: hosted outside of FB Create webpage in HTML Upload to host and publish on www Import into FB via their App

Downside: needs secure hosting with SSL Certificate, or pages will be blank for some visitors on FB

What’s New With iFrames

Create more of a web experience within facebook Designers can create web style pages without the limitations

of FBML Pure HTML code easier to create using external WYSIWYG

editors such as Kompozer or Dreamweaver, even for the novice

Can import existing websites SEO, Google Analytics Video can be imported straight out of YouTube with no

additional code Autoresponder Opt-In Boxes can be added with plain HTML

code New “Like” button….integrated into page and opens status

update box as you “like” the page, inviting visitors to share the Page on FB

List of Apps…

iFrames for Pages by Wildfire – free for about 3 months. Existing users will be grandfathered in

Static HTML for Pages by Involver Fan Page Pro App – integrated WYSIWYG editor Fan Page Engine – free Reveal tab TabSite – integrated WYSIWYG editor iwiPage – create tab menu Hosted iframe by Monster Apps Wordpress For Fan Pages – paid Application Static HTML: iframe tabs : one click install, versatile and easy

to use

App Features

Most allow you to create one free page Some have integrated WYSIWYG editors Some allow you to create a custom menu Most have some sort of branding attached –

Static HTML: iframe tabs is an exception All are still in the development phase,

adding new features and ironing out bugs daily

Wordpress For Fanpages

http://facebook.com/WordpressForFanpages 8 Themes – Menu – Title – Comments Can create menu/tabs Create pages within Wordpress Full Wordpress functionality, including

plugins Cost $17 on Warrior Forum OR $27

(reduced from $47) on FanPage Developer license for additional $20

Free Templates by Jo Barnes

http://thesocialnetworkingacademy.com 4 free templates

Product only Product + opt-in 2 x video + opt-in

User friendly WYSIWYG editor Customised header etc Write down your installation number before

publishing Downside: Can’t edit once published – start again

Write Down (copy/paste) Installation Code

Like Button

http://developers.facebook.com/docs/reference/plugins/like/

Use iframes code for Jo’s templates (first code) Use XFTML code for HTML (second code) Invites people who like your page to share on their

wall with status update and link to your page

Static HTML: iframe tabs

Static HTML: iframe tabs Easy to use – one click install Display content for fans and non-fans (fan-gating) Includes FBML to iFrames converter Can currently create up to 3 pages per fan page – will soon be

12 Will be able to customise icon Import a webpage function No integrated WYSIWYG editor – use Kompozer or

Wordpress (or Dreamweaver) to create content – copy and paste into Static HTML

No branding Great support via FB page wall Free

Kompozer

http://www.kompozer.net/download.php Free WYSIWYG editor Easy to use Insert YouTube videos with YouTube code –

remember no autoplay Insert Opt-In Forms with html code from

Autoresponder Insert photos

Facebook iFrames!

Simple Guide To Making The Most Of The New IFrames!

http://louisesteiner.com