Try the cognitive CAPTCHA that filters users by intelligence
Complete 5 pattern puzzles to see what experience you'd get
Choose the integration method that works best for your project:
Modern approach similar to reCAPTCHA - handles everything automatically
<!-- 1. Load the SDK -->
<script src="https://iqaptcha.com/sdk/v1/iqaptcha.js"></script>
<!-- 2. Add widget (auto-renders) -->
<div class="iqaptcha" data-sitekey="YOUR_SITE_KEY"></div>
<!-- 3. Listen for completion -->
<script>
window.addEventListener('iqaptcha:complete', function(event) {
const { token, iq_score, category } = event.detail;
// Submit with your form
document.getElementById('captcha_token').value = token;
// Adapt UI based on intelligence
if (iq_score >= 115) {
showAdvancedFeatures();
} else if (iq_score >= 85) {
showStandardFeatures();
} else {
showSimplifiedUI();
}
});
</script>
For more control over rendering and callbacks
// Load SDK then render programmatically
IQaptcha.ready(function() {
IQaptcha.render('captcha-container', {
siteKey: 'YOUR_SITE_KEY',
theme: 'dark',
size: 'normal',
callback: function(token) {
console.log('CAPTCHA completed:', token);
// Process the token
},
'error-callback': function(error) {
console.error('CAPTCHA error:', error);
}
});
});
Direct iframe embedding - requires manual postMessage handling
<!-- Direct iframe embedding -->
<iframe
src="https://iqaptcha.com/captcha?site_key=YOUR_SITE_KEY"
width="400"
height="500"
frameborder="0"
></iframe>
<!-- Manual postMessage handling -->
<script>
window.addEventListener("message", (event) => {
if (event.data.type === "iqaptcha_complete") {
const { token, iq_score, category } = event.data;
// Handle completion manually
}
});
</script>
Works entirely through postMessage. No webhooks or server-side code needed.
Pattern recognition puzzles that actually measure cognitive ability.
Get scores immediately to adapt your UI in real-time.