1<script>
2const xl = new XsollaLogin.Widget({
3  // Other settings
4  settingsJSON: "url_string",
5  socialsJSON: "url_string",
6  themeJSON: "url_string"
7});
8</script>

 1{
 2  "authorization_methods": {
 3    // Authorization methods
 4  },
 5  "registration_fields": {
 6    // Registration fields
 7  },
 8  "email_validation": {
 9    // Settings for email validation
10  }
11
12  // Other widget settings
13}

1{
2  "authorization_methods": {
3    ["email", "phone"]
4  }
5
6  // Other widget settings
7}

 1{
 2  // Other widget settings
 3
 4  "registration_fields": [
 5    {
 6      "name": "username",
 7      "required": false,
 8      "type": "str",
 9      "validation": {
10        "allowed_characters": "A-Z, a-z, 0-9",
11        "max_length": 16,
12        "min_length": 5,
13        "regexps": ["^.{5,16}$"]
14      }
15    },
16    { "name": "email", "required": true, "type": "email", "validation": {} },
17    { "name": "bday", "required": true, "type": "date", "validation": {} },
18    {
19      "name": "platform",
20      "default_value": ["MacOS", "Nintendo Switch", "Steam"],
21      "required": false,
22      "type": "multi-select",
23      "validation": {}
24    },
25    {
26      "name": "country-name",
27      "default_value": ["US", "GB", "DE"],
28      "required": false,
29      "type": "select",
30      "validation": {}
31    },
32    { "name": "password", "required": true, "type": "pass", "validation": {} },
33    {
34      "name": "password_confirm",
35      "required": false,
36      "type": "pass",
37      "validation": {}
38    },
39    {
40      "name": "promo_email_agreement",
41      "required": false,
42      "type": "bool",
43      "validation": {}
44    }
45  ]
46}

1{
2  // Other widget settings
3
4  "email_validation": {
5    "use_xsolla_email_validator": true
6  }
7}

1{{
2  // Other widget settings
3
4  "can_register": true,
5  "can_reset_password": true,
6  "cookie_policy": "https://someurl.com"
7}

 1{
 2  "1": {
 3    "primary": [
 4      // Array of social networks for primary type
 5    ],
 6    "secondary": [
 7      // Array of social networks for secondary type
 8    ]
 9  },
10  "2": {
11    "primary": [
12      // Array of social networks for primary type
13    ],
14    "secondary": [
15      // Array of social networks for secondary type
16    ]
17  },
18  "3": {
19    "primary": [
20      // Array of social networks for primary type
21    ],
22    "secondary": [
23      // Array of social networks for secondary type
24    ]
25  },
26  "4": {
27    "primary": [
28      // Array of social networks for primary type
29    ],
30    "secondary": [
31      // Array of social networks for secondary type
32    ]
33  },
34  "5": {
35    "primary": [
36      // Array of social networks for primary type
37    ],
38    "secondary": [
39      // Array of social networks for secondary type
40    ]
41  },
42  "6": {
43    "primary": [
44      // Array of social networks for primary type
45    ],
46    "secondary": [
47      // Array of social networks for secondary type
48    ]
49  }
50}

 1{
 2  "1": {
 3    "primary": [{
 4      "name": "google",
 5      "jwt": "https://login.xsolla.com/api/social/google/login_redirect",
 6      "oauth2": "https://login.xsolla.com/api/oauth2/social/google/login_redirect"
 7    }],
 8    "secondary": [{
 9        "name": "facebook",
10        "jwt": "https://login.xsolla.com/api/social/facebook/login_redirect",
11        "oauth2": "https://login.xsolla.com/api/oauth2/social/facebook/login_redirect"
12      },
13      {
14        "name": "twitter",
15        "jwt": "https://login.xsolla.com/api/social/twitter/login_redirect",
16        "oauth2": "https://login.xsolla.com/api/oauth2/social/twitter/login_redirect"
17      }
18    ]
19  },
20  "2": {
21    "primary": [{
22      "name": "wechat",
23      "jwt": "https://login.xsolla.com/api/social/wechat/login_redirect",
24      "oauth2": "https://login.xsolla.com/api/oauth2/social/wechat/login_redirect"
25    }],
26    "secondary": [{
27        "name": "facebook",
28        "jwt": "https://login.xsolla.com/api/social/facebook/login_redirect",
29        "oauth2": "https://login.xsolla.com/api/oauth2/social/facebook/login_redirect"
30      },
31      {
32        "name": "twitter",
33        "jwt": "https://login.xsolla.com/api/social/twitter/login_redirect",
34        "oauth2": "https://login.xsolla.com/api/oauth2/social/twitter/login_redirect"
35      },
36      {
37        "name": "steam",
38        "jwt": "https://login.xsolla.com/api/social/steam/login_redirect",
39        "oauth2": "https://login.xsolla.com/api/oauth2/social/steam/login_redirect"
40      }
41    ]
42  }
43
44  // More regions
45}

 1{
 2  // Color and size settings
 3
 4  "header": {
 5    // Header settings
 6  },
 7  "background": {
 8    // Widget background settings
 9  },
10  "rounding": {
11    // Rounding settings
12  },
13  "tabs": {
14    // Tab settings
15  },
16  "primary_socials": {
17    // Display settings for the primary social networks
18  },
19  "secondary_socials": {
20    // Display settings for the secondary social networks
21  },
22  "scene": {
23    // Scene settings
24  }
25}

1{
2  // Other theme settings
3
4  "rounding": {
5    "inputs": "8px",
6    "widget": "8px"
7
8  }
9}

 1{
 2  // Other theme settings
 3
 4  "background": {
 5    "color": "#708090",
 6    "image": {
 7      "url": "https://someurl.com",
 8      "opacity": "3"
 9    }
10  }
11}

 1{
 2  // Other theme settings
 3
 4  "header": {
 5    "image": {
 6      "url": "https://someurl.com",
 7      "opacity": "3",
 8      "size": "cover"
 9    }
10  }
11}

1{
2  // Other theme settings
3
4  "tabs": {
5    "hide": true
6  }
7}

 1{
 2  // Other theme settings
 3
 4  "primary_socials": {
 5    "hide": true
 6  },
 7  "secondary_socials": {
 8    "hide": false
 9  }
10}

 1{
 2  // Other theme settings
 3
 4  "scene": {
 5    "color": "#708090",
 6    "image": {
 7      "url": "https://someurl.com",
 8      "size": "cover"
 9    }
10  }
11}