- Jun 20, 2013
- 11,539
- 8,749
So this is first time i open this section. I have issue with adding my mailchimp signup form.
Here is landing page code for sign up box.
and here is code i get from mailchimp
How to solve this issue ? I want to embend my mailchimp into landing page form ?
Here is landing page code for sign up box.
PHP:
<div class="lp-element lp-pom-form" id="lp-pom-form-511">
<form action="http://try.convertthemes.com/fsg?pageId=329563c6-a30d-11e3-8040-22000ac464fa&variant=c" method="POST">
<input type="hidden" name="pageId" value="329563c6-a30d-11e3-8040-22000ac464fa"><input type="hidden" name="pageVariant" value="c">
<fieldset class="clearfix" style="width: 300px; height: -18px;">
<div class="lp-pom-form-field clearfix" id="container_first_name">
<label for="first_name" class="main" id="label_first_name">First Name *</label><input type="text" id="first_name" name="first_name" class="text form_elem_first_name">
</div>
<div class="lp-pom-form-field clearfix" id="container_email">
<label for="email" class="main" id="label_email">Email *</label><input type="text" id="email" name="email" class="text form_elem_email">
</div>
</fieldset>
<input type="text" id="Lsj5HY7GVKxYzLwoEHKj1B6aM11Bq28K" name="ubafs-Lsj5HY7GVKxYzLwoEHKj1B6aM11Bq28K" style="display:none !important;" >
</form>
<a class="lp-element lp-pom-button" id="lp-pom-button-512" href="#"><span class="label"></span></a>
</div>
<div class="lp-element lp-pom-image" id="lp-pom-image-513">
<div class="lp-pom-image-container" style="overflow: hidden;">
<img src="http://www.blackhatworld.com/d9hhrg4mnvzow.cloudfront.net/try.convertthemes.com/b2b-ebook-download/1vc7p1-animated-arrow.gif" alt=""></div>
</div>
<div class="lp-element lp-pom-text nlh" id="lp-pom-text-514">
<p style="text-align: left; font-family: Raleway; font-weight:400; color:#ffffff; font-size:20px; line-height: 27px;">
DOWNLOAD</p>
</div>
and here is code i get from mailchimp
PHP:
<!-- Begin MailChimp Signup Form -->
<link href="//cdn-images.mailchimp.com/embedcode/classic-081711.css" rel="stylesheet" type="text/css">
<style type="text/css">
#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; width:311px;}
/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
</style>
<div id="mc_embed_signup">
<form action="//prpublic.us11.list-manage.com/subscribe/post?u=7e93ce15b10b010b0854fcc55&id=a824993c20" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<div class="mc-field-group">
<label for="mce-FNAME">First Name </label>
<input type="text" value="" name="FNAME" class="" id="mce-FNAME">
</div>
<div class="mc-field-group">
<label for="mce-EMAIL">Email Address </label>
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
</div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_7e93ce15b10b010b0854fcc55_a824993c20" tabindex="-1" value=""></div>
<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</div>
</form>
</div>
<script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[1]='FNAME';ftypes[1]='text';fnames[0]='EMAIL';ftypes[0]='email';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
<!--End mc_embed_signup-->
How to solve this issue ? I want to embend my mailchimp into landing page form ?