Posted on 6 October, 2011 By 4 Comments

Create a Free Facebook Page Contact Form with North Contact

 

Last year I wrote about how you can create a free contact form for your custom Facebook page using Response-o-matic. Now, I am going to explain how you can do something similar using North Social Contact, which can also be used as a form on your website and for a email campaign.

North Social has a number of Facebook applications, such as Sweepstakes, for running a contest. Other than North Contact, none of these applications are not free. You have a choice of pricing plans, which are the cost per month and have different levels of service. The monthly fee, however, gives you access to ALL of their applications for one Facebook page. If you need to use the apps for more than one page, each page will need it’s own separate account.

North Contact, however, is free.

Instructions

  1. Create an account.
  2. Once logged in, click on the Lists and Subscribers tab and then click on the big link that says Create your first subscriber list.
  3. Give the list a name and then select the list type; Single Opt-in or Confirmed Opt-in. Click on the Next button.
  4. Click on the small link that says ‘Add a subscribe form to your site’.
  5. There will be two default fields; Name and Email. You can add more fields by clicking on the add more fields link. Keep in mind that the fields can not be reordered via this interface so you should add them in the order you would like them to appear. You can move them around in the code but the .csv export of the contacts will have the fields in this same order.
  6. Currently, when this contact form is used on a Facebook page, fields can not be set to required or optional. This can only be done when the form is used on a website. Here are the instruction for adding form validation and required fields. I have noticed, however, that if the email address is not filled out when submitting the form that the entry will not be added to the list of subscribers.
  7. Once you have created all of your fields, click on the ‘Generate the Code’ button.
  8. You will be given the choice of three different types of code to choose from; Basic Formatting, CSS Based and Table.
  9. Copy the code and paste it on the html or php page you have made for your Facebook iframe application.
  10. If you’ve added custom fields, you will need to go back to the main Lists and Subscribers screen, select the name of the list, and then click on the link on the right that says Create a Subscribe Form. I had some trouble locating this the first time I used North Social.
  11. You may want to add and change the styling for the form so it matches the look of your custom page.
  12. The default North Social “thank you for signing” up page does not fit within the width of the facebook page so you may want to upload a thank you page or direct people to a thank you message on your website. Click on the Lists and Subscribers tab, click on the name of your list, and then on the right click on Customize Landing pages. Fill out the field ‘Subscribe Confirmation Page’. In my example below, I did not make a thank you page but left it at the default thank you so you can see how it doesn’t fit and why it isn’t a good idea to use it. In this area you can also set up an auto-responder email for people who have signed up. This would be a good place to include a link to a coupon or a free ebook if you are giving away something to all subscribers.
  13. Here is a very bare-bones example of a contact form on a Facebook tab using North Social.

If you already use a newsletter service like Constant Contact or MailChimp, you are better off using their subscription forms. But, if you are looking for a free and minimal contact form solution, North Contact might be a good solution.

photo credit: shironekoeuro


web hosting by media temple

Keep Reading:
Posted In : Facebook

Did you enjoy this article? I can assist you with your WordPress or Facebook project. Contact me and I will provide you with an estimate. You can also connect with me on Facebook or follow me on Twitter. If you are looking for Hosting, WordPress Theme, Newsletter or other recommendations, please view my detailed list.




4 Responses to “Create a Free Facebook Page Contact Form with North Contact”

Leave a Comment
You may use: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> .

CommentLuv badge

About

Kim Woodbridge is an accomplished Information and Technical Consultant specializing in the entire implementation of a WordPress based website including installation, theme design, upgrades, unique customizations and ongoing site maintenance.

Recent Comments

    • Chris Tusa: NovelSnippet.com is cool. It contains hundreds of books (and seems to be rapidly growing). The books are accompanied by ...
    • Dee: I drop a leave a response when I especially enjoy a post on a site or I have something to contribute to the conversation...
    • Kabsiha: Thanks for your great idea to hide the deactivated comment link in word press this would be the very useful post for who...
    • Pat Alexander: Well now these are really great. Makes it perfect for small sites....
    • Tracy G: I really don't know how to do it, glad you posted it here....

Wordpress Services

  • Installation, upgrades and maintenance
  • Conversion of existing html and css templates
  • Theme and plugin recommendations
  • CSS customizations
  • Troubleshooting and tweaks for unique situations
  • Customization for individual blogging goals and needs
  • Training and advice