Now for something truly awesome in the Eloqua AppCloud family – the Facebook Register Component! This nifty little widget allows prospects to use their Facebook account to pre-populate a form on your landing page, thus providing ease of use for them and increased form submits (with a decrease in false data) of these submits for you! This Social Sign-On thingy (technical name) is a fabulous way to make the internet a softer, more caring place. We all know that the medium by which you gather your prospect data is at least somewhat as important as the message you want to convey to them, so let’s stop the constant demands for personal information and the tedium of filling in forms. Viva La Revolución!
OK, Let’s Do This Thing!
This is really a two-part process. The first thing you want to do is to create a form so that there is a place for all of that lovely information you gather to hang out in until you are ready to use
1. Create your form to have the same fields as your soon-to-exist Facebook Component, but do not configure them as you would with a normal front-end-visual-form (required fields, pre-population, field merges, etc.), as the information will be pulled directly from Facebook.
2. Make sure that you generate an HTML name for your form. Go to the gear in the right hand corner and click on the settings tab from the drop-down menu. This will bring up a configuration window where you can generate the HTML name. If you have an HTML name already, the system will allow you to enter it and will tell you whether that name is available to use or not. Select “Done” when you are finished and close the window.
3. Save the form and you are good to move onto the next stage!
And Now the Main Event!
1. On your landing page, select the “Cloud Component” icon to bring up the Cloud Components menu box
2. Drag the “Register” component onto your page so that it pops up like so…
3. Double click on the component so that you can configure it. As an AppCloud guru, you will know by now that you need an Eloqua Cloud Connector user account to complete this step. If you don’t already have one it will ask you to register for one – easy-peasy.
The Register component needs a bit more configuring than your run of the mill social component. Here are the things you will need to configure:
Eloqua Log-in Credentials (first 4 fields). This is the first information you want to enter as it will connect you to your database so that you can pull the form that you have already created for this very purpose. You will need to hit the “Save Settings” button before you will be able to see the forms.
Facebook App ID. You can use the Eloqua Cloud Connector App ID (pictured above), but a way better thing to do is to create your own. By creating your own you ensure that the Facebook prompt that appears to your prospects when requesting their information uses your company name (rather than Eloqua). Best not to confuse folks!
Where was I? Oh right. Select “Define a Custom Facebook App” in the “Facebook App to Use” field and either enter the ID number if your company has already obtained one, or click on the “Get App ID” button…
…and then on the link to the Facebook Developer Portal…
…and then on “Create New App.”
You will then need to enter a display name for your App (it should be your company name), agree to the Facebook Platform Policies, verify that you are a human by entering some squiggly words, enter an email address for Facebook to contact you at regarding your app should they so choose, and – this is the important thing – enter the URL of your site. Once you have created an App ID for your company or team you can use it for all of your Facebook components that require it. Cool beans!
Now you have a Facebook App ID - not too shabby. Onto the next configuration.
Defining Fields. There will automatically be five fields that Facebook is set to pull information for: Name, Email Address, Current Location, Gender and Birthday.
You can remove any of these fields as well as edit them, but you can also add a Custom Field by selecting the “+” sign in the bottom left hand corner. This will bring up a window that allows you to choose if you would like it to be a text field, a drop down menu, or a type-ahead field.
There are very helpful hints on how to configure each of those categories of fields right there on the page.
One thing to note, however, is that Custom Fields will NOT pre-populate with Facebook info. The prospect will need to enter that information manually. Boo! As usual, make sure you save your work.
OK we’re almost there! Now we just need to map these puppies.
Mapping Fields. Select the “Map Fields” button in the “Form Field Mapping” section. This will bring up a window comme ça…
Select a field and use the edit button to map. What you are doing here is linking the fields so that the information the Facebook widget pulls from Facebook is received by that first Eloqua form that you created. Make sure you select “submit” for each one before you close the window.
4. When you have mapped your fields and configured your component, save everything and either hit the preview button in the configuration window…
…or close the configuration window and preview the entire page (you may need to adjust the size of the component so that it fits properly on your landing page).
And to see how the information that’s submitted through the widget appears in Eloqua, you can do a test run by submitting a test registration, and then heading over to your original form and taking a look at your submission data.
Isn’t that marvelous? You have, all by yourself, created an awesome way of collecting valuable data from your prospects! Well done you!