A few weeks ago, we told you how to use ExpressDB as the simplest way to add a contact form (or any other form) to Facebook. In this update, we will show you an even simpler way. At the same time, we have to update on some changes Facebook has been making that can complicate things if you don’t watch out. But we will tell you how to work around these pitfalls.
First the good news: a simple technique for adding your form to Facebook that cuts out some of the steps our previous tutorial outlined for registering your form as a Facebook app. Instead, you can take advantage of an existing Facebook app called Static HTML: iframe tabs. Just edit the HTML code for your form, customize the opening <form> tag with the ExpressDB activation key, and copy and paste that code into the Static HTML app, and — presto! — the form appears as a new tab on your page.
This tutorial covers the creation of the tab on our Facebook page labeled Contact Demo 2.
Here is the process:
- Visit the home page for the Static HTML app.
- Click the Add to My Page link and select the page you want to add your tab to.
- Navigate to your page, which should now show a new tab at the end of the list, below standard tabs such as The Wall.
- When you view this new tab while logged in as administrator, you will see an editing user interface as shown below that allows you to put in your custom HTML.
- Once you save your work, follow the instructions to preview your tab.
