Website Building » Squarespace » How Do I Create a Newsletter Pop-Up in Squarespace?

How Do I Create a Newsletter Pop-Up in Squarespace?

Last updated on December 24, 2022 @ 2:08 pm

The first thing you need to do is log in to your Squarespace account and go to the Settings tab. Then, click on the Advanced option and select the Code Injection tab.

In the Header box, paste the following code:

<script>
$(document).ready(function() {
$('#newsletter-popup').delay(1000).fadeIn();
});
</script><div id="newsletter-popup" style="display: none;">
<div class="popup-inner">
<h2>Subscribe to our newsletter!</h2>

Enter your email address below and we’ll send you our latest news and offers.

<form action="#">
<input type="email" placeholder="Your email address"><input type="submit" value="Subscribe">
<a href="#" class="close-button">Close</a></form></div>

Replace “#” in the code with the URL of your newsletter sign-up page. You can find this URL in the Main Menu under Pages.

Save your changes and you’re all set! Your newsletter pop-up will now appear on your site.

PRO TIP: Please be aware that creating a newsletter pop-up in Squarespace can be a complex process. If you are not familiar with HTML and CSS, we recommend that you seek out a professional to help you create your newsletter pop-up.
Madison Geldart

Madison Geldart

Cloud infrastructure engineer and tech mess solver.