Digorg

thanks for the straightforward answer! This is helpful

When I click it goes away for me as well and I turned off my Adblocker to get that out of the way.
The URL that button is hitting is sandbox.paypal... If I recall correctly that is their development/testing platform. Was this button created on the development platform? If so it wouldn't surprise me that the button doesn't work unless logged into the development backend.
Try creating the button on your real PP account and see what happens.

I recommend using the built-in PayPal integration instead of using buttons. They are inherently troublesome.
The built-in integration is much easier to administer and Squarespace will only charge the 3% transaction fee if you are on the Business Plan. They don't charge transaction fees on Commerce plans, so it will be cheaper to have a Commerce plan ($4 more per month) if your sales are higher than $134 per month. 
If you are selling training classes you may also want to take a look at Squarespace Scheduling (instead of Commerce) as this allows you to book people into specific events at specific times.

Squarespace does not currently support PayPal's pay later services.
Squarespace did support PayPal's pay later services in early 2021 but they have since removed support for Pay in 4 (PI4) and Pay in 3 (PI3) presumably to encourage wider use of Afterpay/Clearpay.
We're waiting for Squarespace to replace the old "classic" PayPal integration with the newest "PayPal Commerce Platform" integration that supports PayPal's Pay Later suite of consumer financing solutions, but it seems unlikely this will happen in 2022.
(Post updated in April 2022)
  If this helps you, please click "Like" below  ⬇️

Hi. Do you use Personal or Business Plan? If Personal, try adding this to design > Custom CSS
@media screen and (min-width:768px) { div#block-623f9a26c45cc006d36a4cc9 h3 { position: absolute; top: -350px; z-index: 999999; color: white; } } If Business Plan, I think we can try script code, it looks better.

The password is working.

all my CSS for the site here:
.header-display-desktop .header-nav { position: absolute; right: 0; bottom: 0; } @media screen and (min-width:641px) { .header-announcement-bar-wrapper { width: 95% !important; margin: 0 auto; } } /* Nav item color */ .header-nav-item a { color: #BECA63 !important; } /* Nav item hover color */ .header-nav-item> a:hover { color: black !important; } div.header-nav-item--active a { background-image: none !important; } .item-pagination[data-collection-type^="portfolio"], .item-pagination[data-collection-type^="portfolio"] { display: none; } /* Add a line under header */ header#header { border-bottom: 1.5px solid grey; padding-bottom: 0px; line-height: 0px; margin-bottom: 5px; } /* Add a line to top of footer */ footer#footer-sections { border-top: 1.5px solid grey; padding-top: 0px; line-height: 0px; margin-top: 5px; } footer#footer-sections:before { content: ""; background-color: grey; display: block; width: 100%; height: 1.5px; position: relative; bottom: -80px; z-index: 99999; } section[data-section-id="616e338e0987d424e2383063"] { margin-top: 10px; margin-bottom: 10px; } section[data-section-id="61b2ec6e8aa947796b8b92a6"] { margin-top: 10px; margin-bottom: 10px; } .sqs-block-gallery .image-slide-title { text-align: left !important; }  

so the answer? I had a Content Blocker extension on in Safari. Turned it off and the Announcement Bar is now visible.🤦‍♂️

1. Do you mean something like this?

Try adding to Home > Design > Custom Css
.header-display-desktop .header-nav { position: absolute; right: 0; bottom: 0; } Let me know how it works