Buy me a coffee

Reuse Newsletter Block

Description

Reuse a newsletter block across multiple pages, and edit it all from a single page.

Require: Section Loader Plugin

Support: Free support + Install, if you need help, just send me an email with your site url + describe request, I will help you. (You can also post on Forum)

How to

#1. Install Plugin (referral link)

#2. Create a Not Linked Page with Name/URL

  • Name: Reuse Newsletter
  • URL Slug: /reuse-newsletter

add-page1

#3. Add a Newsletter Block

newsletter-block-min

#4. Insert this Code Block where you want the newsletter block to appear.

<div data-wm-plugin="load" data-target="/reuse-newsletter"></div>

For example

section-loader5-minResult

section-loader52-min

Advanced Tips

Add Reuse Newsletter above Blog Posts Pagination

Move code in #4 to Blog Post Items Code Injection

reuse-newsletter4-min

Next, add this code under it

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
  setTimeout( function() {
        	$('div.wm-load-container').insertBefore('body[class*="type-blog"].view-item section#itemPagination');
    }, 3000);
});
</script>

reuse-newsletter5-min

and result

reuse-newsletter6-min

Add Reuse Newsletter under Header

First, move #4 code into Code Injection > Footer

reuse-newsletter7-min

Next, add this code under it

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
  setTimeout( function() {
        	$('div.wm-load-container').insertBefore('#page>article>section:first-child');
    }, 2000);
});
</script>

reuse-newsletter9-min

 

Ask me a question, free

If your site is private or in trial, just setup password and share url. See how to: https://beaverhero.com/squarespace-how-to/
Please check your email carefully. Recently I got a lot of questions with wrong emails.

If you haven't heard from me within 24 hours please check your junk/spam folder