Add a Newsletter Sign-Up Box to Your Facebook Fan Page

If you're using Constant Contact for your e-newsletters and you have Facebook page for your business, you have a great opportunity to build your newsletter list. Just add your Sign-up Box link to your page! This process requires adding the FBML application to your Facebook page, and we've provided step-by-step instructions below. Here's how:

1. In Constant Contact, go to Contacts. Choose Site Visitor Signup from the menu at the top of the page.
2. Click "Start Wizard to generate HTML code"
3. Select the your preferred style (Basic, Bubble, or Stylish) and click Next
4. Customize your link with colors, fonts, and texts, then click Next
5. Click preview to see your form.
6. When you are happy with your sign-up box, click Next.
7. Place your cursor in the HTML code box. Hit Ctrl+A to select all.
8. Hit Ctrl+C to copy the code.

Now, log-on to your Facebook Account. Follow these instructions to add the FBML application and the use it to display your newsletter sign-up box.

1. In the lower left corner, above your start button, click on the Applications menu.
2. Click Browse More Applications
3. On the All Applications page do search for “FBML”. Be sure to search in the Search Apps box and not the search box on the blue bar in the top right corner.
4. Add the Static FBML application by clicking on the icon.
5. Click on the Add to my Page link in the left hand column.
6. A new box will pop up with a list of your pages. Select which page you wish to add Static FBML to and click Add to Page. Close that box.
7. Now go to your fan page. Click on the tiny green and blue flag icon (Ads and Pages) in the bottom left corner of your screen.
8. On the next page, click the Pages link.
9. Find the FBML application box. Click on the pencil icon in the right corner. Then click on Edit.
10. Change the Title box to say "Newsletter Sign-Up" or something similar.
11. In the empty right box on the screen click CTRL+V; this will paste the sign up box code to your page.
12. Click Save Changes.
13. Now go the Edit Page screen by clicking on the Edit link next to your page name.
14. Find the Newsletter Sign-Up box and click on the pencil icon in the right corner. Then click on Application Settings.
15. Click on Additional Permissions.
16. Click the box next to "Publish recent activity..." Then Click OK.
17. Now click on View Your Page.
18. Click on the Boxes tab and find the newsletter box you just created.
19. Click on the pencil icon in the right corner.
20. Click Move to Wall tab.
21. You will now see the box in the left hand column of your Fan Page. When Fans enter their e-mail address, it is automatically entered into your Constant Contact Account.

Note: You can move the box by grabbing the title bar with your mouse and dragging the box. You'll see a dotted outline to help you see where the box will land when you drop it.

This same process for adding FBML can be used to add any HTML code to your page. Go to the Edit Page screen, and click on the blue pencil icon in the newsletter FBML box and choose Edit. At the bottom of the next screen, click Add another FBML box and start with step 9.