Buy me a coffee

Click Checkbox show Newsletter


Password: abc

Description: Click on each checkbox >> Show the corresponding Newsletter Block

You can follow these steps:

#1. First, add 2 Button Blocks and 2 Newsletters

Click Button Show Newsletter 01 Min

#2. Edit 2 Button Blocks, and use these URLs:

  • #forbuyer
  • #forseller

and make sure the option “Open Link in New Tab” is disabled.

Click Button Show Newsletter 02 Min

Click Button Show Newsletter 03 Min

#3. Install Squarespace ID Finder to find the ID of Buttons and Newsletters.

In my example, we will have:

  • Left Newsletter: #block-3196746584b85649d56f
  • Right Newsletter: #block-eb7980909cfcaf195b9a

Click Checkbox Show Newsletter 01 Min

#4. Use code to Code Injection – Footer (or Page Header Code Injection)

<script src=""></script>
  // For Buyer 
  $("#block-3196746584b85649d56f").closest('.fe-block').addClass('forbuyer show');
  // For Seller
  // For Buyer 
// For Seller
.forbuyer .newsletter-block, .forseller .newsletter-block {
    display: none;
  .show .newsletter-block {
      display: block !important;
  .show {
      z-index: 999999 !important;
  a[href="#forbuyer"]:before, a[href="#forseller"]:before {
    content: "\f0c8";
    font-family: "Font Awesome 6 Free";
    font-weight: bold;
    font-size: 20px;
    color: #000 !important;
     margin-right: 5px;
        font-weight: 400;
a[href="#forbuyer"], a[href="#forseller"] {
    background-color: transparent !important;
    color: #000 !important;
.active-button:before {
    content: "\f14a" !important;

Click Checkbox Show Newsletter 02 Min

#5. Explain code

Click Checkbox Show Newsletter 03 Min

Click Checkbox Show Newsletter 04 Min