• Welcome to affLIFT!
    We are happy you have decided to check out our awesome affiliate marketing forum. Register your account today to join our amazing community!
  • Registration is free and you can upgrade your membership anytime to view our premium content. We also have over 100 free Public threads.

Guide Free Survey Lander

Luke

Admin
Staff member
My chat landing page is getting pretty popular so I thought you might want another landing page to split test it against. I created my own survey type landing page to see how it would perform compared to the chat LP and it is doing pretty well.
1584968402405.png
I am using push ads to promote the landing page. I decided to create it with Bootstrap because I really like it. Some people aren't fans of Bootstrap but I've been using it since it was released and it seems to convert well :D So it's very basic. In fact here's the code:
Code:
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta content="width=device-width initial-scale=1 shrink-to-fit=no" name="viewport">
                
        <title>Chat with Amahle</title>
        
        <!-- css -->
        <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet">
        <style>
        body {
            background-color: #e3e3e3   
        }
        .picture {
            width: 50%
            border: 1px solid #fff
        }
        #questions {
            border: 1px solid #fff
            padding: 15px
            background: #fff
            color: #333
        }
        </style>
    </head>
    <body>
        <div class="container">
            
            <div class="row">
                <div class="col-sm-12" style="text-align: center">
                    <h1>Chat with Amahle</h1>
                </div>
            </div>
            
            <div class="row">
                <div class="col-sm-6" style="text-align: center">
                    <img src="avatar.jpg" alt="Amahle" class="picture">
                </div>
                <div class="col-sm-6">
                    <h3>Do you want to chat with Amahle? Answer 3 questions to connect...</h3>
                    
                    <div id="questions">
                        <div class="question">
                            <h3>Did you receive a message from her? ☝️</h3>
                            <a href="#" class="btn btn-success btn-block answer">Yes</a>
                            <a href="#" class="btn btn-danger btn-block answer">No</a>                       
                        </div>
                        <div class="question" style="display: none">
                            <h3>Are you interested in connecting with Amahle?</h3>
                            <a href="#" class="btn btn-success btn-block answer">Yes</a>
                            <a href="#" class="btn btn-danger btn-block answer">No</a>                       
                        </div>
                        <div class="question" style="display: none">
                            <h3>Have you previously signed up for the ChatBundle app?</h3>
                            <a href="#" class="btn btn-success btn-block answer">Yes</a>
                            <a href="#" class="btn btn-danger btn-block answer">No</a>                       
                        </div>
                        <div class="checking" style="display: none text-align: center">
                            <h3>Checking your answers...</h3>
                            <img src="loading.gif" alt="Loading...">               
                        </div>
                        <div class="results" style="display: none">
                            <h3>Amahle is waiting!</h3>
                            <a href="https://v.newlyclicked.com/click" class="btn btn-success btn-block">
                                Click <strong>HERE</strong> to Connect and Chat 👍
                            </a>
                            <hr>
                            <p>
                                (it takes about 1 minute to register and connect)
                            </p>
                        </div>
                    </div>
                </div>
            </div>
                
        </div>
        
        
        <!-- js -->
        <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
        <script>
        $(function() {
            
            $(".answer").click(function(e) {
                e.preventDefault()
                $(this).parent().hide()
                $(this).parent().next().show()
                
                // we're checking
                if ($(this).parent().next().attr('class') == "checking") {
                    
                    setTimeout(function() {
                        $(".checking").hide()
                        $(".results").show()
                    } 2000)
                    
                }
            })
            
        })
        </script>
    </body>
</html>
...
 

Attachments

To view the premium content in our affiliate marketing forum (including this awesome thread), you must first register and upgrade your account. Register today and become a part of our amazing community!
Forgot your password?
Don't have an account? Register now
Top