Password Protected Landing Page with Redirect

What You'll Create

A password-protected landing page in Squarespace that redirects visitors to another URL after entering the correct password. The form validates input, shows error/success messages with shake animations for wrong passwords, and redirects to your specified destination when correct. Works with Squarespace's Form Block.

The Problem It Solves

Squarespace's built-in password protection applies to entire sites or pages—it can't redirect to external URLs after authentication. When you need a simple password gate that sends visitors somewhere specific (a private client portal, hidden content, external resource), this technique provides that functionality.

Perfect For

Client portal gateways, VIP access pages redirecting to exclusive content, event registration gates, pre-launch access pages, private resource downloads, simple access control without full membership systems.

What Makes This Different

Intercepts the Form Block submission, validates the password, and handles the redirect. Includes styled error and success messages, a shake animation for wrong attempts, and automatic input focus. Note: this is client-side validation—the password is visible in the code, so it's not suitable for highly sensitive content, but works well for light access control.

Details

• Section Type: Fluid Engine

• Code Type: JavaScript

• Prerequisites: Form Block with text input and submit button. Section with anchor ID #password.

• Toolkit Title: Landing Page with Password

Learn This Technique

This is one of 150+ code techniques taught inside Standout Squarespace, where you get:

• The complete, copy-paste code

• Video walkthrough explaining how it works

• The principles behind the technique so you can customize it

• Access to our private community for support