Jumplead conversion forms can be added to any light box overlay style widget that supports iframes.

There are two steps, firstly you'll need to add a page to your website that contains the page to be displayed in your light box.

Then add the iframe code to your light box widget to display your conversion form.

Adding the Jumplead form page

Below is sample code for the file you'll upload to your server. You'll need to add your Jumplead tracking code and form code (not the WordPress short code). There are comments to guide you.

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Exit Form</title>
    <style type="text/css">
        * { margin: 0; padding: 0; background-color: transparent; }
    </style>
    <!-- INSERT YOUR JUMPLEAD TRACKING CODE HERE -->
    <!-- Get tracking code from: https://app.jumplead.com/settings/tracking-code -->
</head>
<body>
    <!-- INSERT FORM CODE HERE (Standard Code not WordPress Code) -->
</body>
</html>

Linking the form page to your light box

Copy and paste the following iframe code into your light box's content and update the src property to point to the correct URL on your server. You may also want to change the height & width to the desired dimensions.

<iframe height="200" width="100%" src="/jumplead-form.html" frameborder="0" />

Now you should have a working light box overlay with Jumplead conversion form.

Did this answer your question?