Hi everyone! This may be really complex, so no worries if it can’t be done.
On my “personal page”, I have a newsletter sign up at the very top of the page: http://www.jonmessner.com
I was wondering if there were a EASY way to have a newsletter sign up at the top of my business page also: http://www.corefitnessnj.com
I have been screwing around with Extra Content, but can’t seem to get it to work.
If there are any simple solutions, I would love to hear them. Thank you!
Looks like Cardinal uses ExtraContent area 8 at the top of the page. Instructions here any good?
http://michaeldaviddesign.com/themes/cardinal/tutorial/index.html
2 Likes
Rob, thanks for getting back to me. I tried using EC8 but it didn’t look right. I will play with it some and get back to you. Thank you!
If you let us know what doesn’t look right, someone may be able to help.
Rob
Rob, I think the problem is that EC8 replaces the banner (if I’m doing it right). I would like my NL form to appear at the top, above both the banner and logo?
Dave, this might be good, thank!!
Don’t know that theme but the documentation seems to say it does what you want:
http://michaeldaviddesign.com/themes/cardinal/tutorial/index.html#tut2
If you have a URL (even to a test page) someone maybe able to help you.
Doug,
Thank you! Here is the test page: http://www.corefitnessnj.com/page-2/index.html
I was hoping it would like like the subscription form I have here: http://www.jonmessner.com
As you will see, on the test page the banner is gone. Any insight would be greatly appreciated!
Your form is currently using Extra Content 1.
what happens when you change that to Extra Content 8?
Rob
Rob,
Ah, thank you for that. I think I got the code right now. However, it still looks wonky. Any further suggestions? Thank you!!!
Did you republish the test page with extra content 8? I won’t be at my Mac for a few hours, but will have a look then if you haven’t got it fixed by then.
Doug,
I think I did it right?
<div id="myExtraContent8”>
<!-- BEGIN DIRECT MAIL SUBSCRIBE FORM -->
<style>
#wrapper.fadeIn .inp {
display: inline-block;
width: 24%;
margin-right: 10px;
}
#wrapper.fadeIn .inpsubmit {
width: 24%;
display: inline-block;
background-color: #0370ae;
color: white;
font-size: 24px;
height: 35px;
border: none;
vertical-align: top;
}
.formdiv{
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
.formdiv-inner {
margin: 0 2.4% 1% 2%;
padding: 10px;
background: #fff;
border: 1px solid #EEEEEE;
text-align: center;
}
.formdiv-inner h1 {
padding-bottom: 10px;
}
@media (max-width: 950px){
.formdiv-inner {
margin: 0 .2% 1% 2%;}
}
@media (max-width: 600px){
.formdiv{
width:98%;
}
.formdiv-inner {
margin: 0 0% 1% 0%;
}
#wrapper.fadeIn .inp {
width: 100%;
margin-right:0px;
}
#wrapper.fadeIn .inpsubmit {
width: 100%;
}
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script src="https://www.dm-mailinglist.com/subscribe_forms/localized.js" charset="UTF-8"></script>
<script src="https://www.dm-mailinglist.com/subscribe_forms/subscribe_embed.js" charset="UTF-8"></script>
<div class="formdiv">
<div class="formdiv-inner">
<h1 class="blog-entry-title">Win a chance for a free personal training session by signing up for the Core Fitness Newsletter!</h1>
<form method="post" action="https://www.dm-mailinglist.com/subscribe" data-directmail-use-ajax="0" data-form-id="b7fcfd7b" class="directmail-subscribe-form" accept-charset="UTF-8">
<input type="hidden" name="email" ></input>
<input type="hidden" name="form_id" value="b7fcfd7b" ></input>
<div class="directmail-main-table-container">
<input type="text" id="directmail-b7fcfd7b-first_name" name="first_name" value="" placeholder="First Name" class="inp" ></input>
<input type="text" id="directmail-b7fcfd7b-last_name" name="last_name" value="" placeholder="Last Name" class="inp" ></input>
<input type="email" id="directmail-b7fcfd7b-subscriber_email" name="subscriber_email" value="" placeholder="Email Address*" class="directmail-required-field inp" required="required"></input>
<input type="submit" value="Subscribe" class="inpsubmit"></input>
<div style="clear:both"></div>
</div>
</form>
</div>
</div>
<!-- END DIRECT MAIL SUBSCRIBE FORM -->I have a stack called Houdini that makes it really easy to move stacks content into various Extra Content areas (as well as other forbidden locations in a theme). It may makes things easier for you… https://joeworkman.net/rapidweaver/stacks/houdini
I also notice that there is a javascript error in the theme. You may want to contact the theme developer about this. It could cause other JS to not run properly on the page because of this.
This is different then what you have on the other site: http://www.jonmessner.com/. You have no javascript in that form that works?
You have the error that Joe pointed out, also don’t know about the banner getting dropped. Those are questions for the Theme developer. I was just going by what the document said.
Joe,
Thank you. I will check out Houdini!
Doug,
Thank you again. I appreciate it!
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.