Alert icon
We're changing our privacy policy. This stuff matters.  Learn more  Dismiss

Creating Facebook Landing Pages Using Iframes and Wordpress

Loading...

Sign in or sign up now!
Alert icon
Upgrade to the latest Flash Player for improved playback performance. Upgrade now or more info.
2,946
Loading...
Alert icon
Sign in or sign up now!
Alert icon
There is no Interactive Transcript.

Uploaded by on Sep 28, 2011

http://marketingunfolded.com/facebook-welcome-pages-using-iframes-wordpress/

http://youtu.be/RKqgMHfQWII

There is a new way to present custom content on Facebook Pages, Tabs and FBML are gone... Get ready to befriend iframes!

Iframes are nothing new, they've been around for many years and they are a standard HTML tag, which allows one webpage to be inserted into another.

This means that Facebook page owners can now create dynamic Facebook pages using their standard tools (HTML, CSS, PHP, ASP, JavaScript, Flash, etc.) by hosting their page on their own server, and using whatever tools they desire to build it. Using this technique will allow marketers the creativity and flexibility available to standalone webpages.

If you can create something for the web, as long as it's under 520 pixels in width, you can now present it as a custom Facebook page.

This might sound complicated, but actually it's much easier than the old FBML process.

You can create your Facebook iframe page using whatever tool you may like, but in this tutorial we will be using WordPress to create our Facebook landing page since it is probably the easiest way to do it for beginners, and advance users can also take the advantage of using plugins, php, and other tools available in WordPress.

We will create 2 "welcome landing pages" in this tutorial, one for fans of our page and one for non-fans.

To get the PHP file that I talk about on the video you can go to

http://marketingunfolded.com/facebook-welcome-pages-using-iframes-wordpress/

  • likes, 2 dislikes

Link to this comment:

Share to:

Uploader Comments (MarketingUnfolded)

  • dude how did u create this 0:00 to 0:06 can u give a turtorial and wats that called plz tell me

  • @thedeadlydevil64

    It was created in After Affects, I don't do tutorials on AE but check out

    videocopilot. net, there's some great stuff there.

  • great video mate! thanks :)))

  • @WeekenderMix

    No problem, thanks for watching!

  • thanks this is great ..cheers

  • @Yousri27

    No Problem, thanks for watching!

see all

All Comments (20)

Sign In or Sign Up now to post a comment!
  • @BAJStudios1

    Thanks for the compliments!

  • @BuckeyeKids

    If you're using my php file then it uses CSS to ensure the page is 520.

  • @ivan97ism

    not sure how I can help, this is between you and your hosting company

  • help.. FireFTP cannot connect

  • Thanks for the great tutorial. How do you adjust the width of the Wordpress page to ensure it's 520 pixels?

  • Really helpful tutorial! You should teach tutorial classes. Everything was very clear.

    Thanks!

Loading...

Alert icon
0 / 00Unsaved Playlist Return to active list
    1. Your queue is empty. Add videos to your queue using this button:
      or sign in to load a different list.
    Loading...Loading...Saving...
    • Clear all videos from this list
    • Learn more