email campaign

Email subscriptions for email campaign

In the earlier days most of the websites uses sidebar forms for email subscriptions, most of the users subscribe using widget forms, which may not get more subscribers for the website. You think that why we need to get subscribers? Here subscribers plays major and important role in email campaign. Now i would like to explain.

what is email campaign?

Email campaign is nothing but promoting our latest product news and details through email campaign. Which help in reaching our product to more members. For every high niche blog needs value subscribers. How to convert our readers into subscribers. Nowadays most of the people using popup jquery subscription forms in their blogs and niche websites to convert their readers into subscribers.

Now i will create a simple and effective jquery popup subscription form, which helps you to get more email subscriptions, this jquery subscription form supports responsive design, which helps you to get more subscribers from mobile devices to. Let’s check below code. 

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Example of Auto Loading Bootstrap Modal on Page Load</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$("#myModal").modal('show');
	});
</script>
</head>
<body>
<div id="myModal" class="modal fade" style="background-color: #fff;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
               <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title"><center>Subscribe our Newsletter</center></h4>
                <img src="https://www.eknowledgetree.com/wp-content/uploads/2015/09/icon_env.png" style="margin-top:10px;margin-left:37%;" data-pin-nopin="true">
            </div>
            <div class="modal-body">
				<center>Subscribe to our mailing list to get the latest updates straight in your inbox.
                Subscribe to our mailing list to get the latest updates straight in your inbox.</center>
                <form>
                   
                    <div class="form-group">
                       <center> <input type="email" class="form-control" placeholder="Email Address">
                         <button type="submit" class="btn btn-primary">Subscribe</button></center>
                    </div>
                   
                </form>
            </div>
        </div>
    </div>
</div>
</body>
</html>
<style type="text/css">
    .modal-header .close {
    margin-top: -18%;
    margin-right: -18%;
        }
    .modal-content {
    
    background-color: #fff!important;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 0px;
    outline: 1;
    }
    body {
     color: #000!important;
         }
    .modal-body {
     margin-bottom: 10%;
}
.modal-header {
    padding: 15%;
    font-style: oblique;
    color: #fff;
    background-color: rgb(247, 94, 140);
   }
   .form-control {
    display: block;
    width: 60%!important;
    height: 45px!important;
}
.btn-primary {
    color: #fff;
    background-color: #f75e8c!important;
    border-color: #f75e8c!important;
    margin-left: 0%!important;
    margin-bottom: -10%;
    background-image: linear-gradient(to bottom,#f75e8c 0,#f75e8c 100%);
}
.modal-title {
    font-size: 36px;
}
</style>

Thanks for reading this article