Skip to main content

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


Noah
  • 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

  • Former Unbouncer
  • 1556 replies
  • May 17, 2017

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 ?


AlexandreB

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 ! ๐Ÿ™Œ


AlexandreB

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


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings