In footer, how to replace email field with Sign Up button

[CW5]

For our Dawn theme footer, we want to replace email field (see attached) with "Sign Up" button to take customer to the Sign Up landing page. How can I do this? If I have to edit the code, in which file, what code and in which exact location within the file? I am new to coding, so a detailed instruction would really help. Thanks much.  

[TheUntechnickle]

Hey @CW5,

There ain't no file attached :')

Can you please share the store URL so that I can quickly check out the structure and give you the best possible solution?

Thanks,
Shubham | Untechnickle

[Dan-From-Ryviu]

Hi @CW5 

You can try to disable the up block on the footer then add this code below to footer.liquid file before this line line "{%- if section.settings.newsletter_enable -%}"

<div class="footer-block__newsletter signup-button">
    <a class="button signup-button" href="add sign up link here">Sign Up</a>
</div>

[rajweb · Accepted solution]

Hey @CW5 ,

To replace the email field in the Dawn theme's footer with a "Sign Up" button, you will need to edit your theme's code. Below are step-by-step instructions:

Step 1: Access the Theme Editor

1. Online Store > Themes > Edit code

2.  in the code editor, find the file named footer.liquid. It's usually under the Sections folder.

Step 2. Modify the Code:

Search for the block of code related to the newsletter. Look for something like this (or similar):

{% form 'customer', customer_register %}
  <input type="email" name="email" placeholder="Your email" ... >
  <button type="submit">Subscribe</button>
{% endform %}

Replace this code with a simple button linking to your "Sign Up" page. For example:

<div class="footer-sign-up">
  <a href="/pages/sign-up" class="btn">Sign Up</a>
</div>

- Replace /pages/sign-up with the actual URL of your Sign-Up landing page.

- Use the btn class or your theme's button styling to match your site's design.

If I was able to help you, please don't forget to Like and mark it as the Solution!
If you’re looking for expert help with customization or coding, I’d be delighted to support you. Please don’t hesitate to reach out via the email in my signature below—I’m here to help bring your vision to life!

Best Regard,
Rajat Sharma

[rajweb]

@CW5 ,

I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

Thanks

[CW5]

Thank you for your solution and the detailed explanation. It made it easy for a newbie like me to modify the code and get a resolution to my problem. ⁣ 👍