Notification Design Options

Evidence Notifications are almost infinitely customizable. Below is an explanation of each of the individual settings you can adjust.

Image

There are 4 image options that you can choose.

  1. Gravatar
  2. Map
  3. Static
  4. Dynamic
image types

Gravatar

Enabling a Gravatar image allows you to display a picture of a customer in a notification. If your source sends an email address, we perform a lookup in Gravatar to pull in the user image if they have a Gravatar account.

gravatar

Map

Enabling a Map image allows you to display a map of their location as the image with their notification. Note: This feature is only available for use with Webform Sources.

map

Static

Enabling a Static image allows you to select a static image from our image library, as well as upload your own image.

static

Dynamic

Enabling Dynamic allows you to use an image pulled out of a webhook field that contains a URL for an image.

dynamic

Shape

The Shape setting allows you to select the look of your notification that you prefer. You can have both sides rounded or squared or just a single side rouned or squared. You can even separate the image from the rest of the notification.

shape

Size

The Size setting allows you to customize how tall and wide your notifications are.

size

Shadow

The Shadow setting allows you to adjust the shadow beneath your notification.

  1. Horizontal Offset – Adjust how far to the right you shadow moves from your notification.
  2. Vertical Offset – Adjust how far down your shadow moves from your notification.
  3. Bur Radius – Adjust the sharpness of the shadow.
  4. Spread Radius – Adjust how much the shadow spreads away from your notification.
  5. Color – Adjust the color and Transparency of the shadow beneath the notification.
shadow

The higher your Horizontal and Vertical Offset, the further your notification appears to be from the page.

low offset
Low Offset
high offset
High Offset

Background

The Background setting allows you to customize the color behind your image and text on the Notification. You can select colors from a swatch, grab a color from the Color Picker, or enter a hex code.

We think that a white background looks best, but sometimes changing this can give the notification some extra flavor — whatever works best for you!

background

Border

The Border settings allows you to adjust the line that encloses the border of the notification. You can adjust the thickness, type, and color of the line.

border

Animation

The Animation setting allows you to select how you would like your notification to enter and exit the page.

animation

The Footer setting allows you to change the icon and text of the bottom line in a notification. For the icon you can select one of our five different color options. The text and link colors can be customized using the color picker or a hex code.

Footer

Was this helpful?