Skip navigation

Do It

3 Posts authored by: Morgain Reid-Oracle

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. 


Form Fields Image.png


     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



Image 0 - Register.png



     2.     Drag the “Register” component onto your page so that it pops up like so…


Image 1 - Register.png

     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.


Image 4 - Register.png

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…


Image 2 - Register.png

…and then on the link to the Facebook Developer Portal…


Image 3 Register.png


…and then on “Create New App.”


Image 6 - Register.png

Image 7 - Register.png


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.


Image - Config 1.png

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.


Config 2.png


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.


Maping 2.png


     4.     When you have mapped your fields and configured your component, save everything and either hit the preview button in the configuration window…


Preview 1.png

…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).


Preview with inof.png


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.




Form Sumbmission.png


Isn’t that marvelous? You have, all by yourself, created an awesome way of collecting valuable data from your prospects! Well done you!

Let’s talk about another awesome social plug-in available to you in the wonderful world of Eloqua – the Facebook Recommendation Component! Nothing gives visitors to your site that warm and fuzzy feeling like having web content recommended just for them, based on what their compadres are liking and sharing. Sound good? Of course it does! So let’s begin!


How? Well I’m Glad You Asked!


1.         On your landing page, select the “Cloud Component” icon to bring up the Cloud Components menu box


IMage 1.png


Image 2.png


2.         Drag the “Recommendations” component onto your page so that it pops up like so…


Image 3.png

3.         Then you want to double click on the component so that you can configure it. This is where you make it pretty and add the URL of your site. Head’s up! You will need an API enabled account to log-in and complete this step.


Image 4.png


4.         Now save your settings and either preview it through the configuration window to see what pops up…

image 5.png

5.         Or close the configuration window to be returned to your landing page where you can preview the entire thing!


image 6.png


6.         But what if your visitor is not logged into Facebook? Will there just be a big empty void where the recommendations should be? Fear not intrepid user! In that case the plug-in will recommend the most popular web pages on your site to show off all your fabulous content!



Happy Marketing!

We all know how important it is to integrate social media into our campaigns – that’s no secret. To be relevant you need to be able to provide social validation to your prospects and this comes from knowing that their friends and peers like what you’re about. And who’s the biggest, baddest social validator of them all? Why Facebook of course! Which is why Eloqua has made it impossibly easy to embed the Facebook Friend Display App in your landing page as part of E10. What does this mean for you? It means that when a prospect lands on your page they will instantly be able to see which of their friends “likes” your site. Check it out!


Is It Really This Easy You Say? Yep!


1.     On your landing page, select the “Cloud Components” icon.


Image 1.png


2.     Drag the “Friend Display” component onto your page…

Image 2.png



Image 3.png


3.     …and double click it to configure it. Here is where you can control how big it is, etc. It is also where you want to add in the URL of the page you are promoting.


Image 4.png


4.    Select Save Settings and close the configuration window. You’ll then be back on the landing page editor where you can preview the landing page to see the component in action. Ta-da!


Image 5.png

5.     But wait! Something perhaps too obvious to mention. If none of your prospect’s friends likes your page, there won’t be any pictures, however - the total number of users who have liked your page will appear.

Filter Blog

By date: By tag: