Login Button

Add a ready-to-use "Sign in with LoginSign" button anywhere in your UI.

Embed snippet

<div id="loginsign-login"
  data-client-id="YOUR_CLIENT_ID"
  data-label="Sign in with LoginSign">
</div>
<script src="https://loginsign.com/widgets/login.js" defer></script>

Attributes

data-client-id     required  Your application Client ID
data-redirect-uri   optional  OAuth callback URL
data-label          optional  Button text (default: Sign in with LoginSign)
data-theme          optional  auto | light | dark
data-size           optional  small | medium | large
data-shape          optional  rounded | pill | square
data-mode           optional  redirect | popup

When to use

• Primary sign-in action in headers, auth cards, or onboarding screens.
• Simple integrations that do not need custom auth button styling.

Implementation notes

• Use redirect mode for simplest and most reliable flow.
• Use popup mode only where pop-up blockers are handled.
• Align button style with surrounding UI using theme/shape/size attributes.

Related docs

• Widgets
• Banner
• OAuth Flow