Contact Support Button

The Contact Support Button component adds a button that users click to create a case. When you enable Web-to-Case and set up a guest user case publishing action, guest users aren’t required to log in before creating a case.

Each button instance supports its own property values. So, if you have two Contact Support buttons on a page, the values on each button are unique to that button. You can configure buttons to use the values you defined in your theme so that they all look the same. But each button instance remains unique.

Note
Note Guest users can’t attach files when creating a case.
  1. Select the Contact Support Button component in the page you're configuring.
  2. In the property editor, configure the properties for the component:
    Property Details
    Button Label The text to show on the button that users click to create a case. The default text is Contact Support.
    Button Text Color

    Set the color of text to use for the button label.

    The Linked to Theme icon link icon shows that the current selection comes from colors defined in the theme.

    Button Text Hover Color

    Set the color of text to use for the button label when a member mouses over the button.

    In Experience Builder , you can test hover colors in Preview mode.

    Button Background Color Set the color to use for the button background when the button is inactive.
    Button Background Hover Color

    Set the color to use for the button background when a member mouses over the button.

    In Experience Builder, you can test hover colors in Preview mode.

    Button Border Color Set the color to use for the border that surrounds the button.
    Button Border Radius Move the slider to control the amount of curve to use for the button shape.
    Max Button Width Move the slider to control the width of the button. Width percentage is set against the full width of the container that the button sits in. So 100% is the full width of the container, rather than the full width of the browser page.
    Button Alignment Select Center, Left, or Right to set the position of a button within its container.
Example
Example Sample Contact Support Button component:
Contact Support