Login Page

Embed the full LoginSign start page directly in your app for a seamless, full-viewport login flow.

Embed snippet

<div id="loginsign-login-page"
  data-client-id="YOUR_CLIENT_ID"
  data-redirect-uri="https://your-domain.com/callback">
</div>
<script src="https://loginsign.com/widgets/login-page.js" defer></script>

Attributes

data-client-id     required  Your application Client ID
data-redirect-uri   optional  OAuth callback URL (recommended explicit)
data-locale         optional  Locale passed into OAuth
data-state          optional  OAuth state value for CSRF protection

When to use

  • Dedicated sign-in routes where auth is the main page purpose.
  • Branded applications that want less custom auth UI work.
  • Teams needing quick setup with consistent LoginSign UX.

Best practices

  • Always use HTTPS in production for redirect URIs.
  • Generate and validate state server-side when possible.
  • Keep callback route lightweight and complete token exchange immediately.

Related docs