How can I add text under the newsletter sign up box in the Dawn theme?

Technical Q&A
1

Hello guys,

i want to place a text under the newsletter sign up bar.

i already found two solutions, but both did not work for me. the first one was from Page-Fly Victor, i tried and it just but a text somewhere else. the second was from Ujjaval, when i tried his solution, the frame around the signup box just disappeard.

is there any other solution for my problem?

I am using the dawn theme

1 Like
2

Hello,

Go to your Theme > Edit code > Sections > Open newletter.liquid and replace the code in this file with the following code.

{{ ‘component-newsletter.css’ | asset_url | stylesheet_tag }}
{{ ‘newsletter-section.css’ | asset_url | stylesheet_tag }}

{%- for block in section.blocks -%} {%- case block.type -%} {%- when '@app' -%} {% render block %} {%- when 'heading' -%}

{{ block.settings.heading | escape }}

{%- when 'paragraph' -%}
{{ block.settings.text }}
{%- when 'email_form' -%}
{% form 'customer', class: 'newsletter-form' %}
{{ 'customer.register.first_name' | t }}
{{ 'newsletter.label' | t }} {% render 'icon-arrow' %}
{%- if form.errors -%} {% render 'icon-error' %}{{ form.errors.translated_fields['email'] | capitalize }} {{ form.errors.messages['email'] }} {%- endif -%}
{%- if form.posted_successfully? -%}

{% render 'icon-success' %}{{ 'newsletter.success' | t }}

{%- endif -%} {% endform %}
{%- endcase -%} {%- endfor -%}

{% schema %}
{
“name”: “t:sections.newsletter.name”,
“tag”: “section”,
“class”: “spaced-section spaced-section–full-width”,
“settings”: [
{
“type”: “select”,
“id”: “color_scheme”,
“options”: [
{
“value”: “accent-1”,
“label”: “t:sections.newsletter.settings.color_scheme.options__1.label”
},
{
“value”: “accent-2”,
“label”: “t:sections.newsletter.settings.color_scheme.options__2.label”
},
{
“value”: “background-1”,
“label”: “t:sections.newsletter.settings.color_scheme.options__3.label”
},
{
“value”: “background-2”,
“label”: “t:sections.newsletter.settings.color_scheme.options__4.label”
},
{
“value”: “inverse”,
“label”: “t:sections.newsletter.settings.color_scheme.options__5.label”
}
],
“default”: “background-1”,
“label”: “t:sections.newsletter.settings.color_scheme.label”
},
{
“type”: “checkbox”,
“id”: “full_width”,
“default”: true,
“label”: “t:sections.newsletter.settings.full_width.label”
},
{
“type”: “paragraph”,
“content”: “t:sections.newsletter.settings.paragraph.content”
}
],
“blocks”: [
{
“type”: “heading”,
“name”: “t:sections.newsletter.blocks.heading.name”,
“limit”: 1,
“settings”: [
{
“type”: “text”,
“id”: “heading”,
“default”: “Subscribe to our emails”,
“label”: “t:sections.newsletter.blocks.heading.settings.heading.label”
}
]
},
{
“type”: “paragraph”,
“name”: “t:sections.newsletter.blocks.paragraph.name”,
“limit”: 1,
“settings”: [
{
“type”: “richtext”,
“id”: “text”,
“default”: “

Be the first to know about new collections and exclusive offers.

”,
“label”: “t:sections.newsletter.blocks.paragraph.settings.paragraph.label”
}
]
},
{
“type”: “email_form”,
“name”: “t:sections.newsletter.blocks.email_form.name”,
“limit”: 1
},
{
“type”: “@app”
}
],
“presets”: [
{
“name”: “t:sections.newsletter.presets.name”,
“blocks”: [
{
“type”: “heading”
},
{
“type”: “paragraph”
},
{
“type”: “email_form”
}
]
}
]
}
{% endschema %}
Once done, go to your Theme > Customize > Homepage > Add section > Search for Email Signup > Add Email Sign up.

Now you will have a sign-up form with First Name and Email.

1 Like
3

Hi @yanniksch

Can we take a look? Would you mind to share your Store URL website? with password if its protected. Thanks!

4

Thank you very much, exactly what i wanted. Great solution