I checked and it seems they do support 3rd party alterations of the form, only I have no idea how I'd do it. Would anyone be willing to help me out? I'd be willing to compensate.
Creating a subscribe panel like the one you want isn't so difficult. Firstly I would not be using any javascript to create the panel if I didn't know how it works. I would create my own panel, like the example code below, then just add the mailchimp form to the panel ,plus any additional mailchimp code which they suggest you use, such as a form validation script.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Subscribe Footer</title>
<style>
body {
margin: 0;
font-family: helvetica, arial, sans-serif;
background-color: #000;
}
.subscribe_panel_open {
color: #fff;
padding: 20px;
display: inline-block;
}
.subscribe_panel_close {
position: absolute;
right: 20px;
top: 10px;
color: #000;
text-decoration: none;
font-size: 25px;
z-index: 10;
}
.subscribe_panel {
position: fixed;
padding: 30px;
bottom: 0;
width: 100%;
background-color: #fff;
box-sizing: border-box;
}
.subscribe_form {
display: flex;
justify-content: center;
align-items: center;
}
.subscribe_mailing_list {
width: 300px;
padding: 10px 15px;
font-size: 16px;
margin: 0 15px;
border: 1px solid #ccc;
}
.subscribe_button {
background-color: #646060;
color: #fff;
border: none;
padding: 12px 45px;
font-size: 14px;
border-radius: 5px;
}
</style>
<script
src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
<script>
$(document).ready(function(){
$('.subscribe_panel').hide();
$('.side_panel').hide();
$('.subscribe_panel_open').click(function(){
$('.subscribe_panel').fadeIn();
});
$('.subscribe_panel_close').click(function(){
$('.subscribe_panel').fadeOut();
});
});
</script>
</head>
<body>
<a href="#" class="subscribe_panel_open">Subscribe</a>
<div class="subscribe_panel">
<a href="#" class="subscribe_panel_close">×</a>
<form class="subscribe_form">
<label for="subscribe_mailing_list">Subscribe to our mailing list</label>
<input type="text" id="subscribe_mailing_list" class="subscribe_mailing_list" placeholder="Enter your email">
<input type="submit" class="subscribe_button" value="Subscribe">
</form>
</div>
<!-- end subscribe_panel -->
</body>
</html>
AdChoices