MailChimp Newsletters Form

26/01/2018| npadmin
You are here:
< Back

NetPen Pro Theme, provides to you very easy way to have fully functional Newsletters Form, if you use MailChimp.

All you have to do is to generate embed form code, here. Than copy/paste your embed code in any Text editor(Notpad + recommended). You will need only a part of your embed code.

Embed code will look something like this:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<!-- Begin MailChimp Signup Form -->
<link href="//cdn-images.mailchimp.com/embedcode/classic-10_7.css" rel="stylesheet" type="text/css">
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09%23mc_embed_signup%7Bbackground%3A%23fff%3B%20clear%3Aleft%3B%20font%3A14px%20Helvetica%2CArial%2Csans-serif%3B%20%7D%0A%09%2F*%20Add%20your%20own%20MailChimp%20form%20style%20overrides%20in%20your%20site%20stylesheet%20or%20in%20this%20style%20block.%0A%09%20%20%20We%20recommend%20moving%20this%20block%20and%20the%20preceding%20CSS%20link%20to%20the%20HEAD%20of%20your%20HTML%20file.%20*%2F%0A%3C%2Fstyle%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="&lt;style&gt;" title="&lt;style&gt;" />
<div id="mc_embed_signup">
<form action="//wpdevs.us13.list-manage.com/subscribe/post?u=768a6aac0cf18a6397936a86c&amp;id=9e3024a384" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<h2>Subscribe to our mailing list</h2>
<div class="indicates-required"><span class="asterisk">*</span> indicates required</div>
<div class="mc-field-group">
    <label for="mce-EMAIL">Email  <span class="asterisk">*</span>
</label>
    <input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
</div>
<div class="mc-field-group input-group">
    <strong>Email Format </strong>
    
<ul>
<li><input type="radio" value="html" name="EMAILTYPE" id="mce-EMAILTYPE-0"><label for="mce-EMAILTYPE-0">html</label></li>
<li><input type="radio" value="text" name="EMAILTYPE" id="mce-EMAILTYPE-1"><label for="mce-EMAILTYPE-1">text</label></li>
</ul>
</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_768a6aac0cf18a6397936a86c_9e3024a384" tabindex="-1" value=""></div>
<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
    </div>
</form>
</div>
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cscript%20type%3D'text%2Fjavascript'%20src%3D'%2F%2Fs3.amazonaws.com%2Fdownloads.mailchimp.com%2Fjs%2Fmc-validate.js'%3E%3C%2Fscript%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="&lt;script&gt;" title="&lt;script&gt;" /><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cscript%20type%3D'text%2Fjavascript'%3E(function(%24)%20%7Bwindow.fnames%20%3D%20new%20Array()%3B%20window.ftypes%20%3D%20new%20Array()%3Bfnames%5B0%5D%3D'EMAIL'%3Bftypes%5B0%5D%3D'email'%3B%7D(jQuery))%3Bvar%20%24mcj%20%3D%20jQuery.noConflict(true)%3B%3C%2Fscript%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="&lt;script&gt;" title="&lt;script&gt;" />
<!--End mc_embed_signup-->

Current form code in NetPen Pro Theme looks like this:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<div id="mc_embed_signup">
<form action="//netscripter.us4.list-manage.com/subscribe/post?u=b03336099ca69a0a1b273127a&amp;id=95fd6cba8e" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate="">
    <input value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required="" type="email">
    <!-- 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 name="b_b03336099ca69a0a1b273127a_95fd6cba8e" tabindex="-1" value="" type="text">
    </div>
    <input value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button" type="submit">
</form>
</div>

You need to replace:

1
action="//netscripter.us4.list-manage.com/subscribe/post?u=b03336099ca69a0a1b273127a&id=95fd6cba8e"

with:

1
action="//wpdevs.us13.list-manage.com/subscribe/post?u=768a6aac0cf18a6397936a86c&id=9e3024a384"

For more info how to use and set MailChipm Form read this:

https://developer.mailchimp.com/documentation/mailchimp/

Categories: NetPen Pro Docs, NetPen Pro Gaming Docs