Customizing Wristband for Your Brand
This page details how to tailor Wristband to match your brand's look and feel.
You can tailor Wristband to reflect your brand’s unique identity with customizable login pages, emails, and other user-facing elements. This guide shows you how to configure these settings at both the application and tenant levels, ensuring a cohesive and branded user experience across your platform.
Customizing Hosted Pages
All hosted auth pages inherit application-level page branding configurations by default. This applies to all tenants under the application. Changing page branding configurations affects the pages for the following flows:
- Signup
- Tenant Discovery
- Login
- MFA Challenge and Enrollment
- User Invite
- Change Email
- User Activation
- Email Verification
- Password Reset
Page Branding Customization Options
In the Wristband Dashboard, a preview pane lets you visualize your branding changes in real time as you edit. You can also cycle through different hosted pages to see how various configurations impact the appearance.
The below image shows how the branding configurations map to various components on the hosted pages.
Tenant-Level Page Branding Override
If you need to customize the page branding for a specific tenant, you can override the default configurations in the Tenant View of the Wristband Dashboard:
-
Select the tenant you want to customize from the side navigation menu.
-
Go to the 'Hosted Pages' submenu under the Branding section.
-
Enable the override by clicking the toggle at the top of the page to apply tenant-specific branding.
Once the tenant override for page branding is enabled, you can edit and save the tenant's branding configurations. These settings will take precedence over application-level branding for all hosted auth pages, except in the following cases:
- Application-Level Signup
- Tenant Discovery
Custom Application and Tenant Domains
Custom domains are another critical aspect of branding your application. To learn more about domain structures in Wristband, refer to the Domains and URLs page.
Custom Application Domain
If you need to configure an application-level custom domain, you can do so in the Application View of the Wristband Dashboard:
-
Navigate to the 'Application Domains' submenu under the Custom Domains section.
-
Create the custom domain you wish to use for your application.
-
After adding your custom domain, configure the DNS records with your domain registrar. The dashboard will display the necessary records for you to copy.
-
Once the DNS records are set, trigger the domain verification by clicking the verification button in the dashboard. This can be done multiple times if needed, and the status will update in the UI once the domain is verified and ready for use.
-
After verification, activate the domain to enable it for your application. You can activate or deactivate the domain at any time.
Custom Tenant Domain
If you prefer to use a fully custom domain for a specific tenant instead of relying on tenant subdomains, you can configure this in the Tenant View of the Wristband Dashboard. The steps to create, verify, and activate a tenant custom domain are the same as for an application-level domain. When a tenant custom domain is active, it will take precedence and be used for hosted auth pages instead of the custom application domain.
Customizing Emails
All transactional emails sent to your customers by Wristband default to the application-level email branding configurations. These email branding configurations can be modified through the Wristband Dashboard.
Email Branding Customization Options
In the Wristband Dashboard, a preview pane lets you visualize your branding changes in real time as you edit.
Tenant-Level Email Branding Override
If you need to customize the email branding for a specific tenant, you can override the default configurations in the Tenant View of the Wristband Dashboard:
- Select the tenant you want to customize from the side navigation menu.
- Go to the 'Emails' submenu under the Branding section.
- Enable the override by clicking the toggle at the top of the page to apply tenant-specific branding.
Once the tenant override for email branding is enabled, you can edit and save the tenant's branding configurations. These settings will take precedence over application-level branding for all possible transactional emails, except in the following cases:
- Tenant Disambiguation
Custom Email Domains
The domain used in the email "from" address can also be customized.
Application-Level Custom Email Domain
If you need to configure an application-level custom email domain, you can do so in the Application View of the Wristband Dashboard:
-
Navigate to the 'Email Domains' submenu under the Custom Domains section.
-
Create the custom domain you wish to use for your email sender address.
-
After adding your custom domain, configure the DNS records with your domain registrar. The dashboard will display the necessary records for you to copy.
-
Once the DNS records are set, trigger the domain verification by clicking the verification button in the dashboard. This can be done multiple times if needed, and the status will update in the UI once the domain is verified and ready for use.
-
After verifying the email custom domain, go to the Email Branding configurations and update the "Sender Details" > "From Address" field to utilize the custom email domain. Emails will now be sent using that "From Address" value.
Tenant-Level Custom Email Domain
If you prefer to use a custom sender domain for a specific tenant, you can configure this in the Tenant View of the Wristband Dashboard. The steps to create and verify the custom email domain, as well as update the branding configurations, are the same as for application-level custom email domains. When a tenant-level custom email domain is specified, it will take precedence over application-level custom email domain.
Updated about 1 month ago