Jump to content

Custom Newsletter Block 🌟 reference attached

Recommended Posts

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

 

 

newsletter_block.jpg

Link to comment
  • Replies 8
  • Created
  • Last Reply

Top Posters In This Topic

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

 

 

newsletter_block.jpg

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

image.thumb.png.35d3b20ecba07e3bad4c821f605be9da.png

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio plugin
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
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

Screenshot 2022-08-09 at 20.19.36.png

Try the following solution:

 

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio plugin
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

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>

Link to comment
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?

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio plugin
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.