In this guide I will talk you through how to add your Sign-Up.to form to your Facebook fan page. You can do this by creating a tab on your page.
This guide has been broken down into two sections:
- Creating a data capture form & copying the Facebook code
- Adding the tab to your Facebook page
Before we continue you will need to make sure you have the following accounts created:
- Facebook fan page – You can sign up for free: http://www.facebook.com/pages/
- A Sign-Up.to account – You can open a free demo account here: https://www.signupto.com/getstarted/
1. Creating the data capture form in Sign-Up.to
The first step of adding a form to Facebook is to create a data capture form within your Sign-Up.to account. A data capture form is a great way of collecting subscriber information and you can learn more about this from our help documentation.
After the form has been created you simply need to copy the code from the ‘Get form links’ page.
- Go to Collect
- Click the arrow to the left of the list linked to your form to expand the options
- Click ‘Edit’ and then ‘Get form links’ from the options that appear
2. Adding the tab or box to your Facebook fan page
Now you’ve edited the code you’ll need to add a tab to your Facebook page.
The following steps will explain how to add the tab to your page.
- Search on Facebook for “Static FBML” then click “View the application”
- On the application page click “Add to my page” and a pop up box will appear, so here select the page you wish to add this to.
- Go to your Facebook fan page. Once you get to the page click on “Edit Page” then scroll down until you see “FBML – FBML”.
- Next click on “Application Settings”. When the application settings box appears make sure the settings are shown as below and that you have added this as a tab but removed the option to make this a box.
- Once you have confirmed this application is added as a tab, then click on edit under this application.
- Here you can give the box a title and paste your form code that we copied earlier. Once you’ve pasted that in click “Save Changes”.
Now you can return to your fan page and test the form. Once you submit the form it will open in a new window with the information passed to the form. If there are any errors such as an invalid email address – these will be displayed on this page for the user to amend.
Once you’ve got this working and mastered the steps you can branch out and modify the HTML form to give yourself a custom looking form like we’ve done on our Facebook page.
I hope this has been helpful. If you have any questions or feedback please leave a comment in the section below.Tags: Facebook, FBML, forms, Sign-Up.to, Static FBML