If your brand is enjoying a successful Facebook presence, you can take the opportunity to add subscribers for your email marketing list by creating a Facebook acquisition point.

NOTE: If you're working with a project manager on your subscription points or a Welcome Series, most likely your project manager has already completed the first few sections for you and you can navigate to Install Iframe App.

INSTALLING THE IFRAME APP

Click here to access the Thunderpenny iframe tab application on Facebook.

  1. Select the page you would like to add Thunderpenny to.
  2. Click Edit tabs on this page.
  3. Then Add a new tab on the top right.
  4. Define your sign up tab attributes and click Add tab now.
  5. Click Go to tab.
  6. Then Set up tab.

OBTAINING MERCHANT ID

Before moving to this next step, you NEED your unique Merchant ID. If you don't know your Merchant ID, please contact the Listrak Client Success Team:

SET UP HTML FORM

1. Navigate to your fan page and locate the newly installed application in your tab menu. You may have to click More in order to see it. It is most likely named “Welcome.”
2. Click the Edit Tab button.
3. You will be redirected to Thunderpenny where you will be able to edit the iframe.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
  <script src="https://cdn.listrakbi.com/scripts/subscriber.js?m=[MERCHANT ID]&amp;v=1" type="text/javascript"></script>
</head>
<body>
<div id="form-container">
<form id="signup-form" method="get" class="form-container">
<div class="form-header">
<h2>Subscribe to our emails</h2>
<p>Thanks for your interest in us! To receive exciting news about upcoming sales, new products, and other emails tailored to your interests, please enter your email address below.</p>
</div>
<div class="form-title">Email</div>
<input class="form-field" id="email" type="text" name="email" /><br />
<div class="submit-container"><input class="submit-button" id="btnSubmit" type="submit" value="Submit" /></div>
</form>
</div>
<div id="thank-you" style="display:none;">
<h2>Thank You!</h2>
<p>Check your inbox for an email from us!</p>
</div>
[paste script here]
</body>
</html>

4. Paste the code above into the "Form code" section of Thunderpenny.
5. Delete the code [MERCHANT ID] including the brackets and paste in your merchant id for your Listrak account. 

NOTE: Do not change any additional code other than actual text that displays inside the <p> or <h2> HTML tags.

5. Delete the code [paste script here] including the brackets and paste in the JavaScript provided below.
6. Click Save & Publish.

<script>
jQuery(document).ready(function () {

jQuery('#signup-form').submit(function(e) {

e.preventDefault();

_ltk.Subscriber.List = 'Facebook';

_ltk.Subscriber.Email = jQuery('#email').val();

_ltk.Subscriber.Profile.Add('Checkbox.Source.Facebook', "on");

_ltk.Subscriber.Submit();

setTimeout(function() {

jQuery('#form-container').css('display', 'none');

jQuery('#thank-you').removeAttr('style');

},1000);

});

});
</script>
Did this answer your question?