winstoon

Thanks guys. So helpful as always.

This was the attempt to manually add the Constant Contact form that I left in the page:

<div id="ctct-form-20212" style="display:none;">
	<form
		action
		class="validate innerForm"
		method="post" 
		id="ctct-form-1187718800"
		data-doajax="off"
		style="display: inline-block";
		>
		
		<!-- <p class="ctct-form-field ctct-form-field-email ctct-form-field-required"> -->
			<input required type="email" placeholder="Your email" value="" name="email___ecd412e904309dcce66177488240b016" class="required newsletterInput" id="email___ecd412e904309dcce66177488240b016">
			<!-- 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;"><input type="text"
																name="b_65f00bc35c4f45fc100e26e76_8e1f92c1da"
																tabindex="-1" value=""></div>
		<!-- </p> -->
		<div class="ctct-optin-hide" style="display:none;">
			<p class="ctct-form-field ctct-form-field-checkbox"><span class="ctct-input-container"><input type="checkbox" checked="" name="ctct-opt-in" id="ctct-opt-in" class="ctct-checkbox ctct-opt-in" value="1469668012"><label for="ctct-opt-in"> Example: Yes, I would like to receive emails from Wells Local. (You can unsubscribe anytime)</label></span></p>
		</div>

		<input type="hidden" name="ctct-id" id="ctct-id" value="20212" placeholder="" class="ctct-hidden">
		<input type="hidden" name="ctct-verify" id="ctct-verify" value="3K5RUcB75lRoZxqrXjOkUGe8v" placeholder="" class="ctct-hidden">
		<input type="hidden" name="ctct_time" value="1531085749">
		<!-- <p class="ctct-form-field ctct-form-field-submit"> -->
			<input type="submit" name="ctct-submitted" id="ctct-submitted" value="Subscribe" placeholder="" class="newsletterSubmit">
		<!-- </p> -->
		<input type="hidden" id="ctct_form" name="ctct_form" value="2b4441f8fd">
		<input type="hidden" name="_wp_http_referer" value="/mysite/">

		<!-- <input type="text" placeholder="First name" value="" name="FNAME" class="newsletterInput" id="mce-FNAME"> -->
		<!-- <input type="email" placeholder="Your email" value="" name="EMAIL" class="required newsletterInput" id="mce-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;"><input type="text"
															name="b_65f00bc35c4f45fc100e26e76_8e1f92c1da"
															tabindex="-1" value=""></div>

		<input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="newsletterSubmit"> -->
	</form>
	<script type="text/javascript">
		var ajaxurl = "http://localhost:8888/mysite/wp-admin/admin-ajax.php";
	</script>
</div>

Looks horrible, yes, but hey, I was trying things out 🙂

I didn’t know how to use the two functions you have there to alter the styling, so I changed the ctct css classes to get the styling I wanted. To change the placeholder, I used javascript and the id of the field which doesn’t change with each refresh like the other elements’ ids do.

Let me know if I can be of any other assistance.

Thanks for your help!

• This reply was modified 7 years, 10 months ago by winstoon.

Wow it always takes a support ticket to get me to realize something.

I had attempted to create this constant contact form without shortcode (using html, obviously). This form was set to “display:none” when I added the shortcode to try something out (now the page has my manual constant contact form and the shortcode form but my constant contact form was set to not display).

The elements in my form with constant contact ids must have interfered with the form generated through shortcode and therefore didnt execute correctly.

Thanks for your help.

One additional question: Is it not possible to create this form without using shortcode? Reason being, I need to change the styling on this form…

Thanks.