Skip to content

Instantly share code, notes, and snippets.

View DevlopersField's full-sized avatar

Viraj Chaudhary DevlopersField

View GitHub Profile
<html>
<head>
<title>Loading captcha with JavaScript</title>
</head>
<body>
<form action="" method="POST">
<label>Username: <input type="text" name="username" /></label>
<small>Are you a robot?</small>
<div id="captcha_container"></div>
@DevlopersField
DevlopersField / facebookformfill.md
Created December 15, 2022 11:43 — forked from johnnyopao/facebookformfill.md
Fill your Unbounce Forms using Facebook data
@DevlopersField
DevlopersField / GA-Universal-Unbounce-Variants.md
Created December 15, 2022 11:43 — forked from johnnyopao/GA-Universal-Unbounce-Variants.md
Track each variant with Universal Analytics

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

@DevlopersField
DevlopersField / FixedHeaderOrFooterMenu.md
Created December 15, 2022 11:43 — forked from johnnyopao/FixedHeaderOrFooterMenu.md
Centered fixed header or footer menu on Unbounce (Set placement to 'before body end tag')
@DevlopersField
DevlopersField / HiddenFixedHeaderMenu.js
Last active December 15, 2022 11:43 — forked from johnnyopao/HiddenFixedHeaderMenu.js
Hidden from top Fixed Header Menu
<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;
@DevlopersField
DevlopersField / ub-inline-content-lightbox.js
Created December 15, 2022 11:43 — forked from johnnyopao/ub-inline-content-lightbox.js
Display your Unbounce form or any inline content in a lightbox without creating a new page (set placement to 'head')
<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>');
@DevlopersField
DevlopersField / ub-inline-content-lightbox-min.md
Created December 15, 2022 11:43 — forked from johnnyopao/ub-inline-content-lightbox-min.md
Display your Unbounce form or any inline content in a lightbox without creating a new page (Two step opt-in form)

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.
@DevlopersField
DevlopersField / StateValAbb.js
Created December 15, 2022 11:43 — forked from johnnyopao/StateValAbb.js
Assign state abbreviations to your Unbounce 'State' dropdown field
<script>
$(function() {
// The dropdown's ID
var id = '#state';
var values = {
'Alabama': 'AL',
'Alaska': 'AK',
@DevlopersField
DevlopersField / youtube-vb.js
Created December 15, 2022 11:43 — forked from johnnyopao/youtube-vb.js
Youtube Video Background for Unbounce pages
<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)/);
@DevlopersField
DevlopersField / youtube-vb-min.md
Created December 15, 2022 11:43 — forked from johnnyopao/youtube-vb-min.md
Youtube Video Background for Unbounce pages - Minified