---
schema_version: "1"
id: 72823d02f9cf0bc3f8dc42b022db967636bac0eb2a1dacb2b18a53e7f3cdb531
title: Contact Support & Ask Buttons
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/experience/264-0-0/rss_contact_support.md
canonical_url: https://help.salesforce.com/s/articleView?id=experience.rss_contact_support.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 8ab89248b3295f3374d732d14423d94bbe5ac31cb1c2d302590bbdd2fa2b90bc
description: The Contact Support & Ask Buttons component adds two buttons to the page. The Contact Support button lets users click a button to create a case. The Ask button lets members ask a question and publish it to the site. All members must be logged in to ask the site a question.
products:
  - Experiences
release: "264"
---
# Contact Support & Ask Buttons

The Contact Support & Ask Buttons component adds two buttons to the page. The Contact Support button lets users click a button to create a case. The Ask button lets members ask a question and publish it to the site. All members must be logged in to ask the site a question.

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.

![Note](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-experience-communities-264-0-0-production-enus/bf7df212-91a1-4fa3-a007-4d6f3e3b470b/images/icon_note.png)

Note Guest users can’t attach files when creating a case.

Each button instance supports its own property values. So, if you have two sets of Contact Support & Ask 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 site theme so that they all look the same. But each button instance remains unique.

