How to hide newsletter block last name field on Squarespace 7.1
The built-in Newsletter Block in Squarespace 7.1 is a powerful way to collect email signups from visitors. By default, the form includes fields for First Name, Last Name, and Email Address. But what if you only want to keep it simple — and remove the “Last Name” field altogether?
In this tutorial, you'll learn how to hide the Last Name field from your Newsletter Block using a small CSS tweak. This is perfect if you want to reduce friction and increase signups by asking for less information.
Table of Contents
Why Hide the Last Name Field?
Improves Conversion: Fewer fields = faster form completion
Cleaner Design: Makes your signup form more minimal and modern
Better UX: Ideal for mobile and small screens
Complexity: Easy
Step-by-Step Instructions
Step 1
Copy the code and from the Squarespace dashboard navigate to Pages > Custom Code > Custom CSS, paste the code and then save your changes.
<style>
/* Hide Last Name field in Newsletter Block */
.newsletter-form-field-wrapper:nth-of-type(2) {
display: none !important;
}
</style>Please note:
The last name will still be recorded in the backed but it will have the value “-”.
This code will work site wide on other newsletter forms.
Key Notes
This solution works for Newsletter Blocks, not custom Forms
The
nth-of-type(2)selector assumes the order is: First Name → Last Name → EmailIf you only want Email (and no names), disable the name fields in the block settings
FAQs
Can I completely remove the field instead of just hiding it?
Squarespace doesn't let you delete the Last Name field from the block UI, so CSS is the best approach to visually remove it.
Will hiding the Last Name field affect my Mailchimp or email integration?
No — hidden fields won’t be filled out, so the data passed to Mailchimp (or others) will just leave the Last Name blank.
Can I also hide the First Name field and keep only Email?
Yes! Use this CSS instead: .newsletter-form-field-wrapper:nth-of-type(1) { display: none !important; }
Conclusion
Customizing your Newsletter Block in Squarespace 7.1 is a great way to simplify your user experience and boost email signups. Hiding the Last Name field makes the form feel more approachable — and every click you save matters when it comes to conversions.
If you have any questions or need any help with your Squarespace website design, you can book a 1:1 consultation.
All work in this guide is provided ‘as-is’. Other than as provided in this agreement, this guide makes no other warranties, expressed or implied, and hereby disclaims all implied warranties, including any warranty of fitness for a particular purpose.
If you require professional advice, we recommend that you purchase the services of a developer.
