Add a first name field to coming soon page

Topic summary

A user seeks to add a first name field to their Shopify store’s “coming soon” newsletter signup page to collect customer names for future marketing purposes.

Solution Provided:

  • Another user suggests inserting HTML markup code for a first name input field directly before the existing email input field in the template file (either password.liquid or main-password.liquid in the sections folder).

Implementation Details:

  • The code should be placed specifically before the line: <input type="hidden" name="contact[tags]" value="newsletter">
  • The user confirmed the solution worked successfully.

Status: Resolved - the customization was successfully implemented.

Summarized with AI on November 6. AI used: claude-sonnet-4-5-20250929.

Hi!

I need some help with my ‘‘coming soon’’ button/page where customers can sign up to our newsletter. I would like to add a first name field so that I can connect a first name to my customers who sign up before our launch for future marketing purposes.

Appreciate any help I can get!

Site:

www.haldin.se

Best,

Victoria

Hello @mev123 ,

Add this code just before the email input ( try to find it in template → password.liquid or sections → main-password.liquid )


Thanks

Hi,

If my code looks like this, where do I paste it exactly?

{%- assign email_label = ‘general.newsletter.email’ | t -%}
{%- render ‘input’, type: ‘email’, name: ‘contact[email]’, label: email_label, required: true -%}

{%- assign submit_button = ‘general.newsletter.notify_me’ | t -%}
{%- render ‘button’, type: ‘submit’, content: submit_button, size: ‘xl’, stretch: true, background: block.settings.button_background, text_color: block.settings.button_text_color -%}
{%- endif -%}

Before this line

1 Like

Thank you so much!

1 Like