Adding first name to newsletter sign up on dawn theme

Technical Q&A
1

Hi, I recently found found some code which allowed me to have both the first name and last name on my newsletter sign up on shopify dawn theme. This worked fine but I just want to add first name only. Can any one tell me what I need to take out to do that or help with code for first name only. the code is as below

{{ ‘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 }}
{{ 'customer.register.last_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 %}

2

Hello @kedeyahko ;

Happy to help!!! I have filtered out the code according to your need, just copy paste it. You will get the solution.

{{ ‘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 %}

Thank you and good luck!!

How was my answer?

  • Was my reply helpful? Click Like to let me know!
  • Was your question answered? Mark it as an Accepted Solution
2 Likes
3

Thank you so much this has worked

4

Thank you! Is there anyway that I can add a checkbox under the email field that says “I agree to the terms and privacy policy. I also agree to receive regular email updates.” then have the “submit” button below all 3 fields? Like the attached

1 Like
5

Many thanks!

6

Hi, In which file did you paste this code? I want to add name to my email sign up in Dawn theme same as you.

thanks

7

Hi,

I’d love to add my first name to the newsletter and make it appear in the “from” sections as “First name from Store Name”

Can I use the code provided for the Craft theme in Shopify? If so, where do I insert the code?

Thanks

8

Hello! I was wondering if you can assit me with adding custom fields to my Email signup link on my website. I’m looking to have the following fields (along with the already existing email field).

First Name

Last Name

Company Name

TD SYNNEX Account Number

My website is on the Refresh theme.