5.1 – Otto + LinkedIn = True

The last things to be added to Otto 5.0.2 before it’s release is another feature to the form builder, and LinkedIn integration to forms. It was about time that Otto joined the social media craze, so once patch 5.0.2 is released, your visitors will be able to fill out your forms by using Sign In with LinkedIn API.

Setting Up LinkedIn API

Setting up the API is quite simple, you simply go to the Settings page in Otto, click on API Setup and follow the instructions under LinkedIn. You will need to supply your own API Key because people want to sign to your app, not to ours. This is all documented in the API Setup page, so just head over there and set it up.

Once it’s set up, you can enable it from the Edit Form page, just go in to the form you wish to enable this on, click Form Settings and enable it. Once you’ve checked the checkbox and saved your form it will be enabled on all instances where this form is displayed.

The result will look something like this:

Capture67

If a user clicks the “Fill out form with LinkedIn” button, they will get to accept that they share their LinkedIn information and the form will be filled out, but not submitted. They still need to click the submit button for it to be sent.

Some additional information will be saved, except for the fields that get’s filled out we will also fetch the image and profile url and display them on edit contact.

Additional form integration options

As you will be able to see, we have added more code samples for integration of forms, we now display examples for: iframing forms, adding them inline, and showing them with a popup, either after a set time or by clicking a button.

We realize that some people will have issues with some of these options because it might interfere with their current website code, but the code samples are simple enough to see that all we require is JQuery and Bootstrap, then adding some custom JavaScript to enable it.

Leave a Reply

Your email address will not be published. Required fields are marked *