The Most Active and Friendliest
Affiliate Marketing Community Online!

“AdsEmpire”/  Direct Affiliate

A Landing Page Interactive


Well-Known Member
Your landing pages can be interactive as well as your website pages
  • If you can code HTML/Javascript
    Wordpress would require a plugin :rofl
Looks like this:

at 'rest' page display default

when the user clicks for the offer details, product images, etc....
You could add a mouseover event like the <<==mouseover the avatar and get a user overview (like this forum does)

This creates user interactivity that can be tracked -- in theory (haven't tested it yet) You could add a
Google-analytics script to this pop or if you can code definitely your own on-click log event [I do that all the time ;)]

Credit where credit is due:

I altered their code a bit



<!doctype html>
<html lang="en">
  <meta charset="utf-8">
  <title>inpage demo</title>
    <script src=""></script>
 html {
  font-family: "Helvetica Neue", sans-serif;
  width: 100%;
  color: #666666;
  text-align: center;

.popup-overlay {
  /*Hides pop-up when there is no "active" class*/
  visibility: hidden;
  position: absolute;
  background: #ffffff;
  border: 3px solid #666666;
  width: 50%;
  height: 50%;
  left: 25%;
} {
  /*displays pop-up when "active" class is present*/
  visibility: visible;
  text-align: center;

.popup-content {
  /*Hides pop-up content when there is no "active" class */
  visibility: hidden;
} {
  /*Shows pop-up content when "active" class is present */
  visibility: visible;

button {
  display: inline-block;
  vertical-align: middle;
  border-radius: 30px;
  margin: .20rem;
  font-size: 1rem;
  color: #666666;
  background: #ffffff;
  border: 1px solid #666666;

button:hover {
  border: 1px solid #666666;
  background: #666666;
  color: #ffffff;

  <script src=""></script>
<!--Creates the popup body-->
<div class="popup-overlay">
  <!--Creates the popup content-->
  <div class="popup-content">
    <p>This is how an in-page popup can made using jQuery. Ad blockers will allow it.</p>
    <!--popup's close button-->
    <button class="close">Close</button>
<!--Content shown when popup is not displayed-->
<h2><img src=""></h2>
<button class="open">Open</button>
<script type="text/javascript" >
//appends an "active" class to .popup and .popup-content when the "Open" button is clicked
$(".open").on("click", function() {
  $(".popup-overlay, .popup-content").addClass("active");

//removes the "active" class to .popup and .popup-content when the "Close" button is clicked
$(".close, .popup-overlay").on("click", function() {
  $(".popup-overlay, .popup-content").removeClass("active");

Last edited: