• Like
  • Save
Simple Guide To Facebook iFrames!
Upcoming SlideShare
Loading in...5

Simple Guide To Facebook iFrames!




Simple Guide To Making The Most Of The New iFrames! Overview and guide to using free software to create custom facebook pages, including free templates.



Total Views
Views on SlideShare
Embed Views



1 Embed 2

http://www.linkedin.com 2


Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
Post Comment
Edit your comment

    Simple Guide To Facebook iFrames! Simple Guide To Facebook iFrames! Presentation Transcript

    • Facebook iFrames! Simple Guide To Making The Most Of The New iFrames! Louise Steiner – March 2011 http://louisesteiner.com
    • Introduction…
      • Static FBML Application no longer available to download as of 18 th 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