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

  • 17 May 2017
  • 4 replies
  • 179 views

Userlevel 7
  • Former Unbouncer
  • 126 replies

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

🚨
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>
document.querySelector('form').setAttribute('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


4 replies

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! 🙌

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 ?

Hello @Noah and everyone who will read this. 👋

Firstly, thanks for this tutorial !
I know it’s an old one but i have question and I hope you or someone will reply. 🙏

I followed the tuto but i can’t see the button in my landing page in the preview. Is it normal ? 🤔
You have to know that my domain is not whitelist yet.

Thank you in advance for your help ! 🙌

Hi everyone, just to notice that my domain is now whitelist but it still doesn’t working.
So every help is welcome ! 😃

Thanks in advance ! 🙌

Reply