Convertr Help Centre Help Center home page
Submit a request
Sign in
  1. Convertr Help Centre
  2. Product
  3. Forms - Advanced

Form Lookups - Facebook Sign In - Global Forms Follow

Introduction

When you are creating a live form, you have the option to take advantage of different lookups that can prepopulate data on your form based on a user's profile. In this article, we will talk about how you can do this using Facebook.

With Facebook, you will be able to add a Log In link to your form with the Facebook branding, which will allow a lead to log into Facebook via the form. Once they do this, they will be asked to confirm that they are happy for their data to be pulled, and then we will autopopulate from their public Facebook information and fill in the form where possible.

 

Prerequisites


Please ensure that you have the following:

  • A Facebook Developer App configured with Facebook Login (see here)
  • The App ID associated with the created Facebook App.


Setup Process


1. Select Forms on the left hand menu bar

  • If your campaign has no form, click Add
  • If you have already created a form, click Edit

9.png

 

2. Select the Fields Page tab and select Add Input from the bottom left of the page

input.png

 

3. Within the Type option, select FacebookSignup.

Screen_Shot_2021-10-20_at_2.15.59_PM.png


4. Once added, select the cog icon on the right hand side

cog.png

5. Within this section, you will be able to map different pieces of information to your form.

 

By default, Facebook will only make firstName, lastName and email available. On the left hand side, you have the Facebook field names from their API. On the right are the corresponding Convertr field names. The default will look as below:

 

Screen_Shot_2021-10-20_at_2.18.31_PM.png

 

 

Please note that Facebook do not make additional fields available on the API, and this is the only data that can be pulled.

Lastly, you will need to include your App ID. You need to retrieve this from your Facebook App, and place it next to app_id.

 

6. Once complete, hit Save and Save again on the form at the bottom.

Your Facebook Sign In button should now work!

 

mceclip1.png


Note: The Facebook button can take a few seconds to appear on the form, please be patient whilst this loads.

Articles in this section

  • Adding a reCAPTCHA Box to Your Form
  • Adding Multi-Language Forms
  • Adding Multi-Language Forms - Global Forms
  • Country List - JSON Text
  • Dynamic Content Form Field Type - Global Forms
  • Dynamic Thank You Page Content - Global Forms
  • Form Lookups - Facebook Sign In
  • Form Lookups - Facebook Sign In - Global Forms
  • Hosting a Convertr Form On Your Own Page
  • How to detect and prevent Bot and fraudulent activity
See more

Related articles

  • Hosting a Convertr Form On Your Own Page
Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request
Return to top

Related articles

  • Hosting a Convertr Form On Your Own Page
Convertr