SureProtect

SureCart

Protect premium content for your SureCart customers with elegant overlays and customizable access messages.

Get Started

SureProtect Configurator

Configure Protection

Message

Overlay

Button

Advanced

Lock Icon

Title

Description

Title Font Size

Description Font Size

Background Style

Background Color

rgba(17, 24, 39, 0.7)

Background Opacity

Blur Effect

Blur Effect Style

Light

Medium

Strong

Frosted

Dim

Gradient

Content Scale

Controls how much the protected content shrinks when locked

Content Opacity

Controls how visible the protected content is behind the overlay

Button Text

Button URL

Button Style

Button Color

#097358

Button Size

Button Border Radius

Button Font Size

Show icon on button

Button Icon

Protected Content Attribute

Attribute name for elements to protect (default: data-sureprotect) (e.g. .premium-content, #exclusive-section)

Animation Style

Animation Speed

Remove protection for subscribed users

Automatically detects SureCart subscription status

Cache compatibility mode

For use with caching plugins (protection applied client-side after page load)

Enable fallback mode

Shows protection if SureCart status check fails

Debug mode

Shows detailed information in browser console

Live Preview

Premium WordPress Tutorial

Learn how to optimize your WordPress site for maximum performance with our step-by-step guide.

This comprehensive guide covers database optimization, caching strategies, image optimization and much more.

Read Tutorial

Premium Content

This content is exclusive for our members. Subscribe today to unlock all premium features and content.

Subscribe Now

How to implement SureProtect

Customize your protection

Configure all options to match your needs. Customize the overlay, message, button, and behavior until you're happy with the preview.

Generate and copy the code

Click the "Generate Code" button and then "Copy code". This creates all the JavaScript needed to protect your content.

Add the code to your site

In Bricks Builder, add a "Code" element, paste your code, and make sure to check "Execute Code". This adds SureProtect to your website.

Mark content for protection

Add the attribute data-sureprotect to any element you want to protect

Testing your protected content

Visit your site while logged out to see the protection in action. Log in with a SureCart customer account to verify that the content is accessible to paid users.

Generated Code

Code generated successfully! You can now copy it and implement it on your site.

SureProtect.js