All Collections
Page Elements
Facebook Optin Widget
Facebook Optin Widget

Learn how to add a button that lets the user optin using their Facebook credentials

Ariane Ramirez avatar
Written by Ariane Ramirez
Updated over a week ago

The Facebook Optin element allows you to add a button to your lead capture page that when clicked, it will ask the visitor if they want to authorize to use their Facebook credentials for your page. Once the visitor authorizes, then the visitor will be added to your autoresponder list.

This option allows the visitor to opt-in without typing in their name and email address, instead it automatically gets that information from their Facebook account with one click of a button.

To make this work, make sure that you have selected your autoresponder from the Campaign Settings.

Add a Facebook Login to a Page

Click the Add [+] Button to slide out the Page Elements menu. Click the FB Optin element from the menu, then drag it to a section on the page.

Property Settings Menu

Click the [settings icon] to load the property settings of the Facebook Optin object.

  • Facebook App ID

  • Button Caption

  • Button Color

  • Position & Padding

  • Button Width

  • Alignment

  • Actions (Optin Succeeded)

Facebook App ID

To make the Facebook Optin work, you need to enter your Facebook App ID to integrate your Facebook account and your 10MF page

Button Caption

Type in the text that you want to appear on the button

Button Color

You can choose a color for the button. If you have a “hex color code” you can simply type it

Position & Padding Settings

  • Position - You can move the object’s position upward or downward.

  • Padding - You can control the spacing between the Facebook Optin button and other objects on the page.


Button Width Settings

Use the width dials to adjust the width of the Facebook Optin button

Alignment Settings

You can set alignment of the Facebook Optin button to left, center, or right.

Actions (Optin Succeeded)

You can select an action to be triggered when the button is clicked.

  • Go to the next page (in the campaign)

  • Go to a Specific Page > Enter a Custom URL or select a page in the campaign

Other Element Options

Click the dropdown arrow next to the settings icon of the element or right click on the element to show the the other options.

  • Cut - the element will be removed from the page and can be pasted in another part of the page or on a different page

  • Copy - the element will be copied and can be pasted in another part of the page or on a different page

  • Paste Below - a copied or cut element will be pasted below the selected element

  • Rename - the element will be renamed instead of having the default element label

  • Duplicate - the element will be duplicated and placed below the selected element

  • Delete - the element will be deleted from the page

  • Facebook Login Settings - it will open the settings menu on the left side of the screen

  • Help with Facebook Login Buttons - it will open up a new tab and redirect to a help article about the element


Did this answer your question?