Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Code copied from MailChimp doesn't work ... sometimes

Featured Replies

Hi,

 

I am using MailChimp for list building and have copied some of the code I got from their website.

 

It is working for some vistors but there's an error for some.

 

http://robcubbon.com/free-how-to-mar...-online-e-book

 

It is a signup form for a list that has a free ebook as an incentive. These visitors should receive an email with the download link. I had two emails people telling me about the problem:

 

1.

"Just went to the signup page and when I clicked the button, nothing seemed to happen. I would have expected to go to a confirmation page or something."

 

2.

"Your book download doesn't work. It keeps throwing you back to the name and email address after you enter the email the second time. "

 

There's 19 validation errors mostly around the form. http://validator.w3.org/check?uri=ht...Inline&group=0

 

There is meant to be a success response in the form's fieldset that after you click the subscribe button says something like "please check your mailbox, etc." that appears with JavaScript. It doesn't go to a confirmation page.

 

I apologise for the post I've just come back from a night out and I've had a few drinks.

 

<!-- Begin MailChimp Signup Form -->
<!--[if IE]>
<style type="text/css" media="screen">
#mc_embed_signup fieldset {position: relative;}
#mc_embed_signup legend {position: absolute; top: -1em; left: .2em;}
</style>
<![endif]--> 

<!--[if IE 7]>
<style type="text/css" media="screen">
.mc-field-group {overflow:visible;}
</style>
<![endif]--><script type="text/javascript">
// delete this script tag and use a "div.mce_inline_error{ XXX !important}" selector
// or fill this in and it will be inlined when errors are generated
var mc_custom_error_style = '';
</script>
<script type="text/javascript" src="http://robcubbon.us1.list-manage.com/js/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="http://robcubbon.us1.list-manage.com/js/jquery.validate.js"></script>
<script type="text/javascript" src="http://robcubbon.us1.list-manage.com/js/jquery.form.js"></script>
<script type="text/javascript" src="http://robcubbon.us1.list-manage.com/subscribe/xs-js?u=345&id=345"></script>
<div id="mc_embed_signup">
<form action="http://robcubbon.us1.list-manage2.com/subscribe/post?u=s234&id=41d59a1ff6" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">
<fieldset id="e-book">
<p><strong>Only your Email Address is required; no need to fill out your name if you don't want.</strong></p>	
<div class="mc-field-group">
<label for="mce-EMAIL">Email Address </label>
<input type="text" value="" name="EMAIL" class="required email" id="mce-EMAIL">
</div>
<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-LNAME">Last Name </label>
<input type="text" value="" name="LNAME" class="" id="mce-LNAME">
</div>
	<div id="mce-responses">
		<div class="response" id="mce-error-response" style="display:none"></div>
		<div class="response" id="mce-success-response" style="display:none"></div>
	</div>
	<div><input type="submit" value="Get free e-book!" name="subscribe" id="mc-embedded-subscribe" class="btn"></div>
</fieldset>	
</form>
</div>
<!--End mc_embed_signup-->






Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.