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

<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

<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

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

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

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