Login & Registration Module

Complete authentication and registration components with metadata tracking

Registration Components

RegistrationWidget

Features & Metadata Tracking

Key Features

Dual registration types: Individual (Cá nhân) and Organization (Doanh nghiệp)
Real-time form validation with Vietnamese error messages
Automatic parent page metadata capture
Custom metadata via postMessage API
Responsive design for all screen sizes
API integration with customizable endpoint

Automatically Captured Metadata

{
  "metadata": {
    "parentUrl": "https://example.com/signup",
    "parentReferrer": "https://google.com",
    "parentUserAgent": "Mozilla/5.0...",
    "parentScreenResolution": "1920x1080",
    "parentLanguage": "vi",
    "parentTimezone": "Asia/Ho_Chi_Minh",
    "embedTimestamp": "2024-06-16T10:30:00.000Z",
    "urlParams": {
      "utm_source": "google",
      "utm_campaign": "summer-2024"
    }
  }
}

Integration Examples

Embed Page:/embed/login

Demo with Examples:/login-demo

Example Parent Page:/login-demo/example-parent.html

💡 Tip:

Visit /login-demo/example-parent.html to see how to send custom metadata from parent pages using postMessage.