Creating Facebook Landing Pages Using Iframes and Wordpress

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/

Category:

Howto & Style

Tags:

• facebook landing page
• fb landing page
• landing page for facebook
• business landing page
• fan page
• landing
• direct
• facebook page
• facebook
• page
• html landing page
• iframe tab
• facebook welcome page
• facebook pages
• facebook html
• static html
• static html iframe tab
• fans
• non-fans
• fb page
• help
• facebook help
• facebook tutorial
• facebook marketing
• landing pages
• iframes
• welcome
• wordpress
• software tutorial
• WordPress Tutorial

[thedeadlydevil64]

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

[MarketingUnfolded]

@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.

[WeekenderMix]

great video mate! thanks :)))

[MarketingUnfolded]

@WeekenderMix

No problem, thanks for watching!

[Yousri27]

thanks this is great ..cheers

[MarketingUnfolded]

@Yousri27

No Problem, thanks for watching!

[MarketingUnfolded]

@BAJStudios1

Thanks for the compliments!

[MarketingUnfolded]

@BuckeyeKids

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

[MarketingUnfolded]

@ivan97ism

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

[ivan97ism]

help.. FireFTP cannot connect

[BuckeyeKids]

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

[BAJStudios1]

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

Thanks!