Skip to main content
Social Evidence - Design Options
Brittnee Tensmeyer avatar
Written by Brittnee Tensmeyer
Updated over a week ago

You can customize the design of your Social Evidence notifications! Below is an explanation of each of the individual settings you can adjust.

Shape

The Shape setting allows you to select the look of your notification that you prefer. Different notification types have different shape options.

shape

Image

Most notification types just have the option of using a static image. The Reviews notification lets you choose static or dynamic, and the Conversion notification lets you choose Gravatar, Map, Static, or Dynamic.

Gravatar

Enabling a Gravatar image allows you to display a picture of a customer in a notification. If your source sends an email address, the Evidence system performs 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 Webhook/Webform Sources.

map

Static

Enabling a Static image allows you to select a static image from the image library, or 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 (such as a product image).

dynamic

Image Priority

If more than one image option is available, then drag them and place them in the order of priority you would like them. For example, if you have placed them in the following order:

then the system will check for a Gravatar first. If the visitor doesn’t have a gravatar, then they will display a map. If the location map is not available, they will use a static image of your choosing, and so on.

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.

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


Footer

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
Did this answer your question?