Setup
| Time to Complete | 5 minutes |
|---|---|
| Skills Required | No technical skills! |
Complete this Setup guide before following the 1-Click Health SDK Integration or API Integration guide.
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, or click Brand Details to access brand settings for an existing brand.
Brand Name
Choose an external 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 the SDK).
The internal brand name is separate, and you can edit it at the top of the page. You can use this to label brands created for testing purposes, for example.
1-Click Health Settings
Click the 1-Click Health tab to access these settings.
Check After Autofill
Providers
Webhook
Enable/Disable Toggle
Click this to enable or disable 1-Click Health for your brand. It will be enabled by default when you add a provider.
Styling Settings
Styling settings only apply to 1-Click Health using the SDK because they affect the user interface the SDK displays. (They also apply to Text to Signup.)
So, if you are only using 1-Click Health with the the API, 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.