Facebook Connect – Aweber Email Opt In
Opt-in forms are a great way of capturing emails. The email addresses you capture are all potential customers. This is the basics of list building. If you don’t know about this, I suggest you head over and get my guide at www.listbuildingguide.info/.
What else do you notice on that page?
Right! The form to enter your email address has been replaced with a Facebook connect button. When you click the connect button a box comes up asking the user to confirm they are happy to disclose their name and email address. These details then get sent to Aweber.
Now there are a couple of reasons why this is a better than the traditional way. The main one being, you get the email address which is associated with their Facebook account. This means, you get a real, up to date email address, for everyone who signs up.
If you use a form for visitors to fill out people put in fake email addresses, or use accounts which they never log into, they just use them to sign up for freebies. This means your emails are never read!
Another problem which is fixed here is the need for people to double opt in.
We already know their email address is real, so there is no need for you to force your subscribers to confirm their subscription. When you do, a good portion of your leads simply don’t confirm. This lead is then lost forever.
So, you want to know how to put one on your freebie page?
Well, there are three ways you can do this. If you know how, you can implement it yourself. This is pretty difficult though, and should only really be tried by web experts. You could hire someone, this is a good option. I recommend using odesk to find someone who can do this for you. There is a lot of talented coders out there who will charge very little to do this for you. I paid $60 to have someone set mine up for me.
Or you could use these files which I have ready for you to download. I should say now. If you use my file the URL of the page your visitors will be redirected to, after pressing the connect button, is in the source code. This basically means people will be able to get to your thank you page without opting in, so you might have a problem if your download link is there. To get around this, you can send them the download link in a follow up email, instead of having it on the page they land on, after they sign up.
To be honest though, I’m not actually concerned by this fact. I direct them straight to the download page. It’s only a free offer anyway, people aren’t getting away with not paying for something. The majority of people will hit the button anyway and I am happy settling for the majority. Besides, I have affiliate links in my report so the more people who get my report the better.
How To Implement
First you need to download this file index.html (right click and go to save as).
This is just a page with a Facebook login button. Your website will be built around this. The idea is to build a site which will entice them to click that button, they then get directed to a thank you page. So, create another blank html document, it doesn’t matter what this is called, but make sure you remember what you name it. This will become the page your visitors get directed to after they hit the connect button.
We’ll leave these for now. Head over to http://www.facebook.com/developers/. Click set up new app, type in an app name, agree to Facebook’s terms and conditions then hit Create Application now enter in the captcha details.
Now you need to hit the Web Site tab on the side. You will then come to a screen like the one below.
Fill out both the site URL and site domain box as seen in the screenshot. Make sure you replace ‘domain’ with your address then hit save changes.
Also, take note of the application ID, we will need this later.
Upload your thank you page to your web host and take note of the URL it resides at. So, now you should have a list of the following;
Facebook application ID
Aweber list name
Thank you page URL
Now open index.html in a text or html editor. Find the pieces of code shown below and replace the necessary parts of code, where indicated.
1 2 3 4 5
REPLACE WITH YOUR APP ID = put your Facebook application ID here,
<input type="hidden" name="listname" value="REPLACE WITH YOUR LIST NAME" /> <input type="hidden" name="redirect" value="REPLACE WITH YOUR REDIRECT URL" />
REPLACE WITH YOUR LIST NAME = put your Aweber list name here
REPLACE WITH YOUR REDIRECT URL = put your thank you page URL here.
The code below is the code for the Facebook login button. You can move this to wherever, on your page you want it to appear.
1 2 3
<fb:login-button autologoutlink="true" perms="email,status_update,publish_stream,read_stream"> INSERT BUTTON TEXT HERE</fb:login-button>
Replace the INSERT BUTTON TEXT HERE, with whatever you want your button to say. You can leave this blank for the default Facebook login.
UPDATE:This code above is very basic, if you use Mail Chimp for example this code won't work. If you want something more customisable check out FB Lead Gen, it's pretty awesome. I've written a blog post on their product which can be found here Improve Your Squeeze Page Conversions With a Facebook Opt in Button. Hope you like it!
There you have it, hope you found this post useful. If you did (or didn't) let me know in the comments and make sure you share it with your friends.