1. Select the **Contact Support & Ask Buttons** component on the page you're configuring.
2. In the property editor, configure the properties for the component.
    
    <table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
            <colgroup>
              <col style="width:28.000000000000004%">
              <col style="width:72%">
            </colgroup>
            <thead class="slds-text-title_caps ">
              <tr class="">
                <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d36877e68">Property</th>
                <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d36877e71">Details</th>
              </tr>
            </thead>
            <tbody>
              <tr class="">
                <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d36877e68 ">
                  <samp class="parmname">Header Label</samp>
                </td>

                <td data-label="Details" class="slds-cell-wrap" style="vertical-align:top;" headers="d36877e71 ">The text to show at the top of the component.</td>

              </tr>
              <tr class="">
                <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d36877e68 ">
                  <samp class="parmname">Ask
                    Community Label</samp>
                </td>

                <td data-label="Details" class="slds-cell-wrap" style="vertical-align:top;" headers="d36877e71 ">The text to show on the Ask button. The default text is
                  <samp class="parmname">Ask a Question</samp>.
                </td>

              </tr>
              <tr class="">
                <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d36877e68 ">
                  <samp class="parmname">Contact Support Label</samp>
                </td>

                <td data-label="Details" class="slds-cell-wrap" style="vertical-align:top;" headers="d36877e71 ">The text to show on the Contact Support button. The
                  default text is <samp class="parmname">Contact
                    Support</samp>.</td>

              </tr>
              <tr class="">
                <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d36877e68 ">
                  <samp class="parmname">Allow members to add topics</samp>
                </td>

                <td data-label="Details" class="slds-cell-wrap" style="vertical-align:top;" headers="d36877e71 ">Select to show the topic area at the bottom of the feed
                  publisher and to allow members to add topics.</td>

              </tr>
              <tr class="">
                <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d36877e68 ">
                  <samp class="parmname">Expand Details section by
                    default</samp>
                </td>

                <td data-label="Details" class="slds-cell-wrap" style="vertical-align:top;" headers="d36877e71 ">When a member asks a question, show the Details section
                  in an expanded state.</td>

              </tr>
              <tr class="">
                <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d36877e68 ">
                  <samp class="parmname">Button Text Color</samp>
                </td>

                <td data-label="Details" class="slds-cell-wrap" style="vertical-align:top;" headers="d36877e71 ">
                  <p>Set the color of button text to use when the button is
                    inactive.</p>
                  <p style="margin-bottom:0;">The <span style="vertical-align:text-bottom;display:inline-block;"><img style="margin-bottom:0;" src="https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-experience-communities-264-0-0-production-enus/bf7df212-91a1-4fa3-a007-4d6f3e3b470b/communities/images/linked_to_theme.png" alt="Linked to Theme icon"></span> link icon shows that
                    the current selection comes from colors defined in the
                    theme.</p>
                </td>

              </tr>
              <tr class="">
                <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d36877e68 ">
                  <samp class="parmname">Button Text Hover Color</samp>
                </td>

                <td data-label="Details" class="slds-cell-wrap" style="vertical-align:top;" headers="d36877e71 ">
                  <p>Set the color of text to use when a member mouses over
                    the button.</p>
                  <p style="margin-bottom:0;">In Builder, you can test hover colors in
                    Preview mode.</p>
                </td>

              </tr>
              <tr class="">
                <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d36877e68 ">
                  <samp class="parmname">Button Background Color</samp>
                </td>

                <td data-label="Details" class="slds-cell-wrap" style="vertical-align:top;" headers="d36877e71 ">Set the color to use for the button background when the
                  button is inactive.</td>

              </tr>
              <tr class="">
                <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d36877e68 ">
                  <samp class="parmname">Button Background Hover
                    Color</samp>
                </td>

                <td data-label="Details" class="slds-cell-wrap" style="vertical-align:top;" headers="d36877e71 ">
                  <p>Set the color to use for the button background when a
                    member mouses over the button.</p>
                  <p style="margin-bottom:0;">In Builder, you can test
                    hover colors in Preview mode.</p>
                </td>

              </tr>
              <tr class="">
                <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d36877e68 ">
                  <samp class="parmname">Button Border Color</samp>
                </td>

                <td data-label="Details" class="slds-cell-wrap" style="vertical-align:top;" headers="d36877e71 ">Set the color to use for the border that surrounds the
                  button.</td>

              </tr>
              <tr class="">
                <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d36877e68 ">
                  <samp class="parmname">Button Border Radius</samp>
                </td>

                <td data-label="Details" class="slds-cell-wrap" style="vertical-align:top;" headers="d36877e71 ">Move the slider to control the amount of curve to use for
                  the button border.</td>

              </tr>
              <tr class="">
                <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d36877e68 ">
                  <samp class="parmname">Suggest questions</samp>
                </td>

                <td data-label="Details" class="slds-cell-wrap" style="vertical-align:top;" headers="d36877e71 ">Select to show questions that are similar to the one the
                  member is asking. This property assists with question
                  deflection and helps in using existing resources.</td>

              </tr>
              <tr class="">
                <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d36877e68 ">
                  <samp class="parmname">Include discussions in
                    suggestions</samp>
                </td>

                <td data-label="Details" class="slds-cell-wrap" style="vertical-align:top;" headers="d36877e71 ">Select to show discussions related to the question that
                  the member is asking. This property assists with question
                  deflection and helps in using existing resources.</td>

              </tr>
              <tr class="">
                <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d36877e68 ">
                  <samp class="parmname">Include articles in
                    suggestions</samp>
                </td>

                <td data-label="Details" class="slds-cell-wrap" style="vertical-align:top;" headers="d36877e71 ">Select to show Knowledge articles related to the question
                  that the member is asking. This property assists with
                  question deflection and helps in using existing
                  resources.</td>

              </tr>
              <tr class="">
                <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d36877e68 ">
                  <samp class="parmname">Max Suggestions to Show</samp>
                </td>

                <td data-label="Details" class="slds-cell-wrap" style="vertical-align:top;" headers="d36877e71 ">Set the maximum number of questions, discussions, and
                  articles to show to a member who is asking a
                  question.</td>

              </tr>
              <tr class="">
                <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d36877e68 ">
                  <samp class="parmname">Show satisfaction prompt</samp>
                </td>

                <td data-label="Details" class="slds-cell-wrap" style="vertical-align:top;" headers="d36877e71 ">Select to show the member a prompt that solicits
                  information about their satisfaction with the content
                  provided to them when they asked a question.</td>

              </tr>
              <tr class="">
                <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d36877e68 ">
                  <samp class="parmname">Satisfaction Prompt</samp>
                </td>

                <td data-label="Details" class="slds-cell-wrap" style="vertical-align:top;" headers="d36877e71 ">Enter the question you want to ask a member about their
                  satisfaction with the questions, discussions, and articles
                  you provided in response to their question. The default is
                  <kbd>Did we help to answer your
                    question?</kbd> Frame the question so that a
                  positive response shows that your data helped and a negative
                  response shows that it didn’t. Member response data provides
                  you with metrics on the effectiveness of question
                  deflection.
                </td>

              </tr>
              <tr class="">
                <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d36877e68 ">
                  <samp class="parmname">Ask follow-up question</samp>
                </td>

                <td data-label="Details" class="slds-cell-wrap" style="vertical-align:top;" headers="d36877e71 ">Select to ask the member a follow-up question to their
                  satisfaction response.</td>

              </tr>
              <tr class="">
                <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d36877e68 ">
                  <samp class="parmname">Follow-Up Prompt</samp>
                </td>

                <td data-label="Details" class="slds-cell-wrap" style="vertical-align:top;" headers="d36877e71 ">Enter the follow-up question that you want to ask the
                  member. The default is <kbd>Can we close your
                    question?</kbd> A member’s positive response
                  closes the question without posting it. A negative response
                  keeps the member’s question active.</td>

              </tr>
              <tr class="">
                <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d36877e68 ">
                  <samp class="parmname">Confirmation Message</samp>
                </td>

                <td data-label="Details" class="slds-cell-wrap" style="vertical-align:top;" headers="d36877e71 ">Enter a confirmation message to show when a member
                  responds to your prompts. The default is <kbd>Got
                    it!</kbd></td>

              </tr>
            </tbody>
          </table>

![Example](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-experience-communities-264-0-0-production-enus/bf7df212-91a1-4fa3-a007-4d6f3e3b470b/images/icon_example.png)

Example Sample Contact Support & Ask Buttons component:

![Contact Support](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-experience-communities-264-0-0-production-enus/bf7df212-91a1-4fa3-a007-4d6f3e3b470b/communities/images/contact_support.png)

#### See Also

- [Which Components Can I Use with Each Aura Template?](https://help.salesforce.com/s/articleView?id=experience.rss_component_reference_table.htm&release=264.0.0&type=5 "Aura site templates, such as Customer Service and Partner Central, are each composed of pages, which in turn are made up of customizable components. Consult this table to find out which Aura template each component can be used in, and when the component became available.")
- [Case Deflection](https://help.salesforce.com/s/articleView?id=experience.rss_case_deflection.htm&release=264.0.0&type=5 "The Case Deflection component searches text as it’s being entered into the Contact Support Form component, and returns relevant articles and discussions. If users don’t get the answer they need, they can continue with their request for support.")