SureProtect
SureCart
Protect premium content for your SureCart customers with elegant overlays and customizable access messages.
Configure Protection
Message
Overlay
Button
Advanced
rgba(17, 24, 39, 0.7)
Controls how much the protected content shrinks when locked
Controls how visible the protected content is behind the overlay
#097358
Attribute name for elements to protect (default: data-sureprotect) (e.g. .premium-content, #exclusive-section)
Automatically detects SureCart subscription status
For use with caching plugins (protection applied client-side after page load)
Shows protection if SureCart status check fails
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 TutorialHow to implement SureProtect
1
Customize your protection
Configure all options to match your needs. Customize the overlay, message, button, and behavior until you're happy with the preview.
2
Generate and copy the code
Click the "Generate Code" button and then "Copy code". This creates all the JavaScript needed to protect your content.
3
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.
4
Mark content for protection
Add the attribute
data-sureprotect to any element you want to protect
5
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
SureProtect.js