How To Add an Opt-In Form to Your Facebook Page

Please Note: Facebook’s interface has recently changed. The FBML application we previously recommended is no longer available. Consult our knowledge base to learn the new way to add a form to your Facebook page.

AWeber + FacebookGiven Facebook’s continued growth, you’re likely to see even more discussions of how marketers can and should be using it to connect with customers.

For those of you who are running Facebook pages (or want to), there’s now an easy way to add fans and visitors to your email marketing campaigns…

Adding an Opt-In Form to Facebook Pages

Alex at the Return on Subscriber blog offers an excellent tutorial (complete with screenshots) that walks you through the process.

In a nutshell, it comes down to adding an application to your page that lets you insert HTML, then pasting in signup form HTML just like you would on any other web page (not sure how to add a signup form to your website?).

Go check out the Facebook tutorial.

Please Note: This is for adding a form to a company Facebook page, not your individual/personal profile. (What’s the difference?)

What To Do With Your Facebook Page Opt-In Form?

I’m sure you have some creative ideas on what kind of offer you would make to Facebook visitors and fans.

I’m still brainstorming ideas for our own use; for now, the opt in form code on the AWeber Facebook page (which I set up immediately after reading the tutorial above) is for this blog’s newsletter:


(Click above to see the form on our Facebook page.)

What ideas do you have for incorporating an email marketing campaign into your Facebook page?

Update: a lot of you have called us with questions about this, so we made a video to show you how to do it. You can watch it here or in our Knowledge Base.

You can easily add a form to your Facebook page in just a few minutes.

Note: This is for adding a form to a company Facebook page, not your individual/personal profile.
(What’s the difference?). Fortunately, creating a Facebook page is simple, if you don’t already have one.

Watch a Video




Build Your List on Facebook Today

Now that you’ve seen how easy it is to build your list on Facebook, it’s time to connect with your fans via email.

Try AWeber today for $1.

Learn More About Email Marketing and Facebook

Print This Post

Related Articles

By:
Justin Premick is the former Director of Educational Products at AWeber.

Become a Better Email Marketer

Subscribe to This Blog by Email
Why Subscribe?

