Content Locker Widget

Create Your Own Content Locker Widget in Seconds for Your Website

Build a no-code content lock for premium resources, member pages, gated downloads, and early-access campaigns. Lock the full page or a selected section, choose the unlock method, customize the card, and remember successful unlocks.

Create Your Content Locker Widget ā€” Itā€™s Free!
Create Your Own Content Locker Widget in Seconds for Your Website Hero Bg Image

How to embed Content Locker Widget to WordPress

1Get your embed code

After customizing your Jotform website widget, click Try it on your website for free, and copy the generated embed code.

2Open the page editor

Go to the WordPress post or page where you want to display the widget, then add a new block.

3Add a Custom HTML block

Select Custom HTML and paste your Jotform Website widget embed code into the HTML field.

4Update and view

Click Update or Publish, then open the page to check your embedded widget.

Learn more

Use Access Code, Email, Age, or Q&A Unlocks

Pick the access step that fits your page. Share an access code, ask for a valid email, require a minimum age from a birth date picker, or validate a custom question answer.

Unlock options include:

Access codeEmail promptAge checkQ&A challenge
Choose an Unlock Method
Use Access Code, Email, Age, or Q&A Unlocks

Lock the Full Page or a Selected Section

Keep your content on the page and decide what the locker should cover. Use the entire-page scope or enter a CSS or ID selector for one section.

Content controls include:

Entire pageCSS selectorID selectorInline overlayCentered overlay
Choose Lock Scope
Lock the Full Page or a Selected Section

Control Blur, Placement, and Remembered Access

Set how much locked content is blurred, choose centered or inline overlay placement, and remember successful unlocks so returning visitors do not repeat the step too often.

Behavior controls include:

Blur amountCentered overlayInline overlayRemember unlock
Tune Behavior
Control Blur, Placement, and Remembered Access

Match the Locker to Your Brand

Enable dark theme, show or hide the lock icon, change CTA button text and colors, tune card width and radius, show or hide Jotform branding, and apply scoped custom CSS.

Style controls include:

Dark themeLock iconCTA colorsCard widthBranding toggle
Style Your Widget
Match the Locker to Your Brand