Inline embed

Verification UI rendered inline as part of your page layout — no modal, no floating widget. The user sees a verification block where you place it. View source.

Live demo

The widget is part of the page flow, like any other component.

Verify to continue:

View HTML source SDK loader source Backend verify.php

Integration code

<script src="https://cdn.captcha-cdn.net/captchala.js"></script>

<div id="captcha-inline"></div>

<script>
Captchala.init({
  appKey: 'YOUR_APP_KEY',
  product: 'inline',
  container: '#captcha-inline',
  action: 'default',
  lang: 'en',
  onSuccess: (res) => {
    fetch('/verify.php', {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({ token: res.token, action: 'default' })
    });
  }
});
</script>

When to use inline

Embedding verification as part of a flow where it's the explicit subject of attention — e.g. before a high-value action that's the only thing on the page. Less common than popup or float, but useful when verification is its own step rather than a gate before something else.