<script>
/**
* Do not remove this section; it allows our team to troubleshoot and track feature adoption.
* TS:0002-08-042
*/
lp.jQuery(document).ready(function($) {
//Change #lp-pom-box-01, etc. for the IDs of the boxes where you want the form fields to display.
var boxes = ["#lp-pom-box-01",
- Add a video using the video widget.
- Add an image on top of the video, making sure it covers it. You can use the Geometry tools to make sure it matches size and position.
- Add a 'play button' image.
- Paste the script choosing Before Body End tag as the placement.
- Replace #lp-pom-video-17, #lp-pom-image-18 and #lp-pom-image-19 for the IDs of your video, image and button image respectively.
- Save, republish and enjoy!
Notes: -The click on the image and button will be counted as a conversion. -You can change the image fadeout speed by changing the value in line $(".dis").fadeOut(2000); The value is in milliseconds.
First create the inline labels following the instructions here: http://documentation.unbounce.com/hc/en-us/articles/203799174-Adding-and-Editing-Form-Fields/#content7
Next, paste the following code in the Javascripts section, selecting 'Head' as the placement:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://cdn.rawgit.com/derpoho/floatlabels.js/master/floatlabels.js"></script>
<script>
$(document).ready(function () {
<script>
$( document ).ready(function() {
//Change this ID's for the ID's of the pages you'd like to exclude.
var exclude = ["d295a5b5-9761-4e54-a776-76fcbcafdd7e",
"582eee08-77a6-4038-8e92-8c356f1bb64b",
"dcd9aed3-ca05-4f9c-9fb9-4f09b44246e7"];
//Get page id.
<script>
//Add your Convertable code. Don't forget to add \ before the closing > as in the exmple below.
var convStr = '<script src="//a0a1179f80df414f91512d8919c3e847.js.ubembed.com" async></script\>';
//Add the start and end dates using the format mm/dd/yyyy.
var startDate = '05/05/2017';
var endDate = '05/09/2017';
Paste the following script in the Javascripts section of the page selecting 'Before Body End Tag' as the placement. You can change the mask to any phone number format you want:
<script src="https://code.jquery.com/jquery-1.12.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.inputmask/3.1.62/jquery.inputmask.bundle.js"></script>
<script>
/**
* Do not remove this section; it allows our team to troubleshoot and track feature adoption.
* TS:0002-08-073
<script type="text/javascript">
/*
Unbounce Community :: Tips & Scripts :: Auto-capitalize Form Fields
TS:0002-08-064
***********************
Do not remove this section. It helps our team troubleshoot possible issues and track feature usage and adoption.
*/
Paste the following code in the Javascripts section of your page selecting 'Before Body End Tag' as the placement:
<script>
$(function(){
$(".lp-form-errors").click(function(){
$(".lp-form-errors").fadeOut()
});
$('.lp-pom-form .lp-pom-button').click(function(){
Change '#lp-pom-block-10' for the ID of the element you want to hide and make re-appear in both the javascript and the CSS. You can add multiple elements separating them by a comma ('#lp-pom-block-10, #lp-pom-button-75'). Change 5000 to adjust the timer, time is in milliseconds.
Javascript:
<script>
window.setTimeout(function () {
$('#lp-pom-block-10').show();
}, 5000);