Banner

Show a lightweight sign-in prompt in the page corner for returning LoginSign users, similar to one-tap UX.

Embed snippet

<div id="loginsign-banner"
  data-client-id="YOUR_CLIENT_ID"
  data-position="top-right">
</div>
<script src="https://loginsign.com/widgets/banner.js" defer></script>

Attributes

data-client-id     required  Your application Client ID
data-redirect-uri   optional  OAuth callback URL
data-position       optional  Banner position (default: top-right)
data-theme          optional  auto | light | dark
data-auto-close     optional  Auto-dismiss after N seconds (0 = never)

When to use

• Marketing pages where full login UI would be too intrusive.
• Apps that want a passive but visible sign-in option.
• Returning-user flows with one-click re-authentication focus.

Best practices

• Do not overlap the banner with cookie or support overlays.
• Use data-theme="auto" unless strict brand rules require fixed mode.
• Set an explicit redirect URI for predictable callback handling.

Related docs

• Widgets
• Login Button
• OAuth Flow