All of you have heard the mumble jumble about integrating email with social media. Well here is a quick way to get started > add an email sign-up page to your Facebook or MySpace (does that still exist?). While I was searching for a couple examples I only found that brands were linking to an off-facebook page to collect emails. This doesn’t make any sense to me considering how easy it was to do.
Because we use an ESP, it was even easier … ExactTarget offers a service called “web collect” where they enable you to place pre-written code anywhere on a site and begin collecting address. All you have to do is change you list id, error page and thank you page variables and you’re set.
The below guide is assuming you have basic HTML skills and knowledge of image hosting (as with your ESP)
To show how easy this is, here is a step-by-step how to:
- Log in to your ESP and create a unique list > I named mine Facebook > write the list ID down for future reference
- Open Dreamweaver and create a layout that is suitable to your brand and make sure it isn’t wider than 200px so you can move it to the left rail in a future step
- Use the ExactTarget web collect code to for the form
- <form action=”http://cl.exct.net/subscribe.aspx?lid=ENTER LIST ID” name=”subscribeForm” method=”post”>
- <input type=”hidden” name=”thx” value=”http://www.facebook.com/pages/SkyMall/67443103870″ />
- <input type=”hidden” name=”err” value=”http://www.facebook.com/pages/SkyMall/67443103870″ />
- <input type=”hidden” name=”MID” value=”ExactTarget Account #” />
- Since we don’t want the customer to leave the Facebook page as they were there for a reason > we set the confirmation page and the error page both to go back to our main page on Facebook
- I’m sure there will be debate about that choice, but it’s the one I made
- After you have the code the way you want it > remove all the <head>, <title>, <meta> code just so you have your form and table code
- Now copy your code out of Dreamweaver
- Log in to your Facebook account > click on edit page > click on More Applications > then Browse More

- Search for FBML > click on add to page

- Go back to your “edit page” screen > and click on the pencil icon and click edit
- Now name the box and paste your code from Step 6 > Click Save
- You are almost done, now all you have to do is tell the sign-up page where to live. Click on the Pencil again in you newly named “Name > FBML” box

- Because I recommend placing it in your left rail so people see it all the time. You need to click “add” next to “Box” and leave “Tab” off
- From here go back to the main page of your Facebook Brand Page and click on the Boxes tab > your newly created FBML sign up page will be there
- Click on the Pencil once again and click on “move to wall” > All Done!

- Take a look at our finished product.

I know a few other ESP’s have the same type of “web collect” service so this can be used by anybody. Now do it to it.
If you enjoyed this post, make sure you subscribe to my RSS feed!

