johnnyopao

Fill your Unbounce Forms using Facebook data

Follow the full instructions here: https://community.unbounce.com/unbounce/topics/filling_in_form_fields_with_info_from_facebook#reply_14318503

<script>
  /**
    * Do not remove this section; it allows our team to troubleshoot and track feature adoption. 
    * TS:0002-13-010

johnnyopao

Tracking the different variants using Google analytics requires a slight modification of your tracking script

Replace the line below in your Google Analytics script

ga('send', 'pageview');

with this

johnnyopao

Creating a centered fixed header or footer menu on Unbounce

Follow the full instructions here: https://getsatisfaction.com/unbounce/topics/creating_a_fixed_header_menu

<script>

  //Fixed Menu (Header or footer) v1.3.1

johnnyopao

<script>
  
  //Hidden Fixed header v1.1
  
  //Replace ID below with your box ID
  var boxToFix = '#lp-pom-box-88';
  
  //Set the number of pixels to scroll before showing the header
  var scrollPositionToShowHeader = 50;
  

johnnyopao

<script>
 
  //Unbounce inline content lightbox v2.0
  //ubContentLightbox('boxContainingForm', 'buttonToTriggerLightbox');
  
  ubContentLightbox('#lp-pom-box-113', '#lp-pom-button-29');
  ubContentLightbox('#lp-pom-box-120', '#lp-pom-button-121');
  
  document.write('<style type="text/css"> #fancybox-outer {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}</style>');

johnnyopao

Display your Unbounce form or any inline content in a lightbox without creating a new page. This can be used to create a two step opt-in form

Example page:

http://unbouncepages.com/lightbox-form/

Steps:

1. Drop in a button (if you haven’t already) which will act as the trigger that opens up your form lightbox. While this button is selected find it’s ID under the ‘advanced’ tag. Take note of this ID.

johnnyopao

<style>
  #lp-pom-root {
    float:left;
  }
</style>

johnnyopao

<script>

// Replace #lp-pom-image-13 with the ID of your image or text box. Be sure to retain the trailing 'a'
$( '#lp-pom-image-13 a' ).click( function(event) {
  
  event.preventDefault();
  var buttonLink = $(this).attr("href");

  if (typeof ga != 'function') { 
    window.location = buttonLink;

johnnyopao

<script>
  
  $(function() {
  
    // The dropdown's ID
    var id = '#state';
  
    var values = {
      'Alabama': 'AL',
      'Alaska': 'AK',

johnnyopao

<script>
     
  // Youtube Video Background for Unbounce. V1.3.5
  
  // lpVideoBG('#SectionID', 'YoutubeVideoID', width, height, muted);
  // Use '#lp-pom-root' for a full page video background
  lpVideoBG('#lp-pom-block-9', 'vLUNWYt3q1w', 560, 315, 0);
 
  function lpVideoBG(pageSectionID, youtubeVideoCode, videoWidth, videoHeight, muted) {
    var onMobile = navigator.userAgent.match(/(Android|iPod|iPhone|iPad|iemobile|blackberry)/);