Skip to content

Instantly share code, notes, and snippets.

@flexgrip
Created August 18, 2014 19:43
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save flexgrip/27e2ede335ad0dbce653 to your computer and use it in GitHub Desktop.
Save flexgrip/27e2ede335ad0dbce653 to your computer and use it in GitHub Desktop.
LeadPages Template fade-in box and facebook comments syntax
// Add this placeholder to functions.js so it can hold
// the leadpages_input_data variable.
var leadpages_input_data = {};
<!-- Facebook Comments need this -->
<div id="comments" data-lead-id="fb-embed-area">
<div class="fb-comments" data-href="http://www.leadpages.net/" data-width="800" data-num-posts="10"></div>
</div>
<!-- __________END__________ -->
<!-- Fade-in Boxes need this -->
<div data-lead-id="fade-box" class="some-wrapper">
Whatever content you want to fade in...
</div>
<!-- __________END__________ -->
"elements": [
{
"comment": "Fade-in container.",
"data": {
"delay": 0
},
"type": "container",
"id": "fade-box",
"name": "Fade-In Container"
},
{
"comment": "Change the URL of Facebook comments inside of dynamic options menu or optionally hide this area completely.",
"type": "facebook-comments",
"id": "fb-embed-area",
"name": "Comments"
}
],
"variables": {
"facebookcomments": {
"variable": "facebookcomments",
"dafault": "http://leadpages.net",
"name": "Facebook Comments URL"
},
"facebookcommentsposts": {
"variable": "facebookcommentsposts",
"dafault": "5",
"name": "Number of Facebook Comments to Display"
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment