zeno

Floating Mode

Zeno Floating Mode places the widget in a fixed position on your screen.

Attributes

Enable it via zeno-floating. All standard and i18n attributes work here too.

<zeno-widget
    zeno-site-key="YOUR_KEY"
    zeno-api-endpoint="..."
    zeno-floating
    zeno-i18n-verifying-label="Verifying..."
    zeno-i18n-solved-label="Verified"
></zeno-widget>

Positioning

The widget automatically attaches to the bottom-right. To customize:

zeno-widget {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
}

Global Trigger

You can also control it via a trigger button:

<button zeno-floating="#my-widget">Show CAPTCHA</button>
<zeno-widget id="my-widget" ... zeno-floating style="display:none"></zeno-widget>