home > social networks > facebook

Insert an Email Form into Facebook

Adding an email form to your Facebook profile is a valuable tool for allowing your visitors to contact you or provide you with other data. Luckily, this is a fairly easy process and is outlined in the tutorial below.

A demonstration form hosted on Facebook can be seen here.

1. Create Your Form HTML

Before getting started, you should first generate the form HTML code you'll be using. myContactForm.com is a free service and the best way to do this. You can read a tutorial for doing this here.

2. Open a Web Browser and go to Facebook.com

a. Login to your Facebook account


3. Add the Static HTML App to Your Page

a. Click the button

b. In the search box type Static HTML and then click the result that says Static HTML: iframe tabs

c. Click the and then on the next page that loads.

d. You will be taken back to your main Facebook page.

4. Insert the Form HTML

a. Under the left panel of your Facebook page you will see a new tab labeled Welcome

b. Click Welcome. This will bring up options to embed your form HTML.

c. Click the Enter your content here box and paste the form HTML into the Window (Edit > Paste, or CTRL+V, or Right Click and Select Paste). If you do not have your form code created and copied, please read this tutorial to learn how to do so.

d. Click the button.

e. To change the name of the tab from Welcome to something more appropriate click Edit Info when you are on your page to bring up the admin settings. Select Apps from the left sidebar. Then under the Static HTML app (look for the star icon) click Edit Settings. There will be an option to type in a custom name for your tab there.

6. Configure your Form Location Setting

a. Click the tab on your Facebook page that contains your form and press the submit button to test your form (you may need to logout of your Facebook account to do this). If an error page comes up, select the URL out of the error message and copy it.

b. Go to myContactForm.com

c. Enter your login information and click Login

d. Click the Edit Button

e. Click the Basic Form Information Button

f. Under the area to enter the form locations, enter https:// and then paste the URL that you copied from the error message above (step 6a).

g. Click

h. If you receive a security error when submitting the Facebook form, you may need to click the Get HTML button in the Form Management panel of the myContactForm.com control panel and get a fresh copy of HTML to update the Facebook form HTML with. You can get directions to do this in step 4 above.

A demonstration form hosted on Facebook can be seen here.