How can I alter the newsletter sign-up header in the footer?

How can I alter the newsletter sign-up header in the footer?

HelleGoller
Excursionist
25 0 9

I'm trying to change the header of the sign up section in the footer.

I can only find where to change to description, but not the heading.

Can someone direct me?

Replies 27 (27)

KetanKumar
Shopify Partner
37094 3645 12053

@HelleGoller 

can you please send store url so i will check and let you know 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on [email protected] regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
HelleGoller
Excursionist
25 0 9
KetanKumar
Shopify Partner
37094 3645 12053

@HelleGoller 

i have check now its show on footer 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on [email protected] regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
HelleGoller
Excursionist
25 0 9

But I want to change it?

Erin
Shopify Staff
1116 138 179

Hi there @HelleGoller. I'm happy to look into this with you! Which theme are you currently using for your online store? Are you using Shopify Email for your email marketing?

 

You can typically change the header for the newsletter sign up section in your footer within your theme editor. You can get to your theme editor by going to Online store > Themes and clicking Customize next to the theme you are working with. Once you are in your theme editor you will want to click on the Footer section and the footer settings will open. There, you should see the option to edit the Heading under the Email signup settings. I've included an example of what this may look like below. That being said, these settings depend on the theme you are using so the options may be different depending on your theme. If you are not seeing the setting after following these steps please let me know which theme you are using and I can take a closer look.

 

18-15-69992-55019

 

Don't hesitate to reach back out if you have any other questions!

Erin | Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

HelleGoller
Excursionist
25 0 9

HI,
I do not have the option in the right side of the screen as you?

When I click 'footer' in the left side, I only go to Theme settings - also in the left side of the screen.

The theme is: 

Blockshop

6.1.3

Design and support by Troop Themes

 

 

KetanKumar
Shopify Partner
37094 3645 12053

@HelleGoller 

can you please send footer section code

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on [email protected] regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
HelleGoller
Excursionist
25 0 9

Where do I find this?

HelleGoller
Excursionist
25 0 9

{%- assign block_count = section.blocks.size -%}

{% if block_count > 0 %}
{%- assign column_count = 12 | divided_by: block_count -%}
{% endif %}

<footer
class="main-footer footer"
data-js-class="Footer"
data-section-id="{{ section.id }}"
data-section-type="footer"
>
<div class="row bottom">

{% for block in section.blocks limit: block_count %}
<div class="large-{{ column_count }} columns {{ block.type }}">

{% case block.type %}
{% when 'about' %}

<div class="font--block-heading footer--heading">
{{ block.settings.about-title | escape }}
</div>

<div class="content font--paragraph">
{% if block.settings.text != blank %}
<div class="text">{{ block.settings.text }}</div>
{% endif %}


{% unless shop.enabled_payment_types == empty %}
{% if block.settings.footer-payment-options-show %}
{% include 'framework--payment-icons' %}
{% endif %}
{% endunless %}

</div>
{% when 'menu' %}

<div class="font--block-heading footer--heading">
{{ block.settings.menu-title | escape }}
</div>

<div class="content font--paragraph">
{% if linklists[block.settings.menu].links.size > 0 %}
{% assign footer_nav = block.settings.menu %}

<ul class="footer-nav plain-list" role="navigation" aria-label="Secondary">
{% for link in linklists[footer_nav].links %}
<li>
<a href="{{ link.url }}" title="{{ link.title }}">
{{ link.title }}
</a>
</li>
{% endfor %}
</ul>
{% endif %}
</div>

{% when 'subscribe' %}

{% assign show_social = false %}
{% if settings.footer-facebook-follow-url.size > 0 or
settings.footer-twitter-follow-url.size > 0 or
settings.footer-instagram-follow-url.size > 0 or
settings.footer-pinterest-follow-url.size > 0 or
settings.footer-tumblr-follow-url.size > 0 or
settings.footer-vimeo-follow-url.size > 0 or
settings.footer-youtube-follow-url.size > 0 %}
{% assign show_social = true %}
{% endif %}

{% if block.settings.subscribe--show-social-icons == false %}
{% assign show_social = false %}
{% endif %}

{% if block.settings.subscribe--show-newsletter or show_social %}
{% assign newsletter_title = 'layout.footer.newsletter_title' | t %}
{% if newsletter_title.size > 0 %}
<div class="font--block-heading footer--heading">
{{ newsletter_title }}
</div>
{% endif %}
{% endif %}

<div class="content">
{% if block.settings.subscribe--show-newsletter or settings.popup--newsletter--enabled %}
<div id="mailing-list-module" {% if block.settings.subscribe--show-newsletter == false and settings.popup--newsletter--enabled %}style="display:none;"{% endif %}>
{% if block.settings.newsletter--heading != blank %}
<div class="font--paragraph rte-content">{{ block.settings.newsletter--heading }}</div>
{% endif %}

{% form 'customer' %}
{% if form.errors %}
<p class="error feedback">
{% for field in form.errors %}
{{ field }} {{ form.errors.messages[field] }}
{% endfor %}
</p>
{% endif %}

