5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/41i4r4u9uolgz.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:T860,

About

This component lets you create a PIN or PassKey to lock individual pages or CMS detail pages, gating access until the user enters the correct code. The full view locking screen protects page content and is fully customisable through the component properties panel. The PIN or PassKey can be set with any combination of letter and/or number characters.

Instructions

Add the component into the 'Primary' layer of your site page (this will add a full page overlay, just set the visible property to 'No' to edit your page content and set back to 'Yes' in order to enable to page lock.
Set the PIN or PassKey in the properties panel.
Customise the appearance of lock screen including logo, text, images, fonts and background to reflect your brand.
Enable additional features like Access Duration (how long, in days, the user will get access after they enter the correct code), Max Attempts (how many attempts a user will get before being locked out) and the Lockout Duration (how many minutes before the user can try again.
Preview or publish the site to test the page lock functionality.

CMS Page Protection

The PageLock component can also be used to protect individual CMS detail pages with options for variable 'Preview Images'. After purchase, a simple 2-step process will be included in the setup instructions to enable CMS detail page locking on a page-by-page basis.

Support

For support queries and assistance, get in touch at hello@mediumui.com

Disclaimer

FramerLock components use client-side authentication and should not be used for sensitive information or personal user data. For increased security and content protection, implement server-side authentication. FramerLock components are designed for standard content gating only.

5a:[["$","$L5d",null,{"post":{"id":"019b9892-6c7c-7085-a5cd-aa2abab2fdcc","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c39763f9-d070-4535-be94-83971f270a6d","name":"MediumUI","slug":"mediumui","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/934663/avatar-6j1znJLynUqKrtijpZm1VjFzZQmufj.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"DNwekalAbGhY2MdwwkLv","resolved":true,"title":"PassKey Page Lock","body":"$5e","bodyJson":null,"introduction":"","slug":"passkey-page-lock","author":{"framerUserId":"c39763f9-d070-4535-be94-83971f270a6d","name":"MediumUI","slug":"mediumui","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/934663/avatar-6j1znJLynUqKrtijpZm1VjFzZQmufj.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/MZQrCrfWkfcXTBXTiYQi/passkey-page-lock-44K7oXLYQU9b5JmH3zVDsddHsr1JlZ","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-12-17T12:34:10.285Z","updatedAt":"2026-01-14T07:28:13.648Z","publishedAt":"2026-01-07T13:08:11.516Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://sub.chujiqiqi.com/m/Passkey-PageLock-RedKOR.js@qej1thkIHNU9szIG5H1z","previewUrl":"https://passkey-pagelock.framer.website/","price":null,"paymentUrl":null,"workshop":true,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"qej1thkIHNU9szIG5H1z","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":11,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-01-07T13:08:11.516Z","updatedAt":"2026-01-07T13:08:11.516Z","reported":false}}],"$L5f"]

Suggested for you