Newsletter block last name field

HI everyone 

I can't seem to find anywhere to remove the the last name field on the newsletter form block? I only want to ask for people's FIRST name and email, NOT their last name, and not just their email. There seems to be no option for this. Would this be a coding thing? I hope not.....

You can't remove Last name field unless using JavaScript (Need a Business Plan).

If you use Business Plan, you can share link to page where you use newsletter block, I can take a look.

Why thank you! 

Hi Tuan, 

How do I delete the last name field on all of the newsletter blocks on this site?

https://grape-gerbil-aby9.squarespace.com/

password: hustle

Thank you!!

On 8/9/2020 at 12:52 AM, taylorlaidlaw said:

Hi Tuan, 

How do I delete the last name field on all of the newsletter blocks on this site?

https://grape-gerbil-aby9.squarespace.com/

password: hustle

Thank you!!

Add to Page Settings > Advanced > Header

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
 const lnames = document.querySelectorAll('.last-name input')
   const lnameFields = document.querySelectorAll('.last-name')
  $(document).ready(function(){

     lnames.forEach(lname => {
   lname.value = "-"
  })

     lnameFields.forEach(lnameField => {
     lnameField.style.display = "none"
  })
      
     
 });
</script>

Hello @tuanphan,

Just used your script to remove the last name on a newsletter form and it worked perfectly!

Is there any way to tweak it so it doesn't affect a regular contact form where the last name could be required?

Thank you so much :)

On 2/10/2022 at 12:30 AM, BxDesign said:

Hello @tuanphan,

Just used your script to remove the last name on a newsletter form and it worked perfectly!

Is there any way to tweak it so it doesn't affect a regular contact form where the last name could be required?

 

Thank you so much :)

try this new code

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
 const lnames = document.querySelectorAll('.newsletter-block .last-name input')
   const lnameFields = document.querySelectorAll('.newsletter-block .last-name')
  $(document).ready(function(){

     lnames.forEach(lname => {
   lname.value = "-"
  })

     lnameFields.forEach(lnameField => {
     lnameField.style.display = "none"
  })
      
     
 });
</script>

On 2/14/2022 at 2:29 PM, tuanphan said:

try this new code

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
 const lnames = document.querySelectorAll('.newsletter-block .last-name input')
   const lnameFields = document.querySelectorAll('.newsletter-block .last-name')
  $(document).ready(function(){

     lnames.forEach(lname => {
   lname.value = "-"
  })

     lnameFields.forEach(lnameField => {
     lnameField.style.display = "none"
  })
      
     
 });
</script>

 

Worked perfectly, thank you so much 🙂

Hello @tuanphan — I am so grateful to you for posting a solution to specifically remove the last name field and last name input from the newsletter only, not anything else. THANK YOU. 🙌