<input type="hidden" id="contact_tags" name="contact[tags]" value="newsletter" />
<input type="hidden"
id="newsletter-first-name"
name="contact[first_name]"
value="Subscriber" />
<input type="hidden"
id="newsletter-last-name"
name="contact[last_name]"
value="Newsletter" />
<input class="small"
type="email"
placeholder="{{ 'layout.footer.newsletter_placeholder' | t }}"
name="contact[email]" />
<input type="submit"
class="font--button prefix"
value="{{ 'layout.footer.newsletter_button' | t }}"
name="subscribe"
id="email-submit" />

{% if form.posted_successfully? or form.errors %}
<script>window.location.hash = '#feedback-bar--newsletter';</script>
{% endif %}
{% endform %}
</div> <!-- #mailing-list-module -->
{% endif %}

{% if show_social %}
<div class="social-follow">
{% include 'snippet-social-follow' %}
</div>
{% endif %}
</div> <!-- .content -->

{% endcase %}

</div> <!-- .columns -->
{% endfor %}
</div> <!-- .row.bottom -->

{% if section.blocks.size == 0 %}
{% include 'snippet-no-blocks' %}
{% endif %}

</footer>

{% schema %}
{
"name": "Footer",
"class": "section--footer",
"max_blocks": 3,
"blocks": [
{
"type": "about",
"name": "About store",
"settings": [
{
"type": "text",
"id": "about-title",
"label": "Title",
"default": "Store"
},
{
"type": "richtext",
"id": "text",
"label": "Text",
"default": "<p>© Your brand name here<p>"
},
{
"type": "checkbox",
"id": "footer-payment-options-show",
"label": "Enable payment logos",
"default": true
}
]
},
{
"type": "menu",
"name": "Menu",
"settings": [
{
"type": "text",
"id": "menu-title",
"label": "Title",
"default": "Info"
},
{
"type": "link_list",
"id": "menu",
"label": "Menu",
"default": "footer",
"info": "This menu won't show submenu items."
}
]
},
{
"type": "subscribe",
"name": "Subscribe",
"settings": [
{
"id": "newsletter--heading",
"label": "Newsletter heading",
"type": "richtext",
"default": "<p>Sign up to our mailing list</p>"
},
{
"type": "checkbox",
"id": "subscribe--show-newsletter",
"label": "Show newsletter",
"default": true
},
{
"type": "checkbox",
"id": "subscribe--show-social-icons",
"label": "Show social icons",
"default": true
}
]
}
]
}
{% endschema %}

KetanKumar
Shopify Partner
37094 3645 12053

@HelleGoller 

thanks can you try this way if need change heading 

check here https://help.shopify.com/en/manual/online-store/themes/customizing-themes/language/translate-theme

also change sub text go to theme customization >>> footer >> click arrow before F

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on [email protected] regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
HelleGoller
Excursionist
25 0 9

I dont have have the option 'customization >>> footer >> click arrow before F'

If I click here I just go the the theme settings.

 

Where should I look in the link you send?

KetanKumar
Shopify Partner
37094 3645 12053

if possible to add me staff account so i will quick check

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on [email protected] regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
HelleGoller
Excursionist
25 0 9

It is not my account, bud a clients, so cannot give you access.

KetanKumar
Shopify Partner
37094 3645 12053

@HelleGoller 

no rush just download theme and send theme zip i will check my end 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on [email protected] regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
HelleGoller
Excursionist
25 0 9

Here you go!

I would like to change the header and also ad the option to put in name

KetanKumar
Shopify Partner
37094 3645 12053

please check attachment 

heading change step 2.pngheading change step 1.pngText change.png

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on [email protected] regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
HelleGoller
Excursionist
25 0 9

Many thanks - that works! 

do you know where to add the name as well?

KetanKumar
Shopify Partner
37094 3645 12053

@HelleGoller 

please provide screenshot which name did you have change

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on [email protected] regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
HelleGoller
Excursionist
25 0 9

when you subcribe to the newsletter, to have the option to add 'name' also

KetanKumar
Shopify Partner
37094 3645 12053

yes you have added file on footer news latter code 

just change footer section code line No:103 

type="hidden" 

to

type="text" 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on [email protected] regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
HelleGoller
Excursionist
25 0 9

Hi,

I found it thanks!

But now our button looks funny - like some of it is being cut of. How do I change this, so we can se the entire button?

KetanKumar
Shopify Partner
37094 3645 12053

@HelleGoller 

can you add staff again so i will check

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on [email protected] regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
HelleGoller
Excursionist
25 0 9

as last time I cannot ad you as staff - please use the file with the theme I send you earlier🙏

KetanKumar
Shopify Partner
37094 3645 12053

@HelleGoller 

oh sorry i have forgot this yes, please sens latest theme 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on [email protected] regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
KetanKumar
Shopify Partner
37094 3645 12053

@HelleGoller 

thanks i will check and update

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on [email protected] regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
HelleGoller
Excursionist
25 0 9

Let me know, when you have news on this - many thanks