dessainsaraiva

acasado

<p>Make your users login via link or QR code.<br />
Attention: anyone who has the login link will be able to login as the user.</p>
<p>Background picture from; https://pixabay.com/en/qr-code-quick-response-code-scanning-1903447/</p>


Login with QR

Make your users login via link or QR code.

NKChakshu

<p>QROGIN is a developer-friendly QR based social login platform delivering FIDO2 passkey-powered passwordless authentication, combining enterprise-grade security with easy integration and seamless identity management.<br />
Using this plugin, developers will be able to generate tamper‑proof (time-limited & one-time use) QR codes and secure one‑click links(button) for QROGIN user-login/signup. The widgets talks to your QROGIN back‑end, displays a countdown, polls for authentication and then fires a JavaScript event so you can finish the flow your way.</p>
<p><strong>Features</strong></p>
<ul>
<li>Three modes: <code>QrWidget</code>, <code>QrWithLink</code>, <code>SecureLinkButton</code></li>
<li>Customise colours, labels and CSS classes from the shortcode</li>
<li>Accessible: countdown and refresh button included</li>
<li>Event‑driven – hook into <code>qrogin-authenticated</code> for SPA redirects</li>
<li>Works on any page/post or block editor pattern</li>
</ul>
<h3>Shortcode</h3>
<p>[qrogin_qr_widgets]</p>
<p>Attributes:<br />
See the “Attribute Reference” section below for all options.</p>
<h3>Attribute Reference</h3>
<ul>
<li>base_url (required) – Endpoint that returns QR payload</li>
<li>status_base (required) – Endpoint polled to read auth status</li>
<li>tenant_id (required) – Your tenant/account ID</li>
<li>api_key (required) – API key issued by QROGIN</li>
<li>mode – QrWidget (default), QrWithLink, or SecureLinkButton</li>
<li>ttl_ms – Time‑to‑live in milliseconds (default: 55000)</li>
<li>poll_interval – Polling gap in milliseconds (default: 5000)</li>
<li>class – Extra classes for the widget wrapper</li>
<li>button_label – Button inner HTML (default: “Secure one‑time link”)</li>
<li>button_class – Extra classes for the button</li>
<li>button_style – Inline CSS for the button</li>
</ul>
<h3>Usage example: catching the authentication event</h3>
<p>Add this script to your page (you can adjust the redirect URL):</p>
<pre><code><script>
document.querySelectorAll('.qrogin-qr-container').forEach(el => {
  el.addEventListener('qrogin-authenticated', e => {
    const { token, user_id } = e.detail;
    sessionStorage.setItem('qroginJwt', token);
    sessionStorage.setItem('userId', user_id);
    // Redirect to a safe location
    window.location.href = '/account'; // <- change this
  });
});
</script><h3>Privacy</h3>
</code></pre>
<p>This plugin sends only the fields you configure—<code>tenant_id</code> (also known as customer_id), <code>api_key</code>, and associated session data—to <strong>your own</strong> QROGIN back‑end. All traffic travels over <strong>HTTPS</strong> to QROGIN‑owned sub‑domains (<code>*.qrogin.com</code>) only. No data is transmitted to the plugin author or any other third‑party service.</p>


Qrogin QR Widgets

QROGIN offers passkey-based QR login with tamper-proof codes, one-click links, countdown timer, auth polling and JS event for easy integration.

Login with QR vs Qrogin QR Widgets