68 Comments

  1. Hi Justin

    I’m using a different ‘widget’ which allows me to create two different webforms in Facebook (one on personal page and one on our business Page).
    Got the tips and how to from here: http://www.newward.com/articles/?p=93

    Uses a different Facebook app: Profile HTML, but works as good too – and I found it quite easy to set up.

    You can create one form in the Profile Tab and on form in the Profile box. So, 1 plus 1 makes…. ;-)

    6/24/2009 10:38 am
  2. I have attempted to follow this strategy but I can’t seem to find the "Static FBML" application. I have gone to the browse more applications link while in "edit this page" after adding my fan page and the search never returns anything. Can you help with where or how to find the "static fbml" application?

    6/24/2009 12:30 pm
  3. Charles,

    I believe you can find the application directly from this page.

    Once you add the application, it should show up in the list of editing options when you edit your Facebook page.

    6/24/2009 3:07 pm | Follow me on Twitter
  4. The Aweber form is a java script. The FBML box does not seem to recognize it – I get a box built OK, but the contents are blank :-(

    6/24/2009 3:14 pm
  5. Alan,

    In the "Get HTML" box, you should have the option to copy the "Raw HTML" version instead of the JavaScript. (This will be present for inline forms only; popover or popup forms cannot go on Facebook). Use that instead.

    6/24/2009 3:31 pm | Follow me on Twitter
  6. One thing that would be obvious, is to add something of value that you can only get through the email newsletter. If I can get exactly the same stuff through FB, I might not sign up.

    This of course could be the same type of thing you’d normally have, such as a free e-book.

    6/25/2009 10:24 pm
  7. It doesn’t only work for facebook pages… you can place an aweber opt-in form in your facebook profile as well…

    I spent half a day tweaking and finally managed to place an opt-in page into my facebook profile… check it out here…

    http://www.facebook.com/shunjian?v=app_19540106280

    7/1/2009 1:02 pm
  8. Response forms in HTML email?
    I was wondering if you can create a response form embedded/ built-in directly to the HTML email versions of our newsletters?
    It would be great to be able to poll or get immediate responses for voting, requests or feedback from within the email body.
    If its the HTML form uses the method="post" will this cause any problem on the customer side?
    (I’m making the assumption the majority of those that can read HTML emails are using webmail)

    7/8/2009 11:29 am
  9. Anybody know how to do the same to Squidoo.com ?

    7/14/2009 12:28 am
  10. Douglas

    I have the same problem as Paul Easton. Can not get my opt-in web form embeded in my Squidoo lens.

    7/15/2009 8:31 pm
  11. Paul and Douglas,

    Looks like Squidoo doesn’t permit forms to be added:

    http://www.squidoo.com/basichtml#module1957984

    7/16/2009 10:38 am | Follow me on Twitter
  12. VERY helpful tutorial – thank you! If you ever do a re-do, mention to people that you can change the title of the box from FBML to whatever you want.

    7/17/2009 6:59 am
  13. Alan,

    If you do not have an option for raw HTML then I suspect you chose a form such as pop-up or light box. This is supported only by Javascript. You may need to choose the default in-line form.

    7/21/2009 1:07 pm
  14. I tried to create this application on Facebook that would link directly to signing up for my newsletter. However, neither I nor my computer geek friend could figure out how to make it work. Help! I think it is a great idea, Thank you

    8/2/2009 1:14 pm
  15. I give up. I’ve got the My HTML tab. I clicked on the tab and it does nothing. I click on the edit pencil and it does nothing. I click on the Tab Options and it does nothing. No. The computer is not frozen.

    Anybody got any ideas?

    8/9/2009 8:04 pm
  16. Is there anything available to add a subscribe form to my Linkedin Page?

    8/11/2009 3:14 am
  17. Neil,

    I’m not sure why Facebook would handle that differently for you than it did for us in the video. Maybe something is happening on a part of the page that you don’t immediately see when you click to edit? (maybe you have to scroll somewhere?)

    John,

    I’m not aware of any way to do that in LinkedIn.

    8/11/2009 8:16 am | Follow me on Twitter
  18. @ John
    Perhaps this might give you an idea: http://1plus1makes3.screenstepslive.com/spaces/previewtoolbox/manuals/previewawst/lessons/4193-Preview-TACTIC-S4-5-Using-AWeber-with-WordPress-com

    If you use one of your profile links (website, blog etc) to direct to the AWeber hosted broadcast it should work IMHO (not ideal, but still)

    8/11/2009 8:18 am
  19. The steps were easy enough to follow, but I still get a blank page when clicking the FBML tab, in both IE and FF. Any ideas?

    8/14/2009 10:06 am
  20. Thanks guys, I got this working on my Invoke Results Facebook once I read the blog comments properly – it was Alans Comment that did it:

    "In the "Get HTML" box, you should have the option to copy the "Raw HTML" version instead of the JavaScript. (This will be present for inline forms only; popover or popup forms cannot go on Facebook). Use that instead."

    8/16/2009 8:16 pm
  21. Luluh

    I have a campaign adds inFacebook, I did found the static FBML but i don’t have page . what i need to do to have a page of my campaign?

    8/17/2009 12:48 am
  22. Hi,

    I have tried to follow the steps but come up short when I go onto static FBML and instead of having ‘Add to Page’ all it has is ‘add to my favourites’.

    So I do that but doesnt have anywhere where I can place my code. I have no idea why it works for others but the option isnt there when I do it! Any ideas?

    8/23/2009 4:56 pm
  23. CJ

    OK – I’ve logged into my Facebook page, searched for and found Static FBML, but, when I click on ‘add to my page’, I get a window with this message:

    Select which Page you wish to add Static FBML to.
    No results

    There’s nothing there to click on.

    I’ve even become a fan, thinking this was the catch, but this made no difference.

    What’s wrong?

    10/7/2009 7:03 am
  24. CJ,

    Does your business have a fan page to add the Static FBML application to? If not, that’s the issue. This tutorial and that application are for Facebook fan pages, not your personal profile.

    10/7/2009 1:08 pm | Follow me on Twitter
  25. This is driving me insane!! I?ve logged into my business Facebook fan page, searched for and found Static FBML, but when I click on ?add to my page?, I get a window with this message:

    Select which Page you wish to add Static FBML to.
    No results it is blank.

    There?s nothing there to click on. I am administrator for two business fan pages but nothing shows. Is there an issue with this or am I just missing something major?

    11/7/2009 9:05 pm
  26. okay figured it out. I had already added them to my pages (when i didn’t know what it was) and therefore the dialog box was blank. LOL

    11/7/2009 9:28 pm
  27. Kurt

    On my facebook account, I promote my music…I wanted to know how do you add the ‘become a fan’ icon on the video blogs?

    12/1/2009 4:59 pm
  28. Jeff

    I am having a similar problem to others here. When I try and use Static FBML I do not have the option to add to my page, only to add as a favorite. In addition I tried using Profile HTML and I get an error message.
    Fatal error: Cannot use string offset as an array in /home/mtjfnet/public_html/fbook/profile/html5/functions.php on line 44

    Any ideas?

    12/15/2009 12:25 pm
  29. Thank YOU! I have never dabbled in FB stuff but this non-profit was really needing my help and they don’t have any money (hence needing me to help). I have found digging for FB code/protocol tidbits like finding a needle in a haystack……….

    12/16/2009 1:34 am
  30. Does anyone know how to add an order form to a facebook business page?

    1/23/2010 6:33 pm
  31. Thank you for this step by step assistance, hopefully got it going correctly. About to publish and test. Always seem to put the "cart before the horse".

    2/19/2010 9:25 am
  32. Thank you for this video. This very good. I am now adding my facebook page. goog job

    2/21/2010 11:28 pm
  33. Thank you for the suggestions, very good!

    I was using formchamp.com to add forms on facebook, with just copy paste, but they do not offer the possibility to keep a list of subscribers

    3/9/2010 8:36 pm
  34. R

    Thanks you for such a great tip on opt-in-form. I have this video and going to add opp-in-form by the help of this.
    Thanks again!

    3/18/2010 6:23 am
  35. If anyone having problems even when you add a static fbml and you’re opt-form doesn’t show, then do these steps:

    1. Do not go to your code straight away and take HTML Raw version and paste into the static Static Facebook application.

    2. First go to the "DESIGN" button for your web form. Click on it. Then…go through the process.

    That’s what I did because I followed the video tutorial above for "fan pages" and it didn’t work.

    But when I went and clicked on "DESIGN" first, and went through process again, it worked.

    3. If you’re just using custom kind of form with no design and you see a code that is like this:

    <body>

    Code will be here.

    </body>

    Then do not include when copying the <body> tag codes. Copy only the code in between.

    It will not show on your facebook fan pages if you include the <body> tags.

    3/18/2010 1:58 pm
  36. @Luluh

    You need to "first" create the facebook fan page for business. First create the page.

    Then when you add the static fbml, then you will see a box come up, and choose that page you created.

    It won’t work until you first create your facebook fan page for business. Do this first and then add static fbml.

    3/18/2010 2:02 pm
  37. I’ve tried this exactly, step by step, as given in the video instruction, and it still shows up blank. Questions: Could be because I’m using an older version form? Could it be because I have custom colors on my form?

    Very…very frustrating.

    4/8/2010 12:36 pm
  38. Yup. That was the problem. When I captured the Raw HTML from one of my newer forms created in the new editor, it published perfectly as given in the instruction video.

    Glad I thought of that.

    Hope this helps someone else.

    4/8/2010 12:40 pm
  39. Brad

    This is picky, I know. But when the Raw HTML is embedded on the FBML tab, the onfocus javascript won’t clear the default value.

    In other words, the user has to backspace or delete the "Name" or "Email Address" characters in the input areas.

    I played around with FBJS (facebook’s implementation of javascript) but no luck. (see here: http://wiki.developers.facebook.com/index.php/FBJS) I was able to get the non-FBJS example of the random-colored "Hello World!" to work on an FBML tab.

    Any FBML experts who’d like to tackle this one?

    4/16/2010 2:44 am
  40. I

    Great stuff. I was wondering about adding a form to my Facebook page for sometime but never got around to it. Now I can add one. Thanks for this.

    4/29/2010 12:20 am
  41. Hi guys

    Fantastic stuff! Although I had to search around a little because when I looked, there was no icon at the bottom to click on, so all I did was go into "account", click on "manage pages" and then did it from there. All in all very easy :) Thank you. xx

    5/1/2010 6:21 am
  42. Ebony

    Mine came up blank AT First, but then I went back to my aweber and cut and pasted out the RAW html. If you use the Java it will not work. Good luck!

    5/11/2010 9:07 pm
  43. Andrew

    There is a note above that says this….

    "Please be advised that Facebook?s interface has recently changed.
    New instructions for adding your form to your page will be coming shortly."

    Please advise when you think new instructions will be published.

    Thanks.

    6/1/2010 2:28 am
  44. I am looking for a tutorial on adding a opt-in form on my personal page is there also covered in the video above or any suggestions on where I can find out how to do this. thanks

    7/28/2010 9:58 am
  45. Hi Michelle,

    Here’s a tutorial and video on how to add a form to your website.

    7/28/2010 10:54 am | Follow me on Twitter
  46. Nice video but it would’ve been better if it explained validation using FBJS too. Cheers!

    10/31/2010 11:22 pm
  47. As I was going through the directions, it became apparent that I needed to set up an Aweber account for email. I already have a Constant Contact account from which I send out my newsletters. Does this form have to be through Aweber?

    11/18/2010 7:18 pm
  48. I’ll try this for my page and let you know.

    5/5/2011 11:11 pm
  49. Hi there when I got to the FBML page it, press `Go to App’ it just redirects to my profile newsfeed! Is this still going?

    6/25/2011 6:28 am
  50. Hi Sonya,

    I notice you mentioned FBML in your comment. Are you using the AWeber Facebook app, or the Static FBML app (which previously was the way it was done)?

    If you’re not yet using the AWeber Facebook app, try that. If you are using it, please contact us so we can look at the issue in detail.

    6/27/2011 9:03 am | Follow me on Twitter
  51. Thanks, Guys! I can always count on Aweber!

    7/26/2011 12:31 am
  52. Tzvi

    Can you install more than one signup form per facebook page?

    12/5/2011 3:57 am
  53. Will this work on the new timeline pages? They will be mandatory on March 30. What’s next in terms of getting optins via Facebook?

    3/1/2012 4:37 pm
  54. Christine – Yes, the web form app works with Timeline. When you switch to the new layout, any apps or pages you had in your sidebar will display in a box at the top of your profile, including our web form app. When visitors click on the box for “email updates,” they’ll be able to fill out your form the same as always and get added to your list.

    3/2/2012 9:52 am
  55. Any links to an updated tutorial about how to set this up on the new Facebook timeline? The video isn’t correct anymore in nearly any of the buttons it tells you to click have moved, are changed, etc. Thanks!

    4/19/2012 3:28 pm
  56. Sean,

    Timeline did make some changes to the way you build your list on Facebook.

    Here’s some help on building your list on Timeline:
    http://www.aweber.com/blog/email-marketing/facebook-timeline-listbuilding.htm

    You can also learn more about the AWeber Facebook app (which will help you add a form to your page) here:
    https://apps.facebook.com/aweber-email/

    4/23/2012 12:55 pm | Follow me on Twitter
  57. Peter

    This question from 2011 is unanswered: “Can you install more than one signup form per facebook page?” And it is my question too.

    1/14/2014 1:52 pm
  58. Hi Peter,
    No, you can’t install multiple forms on your Facebook Page due to Facebook’s current app restrictions. Facebook only allows users to install an app once per Page. In order to have multiple forms on your Facebook Page, you’d have to install the app on your Page more than once, which Facebook doesn’t allow.

    Hope that helps!

    1/15/2014 10:15 am
  59. J. Dibble

    FYI. The link to the “Return on Subscriber blog” in the section above entitled “Adding an Opt-In Form to Facebook Pages,” is now longer a good link.

    4/7/2014 3:29 pm

Leave a Comment

Need an avatar?



Follow Comments
Send me notifications of new comments
rss Follow comments via RSS