Umbraco Backoffice Documentation

Contact Cards

List of contact cards with an image, headline and a button which are used to display website contact support options.

Quick help over the phone

Call us

The fastest way to reach out

Chat with us

Takes only a couple of hours

Email us

Contact Cards with information and links to the support

Content

Contact Cards page component has one mandatory content parameter:

  • Website Node - component picker which accepts Website or Help Center website configuration node. The cards are only going to be displayed if the content is setup on the Contact section on website configuration node:
    • Images are already applied based on the support option.
    • Heading, i.e. "Quick help over the phone" or "The fastest way to reach out", is applied from the website Contact section support heading configuration.
    • Button, i.e. "Call us" or "Chat with us" is applied from the website Contact section support link configuration.

Settings

Contact Cards page component has the following settings:

  • Hide - hides the component.
  • Button Color - sets the contact card button color.
  • Card Color - sets the contact card color.

Button Color

Sets the contact card button color. The button colors are the same as showcased in the Button Color section in the Button page.

Card Color

Sets the contact card color.

White Contact Cards

Quick help over the phone

Call us

The fastest way to reach out

Chat with us

Takes only a couple of hours

Email us

Dark Teal Contact Cards

Quick help over the phone

Call us

The fastest way to reach out

Chat with us

Takes only a couple of hours

Email us

Bright Teal Contact Cards

Quick help over the phone

Call us

The fastest way to reach out

Chat with us

Takes only a couple of hours

Email us

Green Contact Cards

Quick help over the phone

Call us

The fastest way to reach out

Chat with us

Takes only a couple of hours

Email us

Yellow Contact Cards

Quick help over the phone

Call us

The fastest way to reach out

Chat with us

Takes only a couple of hours

Email us

Previous section:

Slider

Next section:

Page Layout