Account Setup and API Keys

Zeal offers a full integration team to help you get up and running with our product. Although our team leads this process, in this guide we give you an overview of the steps to set up your account.

๐Ÿช„

If you havenโ€™t already, contact Zeal to create a Zeal Partner Account.

In this guide

  • How to access the Partner Dashboard and invite your team members.
  • How to configure your white-label components.
  • Where to manage your API keys.
  • How to set up your webhooks.

Partner Dashboard

Once our team creates your account, you can access your Partner Dashboard at app.zeal.com.

Logging in for the first time

If itโ€™s your first time logging in, click the Forgot Password link and follow the steps to create a new password.

Login to app.zeal.com

From your Partner Dashboard, you can manage all your settings as well as oversee your users (employers and workers on your payroll system).

๐Ÿ“

Quickstart

Of course, when you first begin, you have no users. You can reference our Quickstart Guide to get started.

Inviting team members

To add other team members, navigate to the Members page and click the Invite new members button.

invite team members to the partner dashboard

White-label configuration

If you plan on using any of Zealโ€™s white-label components, you want to ensure that everything is branded as your own. To do this you:

  1. Configure the domain for the components
  2. Set your base URL
  3. Brand the components with your logo and favicon

Configuring your domain

Our integration team sets up your white-label components to point to your desired domain. That way, your URL displays on all the white-label components. Often, our partners choose a subdomain such as payroll.[your-domain].com. Our integration team also assists with your DNS settings.

Setting your base URL

Whenever a user completes an onboarding flow or logs out of a white-label component, you want them to return to a familiar place. For Zeal to know where to redirect your users, you configure a base URL.

Under the Settings page, click the Edit button under the Profile information tab.

edit profile information on the settings page

Then, scroll to the Base URL field, enter your desired URL, and click Save changes.

add a base url on the settings page

Adding your branding

Finally, to brand the white-label components as your own, you can add your logo and favicon (the icon that appears in the browser tab above the URL).

Navigate to the Settings page, click on the Branding tab, then click the Edit button.

edit white-label branding on the settings page

Next, click Select file and upload images for the logo and favicon respectively. Then click Save changes.

select a file and save changes to adjust branding

With all the configuration set, the white-label components now are on your domain and branded as your own. Whenever a user navigates away from the component, they are redirected to your site.


API keys

Zealโ€™s APIs all require an API key for standard bearer token authentication. Additionally, some endpoints may require a partnerID in your request. All of these credentials can be found under the API page of the Partner Dashboard.

view api keys on the api page

Production versus Test keys

It's important to note the Production API key affects production resources; payroll is run, money is disbursed, etc. The Test API key affects test resources; payroll is processed similarly, but without money being disbursed or other real side effects. You should use the Test API key for development and only use the Production API key when deploying your live payroll solution.

Rolling a key

You should treat API keys as you would any other password; grant access only to those who need it and ensure keys don't enter any version control system.

If a key is compromised, you can roll the key from the API page. Simply click the refresh icon next to the key and follow the prompts.

roll an api key by clicking the refresh icon

Webhooks

Webhooks allow you to programmatically hook into events. An event could be a user changing data through a white-label component or an asynchronous process (something that happens outside of direct interaction with our APIs, such as the processing of Employer Checks). Zeal sends data about events to their corresponding webhook URL configured in your settings.

Setting a webhook URL

Under the API page, are tabs for each webhook event Zeal supports. To set a webhook URL for an event, click on its corresponding tab, paste your URL in the input field, and click Update.

set the employee webhook url and click update

You can test that the webhook is configured correctly by clicking the Test button. This sends a default payload to the webhook URL.

Adding security

Zeal always includes a webhook secret in the header of each payload sent to your system. You can find this secret under the Webhook secrets tab on the API page.

view webhook secrets under the api page

To add a layer of security, you should configure your endpoints (webhook URLs) to only accept requests which include a Puzzl-Signature header with this secret.


Recap

  • You can manage all your settings and oversee your users from the Partner Dashboard.
  • On the Members page you can invite your team members to the dashboard.
  • To brand your white-label components: configure your domain, add your base URL, and upload your logo and favicon.
  • Production and Test API keys are accessed or rolled from the API page.
  • Webhooks are also configured from the API page.

Whatโ€™s Next

With your account all set up, check out our Quickstart Guide to create your first payroll run in 10 minutes! Then, read our Offerer or Owner Guide for an overview of everything you need to know to build your payroll product.