Newsletter Subscription Full-width

Newsletter Subscription Full-width (Footer)

A full width newsletter subscription box for your footer.


Newsletter Subscription (Footer)

Coding Instructions

Here is the new class & some styles:

.nFullWidthNewsletter {
    background-color: #EFEFEF;
    padding:20px 0px;

Open the footer file and paste the following code:

[%if [@config:show_newsletter_subscribe@]%]
    <div class="nFullWidthNewsletter">
        <div class="container">
            <div class="row">
                <div class="col-sm-5">
                    <h2>Subscribe to our newsletter</h2>
                    <p>Write any offers here</p>
                <div class="col-sm-7">
                        <form method="post" action="[%url type:'page' id:'subscribe' https:'1'%][%/url%]">
                            <input type="hidden" name="list_id" value="1">
                            <input type="hidden" name="opt_in" value="y">
                            <label for="inp-email-footer"><i class="fa fa-envelope"></i> Email Address </label>
                            <div class="input-group">
                                <input name="inp-email" id="inp-email-footer" class="form-control" type="email" value="[%nohtml%][@inp-email@][%/nohtml%]" placeholder="" required/>
                                <input name="inp-submit" type="hidden" value="y" />
                                <input name="inp-opt_in" type="hidden" value="y" />
                                <span class="input-group-btn">
                                    <button class="btn btn-default" type="submit" value="Subscribe"> Subscribe Now <i class="fa fa-check"></i> </button>

Was this article useful?

Be notified when this page is updated. Optional.