Community Forums › Forums › Archived Forums › Design Tips and Tricks › Hello Pro Opt In Section Help needed
Tagged: Email Opt In, Hello Pro, html
- This topic has 4 replies, 3 voices, and was last updated 8 years, 4 months ago by Christoph.
-
AuthorPosts
-
August 5, 2016 at 7:35 pm #190809AstronutParticipant
Hi -
I bought the Hello Pro theme a week ago and am having trouble making it look like the demo. I use MailChimp for my emails. The email opt in section of the home page currently looks like this:
I want it to be identical to the Hello Pro demo page, which is here:
See how in the demo everything is on one line and it is all horizontal? I want it to look like that.
Here is the code I have used to get what I have so far:
<span class="optin">LEARN THE LATEST</span><!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup">
<form action="//sandyeulitt.us7.list-manage.com/subscribe/post?u=7d661f6b66ad32f376eedefbc&id=2048a109d5" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<h2></h2>
<div class="indicates-required"><span class="asterisk">*</span> indicates required</div>
<div class="mc-field-group">
<label for="mce-EMAIL">Email Address <span class="asterisk">*</span>
</label>
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
</div>
<div class="mc-field-group">
<label for="mce-FNAME">First Name <span class="asterisk">*</span>
</label>
<input type="text" value="" name="FNAME" class="required" id="mce-FNAME">
</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_7d661f6b66ad32f376eedefbc_2048a109d5" tabindex="-1" value=""></div>
<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</div>
</form>
</div><!--End mc_embed_signup-->
If you reply, it would be really helpful if you could give me the code that needs to be changed, tell me where, and why. I used to be a programmer, but I never learned HTML. I can sort of read this and screw around with it some, but not a lot. I am trying to learn, but need to get this website up and running first.
Thanks very, very much for your help.
http://www.stellar-student.comAugust 5, 2016 at 8:23 pm #190811Genesis DeveloperMemberuse the Genesis eNews Extended plugin and setup the eNews widget like this way
August 6, 2016 at 1:03 pm #190838AstronutParticipantThank you so much. That seemed to do the trick. I haven't checked it against my Mail chimp list, but it looks right.
You really made my week. I spent HOURS diddling with this on Thursday, following the Theme setup instructions, which are outdated and not terribly helpful. I was pretty frustrated. You really did make my week.
August 8, 2016 at 4:33 pm #190937AstronutParticipantHi !!!
I have done this, as described in this reply, and it doesn't work. I have tried pasting in:
="//sandyeulitt.us7.list-manage.com/subscribe/post?u=7d661f6b66ad32f376eedefbc&id=2048a109d5" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">Without the preceeding = sign and quote mark. That got me a mail chimp error.
I have tried just posting in ="//sandyeulitt.us7.list-manage.com/subscribe/post?u=7d661f6b66ad32f376eedefbc&id=2048a109d5" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
Without the preceeding = sign and quote mark. That got me the very same Mail Chimp error.
I tried pasting in ="//sandyeulitt.us7.list-manage.com/subscribe/post?u=7d661f6b66ad32f376eedefbc&id=2048a109d5"
without preceding = sign or quote mark, and that got me a 404 not found error.I have tried pasting in ALL of the code generating by MailChimp for an embedded form, and that got me a 404 not found error, too.
What am I doing wrong here?
Thanks for your help.
August 9, 2016 at 9:47 am #190972ChristophMemberJust paste the form action
//sandyeulitt.us7.list-manage.com/subscribe/post?u=7d661f6b66ad32f376eedefbc&id=2048a109d5
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.