newward development llc logo

How to Use Facebook’s Profile HTML Application

Social Media Markeing

HUGE Thanks to @marismith for pointing out the Profile HTML Application!

I was asked how to use the Profile HTML Application on Facebook – so I figured a post here would be of the most benefit.

While there are a lot of uses for the HTML application – I used it to create a sign up form for my opt in Marketing Newsletter.  Here are the steps:

  1. Open an Aweber Account
  2. Create a list for your opt in newsletter, product letter or whatever you feel you need an autoresponder for.
  3. Create a form for your opt in list.  Keep it simple, name and email address is sufficient.
  4. Click on “Get Code” – get the HTML code for the Profile HTML App not the java code
  5. Copy the code into note pad
  6. Go to your facebook account
  7. Add the Profile HTML App to your profile (you can also add it to a page if you have one)
  8. Paste the code from note pad into the box on the application page
  9. Hit preview
  10. If you like what you see – hit save!
  11. Check, yes I want it on my profile

And Ta Da!  There it is!

I want you to notice a few little things in my opt in form.

First – I don’t use “Submit” I use a fun relevant phrase on the Submit button.

Second – I highlight FREE.  I want people to know there is no fee for joining the mailing list and that my newsletter is a free service for people to enjoy and learn from.

Let me know if you have any more questions! 🙂

Learn More about our Social Media Offerings!

 

9 Comments

  1. Mari Smith
    Mari Smith on October 7, 2008 at 10:29 pm

    Hey Melissa!!

    You go girl!! Awesome post. Thanks heaps for the mention.

    Cheers,
    Mari
    @marismith

  2. Melissa Ward
    Melissa Ward on October 7, 2008 at 10:37 pm

    Mari – you are more then welcome.. Love this app and have already gotten newsletter signups… Gotta love it! 🙂

  3. Mariana Evica
    Mariana Evica on October 8, 2008 at 9:09 am

    Just super, Melissa! Thanks so much 🙂 I’m in the process of weighing using an outside mail campaign management service (a great one) – and they generate the html code to create the form fields, just as Aweber does. Now I have to go and check out the comprehensiveness of Aweber! Thanks so much for the information. I’m really growing things from the ground up and need every resource I can get.

  4. Networking4biz.com
    Networking4biz.com on October 9, 2008 at 11:20 am

    Lots of good advice! Thanks! Our company can help with SEO- check out our website!

    Thanks,
    Amanda

  5. Tiffany Odutoye
    Tiffany Odutoye on January 27, 2009 at 11:57 am

    Hi Melissa,

    Thanks for sharing this. I love the Profile HTML feature. It’s one thing to use it, but quite another to explain the use to someone else.

    Many thanks,
    Tiffany-

  6. Jackie Burns
    Jackie Burns on February 19, 2009 at 3:15 am

    I tried to add an opt-in to my facebook page following your steps above. Has the information (HTML profile) changed on facebook? I don’t see where I can preview it. When I clicked on “update html profile box” I don’t see it anywhere on my page.

    Any help you can give me is appreciated.

  7. Melissa Guzzetta
    Melissa Guzzetta on June 26, 2009 at 1:48 am

    I am not seeing a Profile HTML app. I do find HTML Profile Box and My HTML. ?? Is it one of those?

  8. Richard Bligdon
    Richard Bligdon on August 2, 2009 at 12:16 pm

    Hey Melissa:

    Thanks alot for posting this Facebook webform tutorial!

    After trying for hours this morning to copy the AWeber tutorial to create a Facebook fanpage webform,I finally got it(1st mistake: copied javascript.not the “raw html” 2) not clicking the “move to wall tab” button)..

    Using your tutorial,I was able to add a profile form.

    btw: After searching for “profile html application” I noticed in the list,it is called “Profile Box.”

    It worked anyway,so I’m off to the races,as they say!

  9. Rola
    Rola on July 25, 2010 at 8:14 am

    I want to add countdown timer to my wall page but i can’t why? 🙁
    i’ve it in tab but i want it in box at my main page, how can i do it??!! 🙁

    Thanks,
    Rola

Trackbacks/Pingbacks

  1. A Day in the Life of a Social Networker | Web Design and Internet Marketing - [...] How to Use Facebook’s Profile HTML Application [...]
  2. Facebook for Small Business Marketing: 5 Apps to Help You Grow Relationships with Potential Prospects | communicate value - [...] and stay in contact with potential clients and customers.  I found good step-by-step directions on how to set up…
  3. How to Create a Custom Facebook Fan Page | Web Design and Internet Marketing - [...] Red CarpetShirleyView CommentBenny GreenbergView CommentBenny GreenbergView CommentjamesView CommentMari SmithView Comment [...]