URGENT : how to display newsletter input field into HTML Box module

[johanndc]

Hi and sorry if my english isn't perfect.

I'm using the HTML Box module and I need to display the registration input field from the Prestashop Newsletter Block into it. Here is a picture of a part of my HTML box module :

 

I need to display the newsletter registration's input field into the red part.

 

Here is the code :

<div class="homeboxes">
<div id="boxes-first">
<div class="eshop-box">
<div class="homebox-title rougetitle"><a href="../12-eshop">e-shop de l'atelier</a></div>
<div class="zigzag"></div>
<a href="../12-eshop"><img class="zigimg" src="../img/goshop.jpg" alt="" height="200" width="558" /></a></div>
<div class="blog-box">
<div class="homebox-title rougetitle"><a href="#">Le Blog du mâle</a></div>
<div class="zigzag"></div>
<a class="bwWrapper" href="#"><img class="zigimg" src="../img/goblog.jpg" alt="" height="200" width="558" /></a></div>
</div>
<div id="box-special">
<div class="homebox-title rougetitle"><a href="#">Lumière sur...</a></div>
<div class="zigzag"></div>
<div class="vip-box"><img class="zigimg" src="../img/tomdemess.jpg" alt="" height="300" width="1140" /></div>
</div>
<div id="boxes-second">
<div class="product-box black">produit</div>
<div class="newsletter-box rouge">
!!! I NEED THE NEWSLETTER HERE !!!
</div>
<div class="faq-box black">
<h2 class="titlebox">faq</h2>
</div>
<div class="social-box rayures">
<ul class="social-icons">
<li><a href="https://twitter.com/"> <img src="../img/twitter-button.png" onmouseover="this.src='/img/twitter-button-hover.png';" onmouseout="this.src='/img/twitter-button.png';" height="75" width="75" /> </a></li>
<li><a href="https://plus.google.com/;"> <img src="../img/googleplus-button.png" onmouseover="this.src='/img/googleplus-button-hover.png';" onmouseout="this.src='/img/googleplus-button.png';" height="75" width="75" /> </a></li>
<li><a href="https://www.facebook.com/"> <img src="../img/facebook-button.png" onmouseover="this.src='/img/facebook-button-hover.png';" onmouseout="this.src='/img/facebook-button.png';" height="75" width="75" /> </a></li>
<li><a href="https://www.linkedin.com/"> <img src="../img/linkedin-button.png" onmouseover="this.src='/img/linkedin-button-hover.png';" onmouseout="this.src='/img/linkedin-button.png';" height="75" width="75" /> </a></li>
<li><a href="http://www.youtube.com/"> <img src="../img/youtube-button.png" onmouseover="this.src='/img/youtube-button-hover.png';" onmouseout="this.src='/img/youtube-button.png';" height="75" width="75" /> </a></li>
<li><a href="http://www.pinterest.com"> <img src="../img/pinterest-button.png" onmouseover="this.src='/img/pinterest-button-hover.png';" onmouseout="this.src='/img/pinterest-button.png';" height="75" width="75" /> </a></li>
<li><a href="http://www.viadeo.com"> <img src="../img/viadeo-button.png" onmouseover="this.src='/img/viadeo-button-hover.png';" onmouseout="this.src='/img/viadeo-button.png';" height="75" width="75" /> </a></li>
<li><a href="http://www.instagram.com"> <img src="../img/instagram-button.png" onmouseover="this.src='/img/instagram-button-hover.png';" onmouseout="this.src='/img/instagram-button.png';" height="75" width="75" /> </a></li>
</ul>
</div>
</div>
</div>

Someone has a solution for me?

Thanks...

[vekia]

use code like:

<form action="http://urltoyourwebsite.com/" method="post">
			<div class="form-group">
				<input class="inputNew form-control grey" id="newsletter-input" type="text" name="email" size="18" value="Enter your e-mail">
                <button type="submit" name="submitNewsletter" class="btn btn-default button button-small"><span>Ok</span></button>
				<input type="hidden" name="action" value="0">
			</div>
		</form>

[johanndc]

Thanks Vekia, I almost done.

The input field is now appearing but I have 2 issues :

 

- Your solution is working only when I hook the original Prestashop Newsletter Block into my footer. When I unhook the module from the footer, the mail adress isn't registered into the newsletter list. What can I do about that?

 

- When I push the OK button, the page is refreshing and I don't want that. I only want the confirmation message.

 

Thanks again!

Edited August 5, 2014 by johanndc (see edit history)