Subscribe form to pop up on page load

I have this code that I am using from constant contact for viewers to add their email to our newsletter. I am adding the code here to see what I have in the footer right now. It currently pops up on click but we are trying to have it open when the page loads. I have read other topics on here that used color box but I was having a hard time connecting that with the code/form I have from constant contact.

                        <!-- Begin CTCT Sign-Up Form-->
						<!-- EFD 1.0.0 [Fri May 19 17:37:19 EDT 2017] -->
<link rel='stylesheet' type='text/css' href=''>
						<div class="ctct-embed-signup" style="font: 16px Helvetica Neue, Arial, sans-serif; font: 1rem Helvetica Neue, Arial, sans-serif; line-height: 1.5; -webkit-font-smoothing: antialiased;">
							<div style="color:#1ABC9C; background-color:#FFFFFF; border-radius:5px;">
								<span id="success_message" style="display:none;">
									<div style="text-align:center;">Thanks for signing up!</div>
								<form data-id="embedded_signup:form" class="ctct-custom-form Form" name="embedded_signup" method="POST" action="">
									<h2 style="margin:0;">Sign up to stay in touch and receive a FREE eBook!</h2>
									<p>Especially for you - regular fitness and health tips, news as well as workouts delivered to your inbox.</p>
									<!-- The following code must be included to ensure your sign-up form works properly. ->
									<input data-id="ca:input" type="hidden" name="ca" value="4368fdc4-69e8-4e4f-aed7-b707cf53c42f">
									<input data-id="list:input" type="hidden" name="list" value="1537384042">
									<input data-id="source:input" type="hidden" name="source" value="EFD">
									<input data-id="required:input" type="hidden" name="required" value="list,email,first_name,last_name">
									<input data-id="url:input" type="hidden" name="url" value="">
									<p data-id="Email Address:p" ><label data-id="Email Address:label" data-name="email" class="ctct-form-required">Email Address</label> <input data-id="Email Address:input" type="text" name="email" value="" maxlength="80"></p>
									<p data-id="First Name:p" ><label data-id="First Name:label" data-name="first_name" class="ctct-form-required">First Name</label> <input data-id="First Name:input" type="text" name="first_name" value="" maxlength="50"></p>
									<p data-id="Last Name:p" ><label data-id="Last Name:label" data-name="last_name" class="ctct-form-required">Last Name</label> <input data-id="Last Name:input" type="text" name="last_name" value="" maxlength="50"></p>
									<button type="submit" class="Button ctct-button Button--block Button-secondary" data-enabled="enabled">Sign Up</button>
									<div><p class="ctct-form-footer">By submitting this form, you are granting: Caroline Pearce TV, 5 Little Portland Street, London, , W1W7JD, United Kingdom,  permission to email you. You may unsubscribe via the link found at the bottom of every email.  (See our <a href="" target="_blank">Email Privacy Policy</a> for details.) Emails are serviced by Constant Contact.</p></div>
						<script type='text/javascript'>
						var localizedErrMap = {};
						localizedErrMap['required'] = 		'This field is required.';
						localizedErrMap['ca'] = 			'An unexpected error occurred while attempting to send email.';
						localizedErrMap['email'] = 			'Please enter your email address in format.';
						localizedErrMap['birthday'] = 		'Please enter birthday in MM/DD format.';
						localizedErrMap['anniversary'] = 	'Please enter anniversary in MM/DD/YYYY format.';
						localizedErrMap['custom_date'] = 	'Please enter this date in MM/DD/YYYY format.';
						localizedErrMap['list'] = 			'Please select at least one email list.';
						localizedErrMap['generic'] = 		'This field is invalid.';
						localizedErrMap['shared'] = 		'Sorry, we could not complete your sign-up. Please contact us to resolve this.';
						localizedErrMap['state_mismatch'] = 'Mismatched State/Province and Country.';
						localizedErrMap['state_province'] = 'Select a state/province';
						localizedErrMap['selectcountry'] = 	'Select a country';
						var postURL = '';
						<script type='text/javascript' src=''></script>
						<!--End CTCT Sign-Up Form-->
						<div class="col_one_third">
							<div class="widget subscribe-widget clearfix">
								<!-- BEGIN: Constant Contact Email List Form Button -->
								<div align="center">
									<a href="JavaScript:newPopup(';p=oi&amp;m=1127936384253&amp;sit=i9ngc4plb&amp;f=36016555-62a9-492a-8bd1-5464e87534ef')" class="" style="background-color: rgb(26, 188, 156); border: 1px solid rgb(91, 91, 91); color: rgb(255, 255, 255); display: inline-block; padding: 8px 10px; text-shadow: none; border-radius: 10px;">Subscribe</a>
									<!-- BEGIN: Email Marketing you can trust -->

We are trying to also add an eBook that gets sent to them when they subscribe but I think that may be more on the end of constant contact.

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.