[How To] Add A LinkedIn AutoFill Button To Your Landing Page


#1

LinkedIn Autofill increases the volume and quality of conversions that come from your lead generation forms. With a single button placed on your desktop and mobile lead forms, website visitors can pre-populate these forms with public information from their LinkedIn profiles. It’s quick and easy to successfully add LinkedIn AutoFill to your landing pages.

You can see this in action here


How to Install in Unbounce

Click Here for Instructions

:rotating_light: WARNING: YOU ARE ENTERING DEVELOPER TERRITORY :rotating_light:
This is not an official Unbounce feature. This functionality is based entirely on third party code, and has only been tested in limited applications. Since this isn’t a supported Unbounce feature, our support team will be unable to assist if things go awry. So if you are not comfortable with HTML, Javascript and CSS, please consider consulting an experienced developer.


Step 1.

Use the following tool with your Unbounce form’s data to generate your own personalized Autofill plugin script: https://developer.linkedin.com/plugins/autofill.

Step 2.

Create an HTML widget and embed the code there. Make sure the widget is big enough to display the button (at least 171 x 33 pixels), and placed to your liking.

Step 3.

Add the following script to your page’s Javascripts section with placement ‘Before Body End Tag’:

<script>
$("form").attr("id", "new-form-id");
</script>

Step 3.

Update the LinkedIn script’s data-form attribute to look like:

data-form="new-form-id"

Step 4.

Last and most importantly a LinkedIn representative must whitelist your domain in order to use this functionality. See the LinkedIn guide for more information.



Want to take your Unbounce landing pages + Convertables™ to the next level?
:spinbounce: Check out the Ultimate List of Unbounce Tips, Scripts & Hacks


The Ultimate List of Unbounce Tips, Scripts & Hacks
[How To] Use A Cookie To Check If The Form Has Been Submitted
#2

This looks incredibly easy @Noah. Also, a fantastic thing to test because it has dual benefit:

  1. Makes the form easier to fill out (less effort, in theory should boost conversions)
  2. Default autofills the users professional email address, rather than personal (better quality lead email).

If anyone ends up A/B testing this, please keep us updated on how it goes! :raised_hands:


The Ultimate List of Unbounce Tips, Scripts & Hacks
#3

Hi,
This instructions didn’t work for me.
In Step 3. the form id has to be modify but it’s not working, javascript seems to be not execute.

Anyone has try to install this ?


#5

Hi guys,

We have followed all of these steps but we are not getting anything showing for the LinkedIn button. We have a developer account with Linkedin and we have created the autofill app. Are we missing something? Any help that can be provided would be much appreciated.