Content Locker Integration

Integration Methods

Method A: JavaScript Overlay (Recommended)

This is the standard integration method. The locker will appear as an overlay on your website when triggered. Place this code before the closing </body> tag of your page.


                        <script type="text/javascript"
                        src="https://letest.scriptstore.store/content-locker/js/YOUR_LOCKER_UUID"></script>

Triggering the Locker: By default, the locker usually triggers on page load. You can also trigger it manually using _locker.load() if supported by your template.

Method B: Iframe Embed / Direct Link

Use this if you want to embed the locker inside a specific container or link directly to it.


                        <iframe src="https://letest.scriptstore.store/content-locker/YOUR_LOCKER_UUID/show" width="100%" height="800px"
                        frameborder="0"></iframe>

Direct Link URL: https://letest.scriptstore.store/content-locker/YOUR_LOCKER_UUID/show

JavaScript Callbacks

You can listen for unlock events to trigger custom actions on your page.

window.addEventListener('message', function(event) {
    // Check if message is from our locker
    if (event.data.action === 'unlocked' && event.data.locker === 'YOUR_LOCKER_UUID') {
        
        console.log('Locker Unlocked!');
        
        // Action: Reveal content
        document.getElementById('hidden-content').style.display = 'block';
        
        // OR Action: Redirect user
        // window.location.href = 'https://your-premium-link.com';
    }
});