Setup
| Time to Complete | 15 minutes |
|---|---|
| Skills Required | No technical skills! |
Complete this Setup guide before following the 1-Click Signup SDK Integration or API Integration guide. (Which integration guide you should follow depends on which integration type you choose.)
1. Access the Dashboard.
Create or log into your Verified Dashboard account.
How to Create a Dashboard Account
a. Enter your email and click the 1-Click Login button.
We'll send you a verification code by email.
Use your work email. We use AI to auto-magically set brand information based on your email domain, so you don't have to manually enter it!
b. Complete the verification step.
Click the verification button in the email or enter the verification code. We'll automatically log you in. It's a 1-click experience, as promised!
c. (optional) Set up MFA.
Set up multi-factor authentication with an authenticator app. This is optional until you request approval for Production access, at which point it's required.
d. (if necessary) Confirm your company name.
If you're creating the Dashboard account for your company, we'll ask you to confirm your company name. If someone on your team has already created your account, you won't need to do this.
If your account doesn't have a brand yet, we'll automatically create one for you and take you to its Brand Details page.
Your company account can have one or more brands. Generally, you'll only need one brand, but there are some cases where it's helpful to use multiple. For example:
- If you have multiple products: If you have products that go by different names, it can be useful to create different brands to help users know which product they're using 1-Click Signup for — and to help your team track metrics specific to that product.
- If you want to try different brand settings: If you want to change brand settings without affecting your existing implementation (even in Sandbox), you can duplicate your brand and configure different settings on the new brand.
e. (optional) Invite team members.
Invite your team members to join your Dashboard account.
2. Configure brand settings.
On the Brands page, click the Create button to create a new brand. Configure the integration type, phone verification, and risk signals settings in the brand creation dialog. When you click the Create button to create the brand, you'll be taken to the its Brand Details page, where you can configure the remaining settings.
Brand Name
Choose a name for your brand. This will be used elsewhere in the Dashboard (for example on the Metrics page) and displayed to users in the SDK if you choose to use it (by using the SDK integration type).
1-Click Signup Settings
Click the 1-Click Signup tab to access these settings.
Integration Type
Phone Verification
Risk Signals
Challenges
Prompt for Challenges
Default Credential Requests
Styling Settings
Styling settings only apply to 1-Click Signup using the SDK integration type because they affect the user interface the SDK displays. (They also apply to Text to Signup.)
So, if you are only using 1-Click Signup with the the API integration type, you can ignore these settings.
We use AI to auto-magically configure styling settings based on your email domain, so you don't have to do so manually from scratch!
Click the Styling tab to access these settings.
Choose how to style the SDK:
| Setting | Options | Default | Description |
|---|---|---|---|
| Logo | Any square image (max size 200 KB, JPG or PNG) | - | Logo displayed to users |
| Alignment |
| Center | Alignment used for most text, buttons, and the powered by Verified graphic |
| Font Family | Any Google font | Lato | Font used for all elements |
| 1-Click Word |
| Signup | Word that appears after "1-Click" in the powered by Verified graphic |
| Input Border Radius | Any number | 4 | Border radius used for all inputs |
| Button Border Radius | Any number | 4 | Border radius used for all buttons |
| Success Animation |
| Full | Whether to show the success animation |
| Primary Color | Any hex code | #0DBC3D | Color used for primary buttons and success indicators |
| Error Color | Any hex code | #EB0D28 | Color used for errors |
| Muted Color | Any hex code | #BDBDBD | Color used for secondary buttons and text |
| Background Color | Any hex code | #FFFFFF | Color used for background |
| Graphic Color |
| Green | Color of the Verified logo in the powered by Verified graphic |
| Advanced Styling | Custom JSON | - | Custom JSON configuration that allows fine-grained control over any SDK component styling, using the MUI theme system |
The SDK will automaticallly adjust the color of text to achieve good contrast, given the color of an element. For example:
- If you set Background Color to be dark, the SDK will adjust text on the background to be light.
- If you set Primary Color to be light, the SDK will adjust text on buttons to be dark.