Custom Newsletter Block 🌟 reference attached

Site URL: https://www.marieforleo.com/

Hi everyone,

Is it possible to create a design similar to the "Ideal Design" in the attached image?

I am trying to make it really simple for someone to download my freebie on our website so I can grow my email list.

Marie Forleo is the best and easiest email sign up I have found - www.marieforleo.com

SQUARESPACE NEWSLETTER BLOCK TWEAKS

• Include an image
• Remove "Surname" field
• Stylise similar to Marie Forleo

Can anyone recommend any advice or tutorials to follow? 

Our Website if needed - https://www.betsyandfrancis.com/

Thank you so much,
James & Nicole

8 hours ago, James-Knipe said:

Site URL: https://www.marieforleo.com/

Hi everyone,

Is it possible to create a design similar to the "Ideal Design" in the attached image?

I am trying to make it really simple for someone to download my freebie on our website so I can grow my email list.

Marie Forleo is the best and easiest email sign up I have found - www.marieforleo.com

SQUARESPACE NEWSLETTER BLOCK TWEAKS

• Include an image
• Remove "Surname" field
• Stylise similar to Marie Forleo

Can anyone recommend any advice or tutorials to follow? 

Our Website if needed - https://www.betsyandfrancis.com/

Thank you so much,
James & Nicole

 

 

I think we can add one more image block and drag it into a new column then set some style until it meets your ideal design

Hi @bangank36 nice to meet you 👋  here is what I have created from your suggestion 😄

Q: Is there a way to REMOVE the Last Name field?

Thank you, James

4 hours ago, James-Knipe said:

Hi @bangank36 nice to meet you 👋  here is what I have created from your suggestion 😄

Q: Is there a way to REMOVE the Last Name field?

Thank you, James

Try the following solution:

Hi @bangank36 so close, it is nearly working 😄

This is what I have done... attached.

Is the code correct? It doesn't seem to be working 😞

thank you so much for your help 😄😄 James

HI @bangank36 me again - I found this code from a google search 😄 for some reason it is not working for me?? I am trying to figure out why Hmmmm 🤔

 CODE BELOW:

<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>

17 hours ago, James-Knipe said:

HI @bangank36 me again - I found this code from a google search 😄 for some reason it is not working for me?? I am trying to figure out why Hmmmm 🤔

 

 CODE BELOW:

<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>

Can you share the link to the page that  has this form?

@bangank36 

https://www.betsyandfrancis.com/online-courses

On 8/10/2022 at 12:11 PM, James-Knipe said:

me again - I found this code from a google search 😄 for some reason it is not working for me?? I am trying to figure out why Hmmmm 🤔

 

 CODE BELOW:

<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>

Can you remove this code from your site? We can check easier