How to Build an iFrame Application for Your Facebook Marketing Page - dummies

How to Build an iFrame Application for Your Facebook Marketing Page

By Amy Porterfield, Phyllis Khare, Andrea Vahl

Building an iFrame application for your Facebook page sounds daunting, but the process can be broken down into several easy steps. Here’s an overview of the steps for building an iFrames application:

  1. Become a verified Facebook Developer.

    This simple process requires a mobile phone (that can receive text messages) or a credit card (for verification purposes only).

  2. Design the content for your Facebook app.

    Typically, this content is designed in an HTML editor such as Adobe Dreamweaver.

  3. Upload the content for your Facebook app to your website.

    You may need to use an FTP (File Transfer Protocol) program to upload the HTML document and necessary images to your server.

  4. Configure your Facebook application.

    You configure your application in the Developer area of Facebook.

  5. Install the application on your Page.

    When you create and install your own iFrames application, it shows up below your Cover photo with your other tabs.

You need your own Secure Sockets Layer (SSL) certificate on your website to host your uploaded content for your Facebook app. SSL, which allows information on the website to be securely encrypted, is typically used when processing payments on a website. Facebook requires that any app have the content hosted by a secure server.

An SSL certificate isn’t too expensive; typically, it costs around $50. If you don’t have an SSL certificate, Facebook provides free hosting through a partnership with Heroku.

Although building your own application can be challenging, it has some advantages:

  • You have complete control of your application (no extra references to third-party applications).

  • Developing your own application is free (unless you hire someone to help you do the development). Many third-party applications cost money.

  • You don’t have to worry about something happening to the third-party application where you have your content stored (say something goes wrong in the third-party application or it goes out of business, then your custom tab may not work properly).