---
schema_version: "1"
id: 522d30b4a3583c4ba75b878f8fe546d0a01a51abd7d10f65942ab8cf9cf011ed
title: Ask Button
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/experience/264-0-0/rss_ask_community.md
canonical_url: https://help.salesforce.com/s/articleView?id=experience.rss_ask_community.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: fa47b94b8fac6d58451f018117d5803e4cb37459b04d5777808adbe5eb480931
description: The Ask Button component lets users click a button to ask a question that is then published to the site. Users must log in to ask questions and participate in discussions.
products:
  - Experiences
release: "264"
---
# Ask Button

The Ask Button component lets users click a button to ask a question that is then published to the site. Users must log in to ask questions and participate in discussions.

The Customer Service template pages come with two Ask Button components: one at the top of the page, and one at the bottom. The two aren’t linked, so you can remove one button or use different text or styling for each button.

1. Select the **Ask Button** component on the page you're configuring.
2. In the property editor, configure the properties for the component.
    
    ![Ask Button component properties](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-experience-communities-264-0-0-production-enus/bf7df212-91a1-4fa3-a007-4d6f3e3b470b/communities/images/ask_community_properties.png)
    
    <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="d121817e58">Property</th>
                <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d121817e61">Details</th>
              </tr>
            </thead>
            <tbody>
              <tr class="">
                <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d121817e58 ">
                  <samp class="parmname">Button Label</samp>
                </td>

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

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

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

              </tr>
              <tr class="">
                <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d121817e58 ">
                  <samp class="parmname">Block topic selection on questions in
                    topics</samp>
                </td>

                <td data-label="Details" class="slds-cell-wrap" style="vertical-align:top;" headers="d121817e61 ">In a topic feed, block members from choosing a different
                  topic from the Post To list when they ask a
                  question.</td>

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

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

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

                <td data-label="Details" class="slds-cell-wrap" style="vertical-align:top;" headers="d121817e61 ">
                  <p>Set the color to use for button text when the button is
                    inactive.</p>
                  <p style="margin-bottom:0;">For all values, <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
                    Experience Builder theme.</p>
                </td>

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

                <td data-label="Details" class="slds-cell-wrap" style="vertical-align:top;" headers="d121817e61 ">
                  <p>Set the color to use for button text when a member mouses
                    over the button.</p>
                  <p style="margin-bottom:0;">In Experience 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="d121817e58 ">
                  <samp class="parmname">Button Background Color</samp>
                </td>

                <td data-label="Details" class="slds-cell-wrap" style="vertical-align:top;" headers="d121817e61 ">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="d121817e58 ">
                  <samp class="parmname">Button Background Hover
                    Color</samp>
                </td>

                <td data-label="Details" class="slds-cell-wrap" style="vertical-align:top;" headers="d121817e61 ">
                  <p>Set the color to use for the button background when a
                    member mouses over the button.</p>
                  <p style="margin-bottom:0;">In Experience 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="d121817e58 ">
                  <samp class="parmname">Button Border Color</samp>
                </td>

                <td data-label="Details" class="slds-cell-wrap" style="vertical-align:top;" headers="d121817e61 ">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="d121817e58 ">
                  <samp class="parmname">Button Border Radius</samp>
                </td>

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

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

                <td data-label="Details" class="slds-cell-wrap" style="vertical-align:top;" headers="d121817e61 ">Move the slider to control the width of the button. Width
                  percentage is set against the full width of the container
                  the button sits in. So 100% is the full width of the
                  container, rather than the full width of the browser
                  page.</td>

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

                <td data-label="Details" class="slds-cell-wrap" style="vertical-align:top;" headers="d121817e61 ">Set the position of a button within its container by
                  selecting <kbd>Center</kbd>,
                  <kbd>Left</kbd>, or
                  <kbd>Right</kbd>.
                </td>

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

                <td data-label="Details" class="slds-cell-wrap" style="vertical-align:top;" headers="d121817e61 ">Select to show previous 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="d121817e58 ">
                  <samp class="parmname">Include discussions in
                    suggestions</samp>
                </td>

                <td data-label="Details" class="slds-cell-wrap" style="vertical-align:top;" headers="d121817e61 ">Select to show discussions related to the question 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="d121817e58 ">
                  <samp class="parmname">Include articles in
                    suggestions</samp>
                </td>

                <td data-label="Details" class="slds-cell-wrap" style="vertical-align:top;" headers="d121817e61 ">Select to show Knowledge articles related to the question
                  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="d121817e58 ">
                  <samp class="parmname">Max Suggestions to Show</samp>
                </td>

                <td data-label="Details" class="slds-cell-wrap" style="vertical-align:top;" headers="d121817e61 ">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="d121817e58 ">
                  <samp class="parmname">Show satisfaction prompt</samp>
                </td>

                <td data-label="Details" class="slds-cell-wrap" style="vertical-align:top;" headers="d121817e61 ">Select to show the member a prompt that asks if they were
                  satisfied with the information provided when they asked a
                  question.</td>

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

                <td data-label="Details" class="slds-cell-wrap" style="vertical-align:top;" headers="d121817e61 ">Enter the question you want to ask a member about their
                  satisfaction with the questions, discussions, and articles
                  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="d121817e58 ">
                  <samp class="parmname">Ask follow-up question</samp>
                </td>

                <td data-label="Details" class="slds-cell-wrap" style="vertical-align:top;" headers="d121817e61 ">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="d121817e58 ">
                  <samp class="parmname">Follow-Up Prompt</samp>
                </td>

                <td data-label="Details" class="slds-cell-wrap" style="vertical-align:top;" headers="d121817e61 ">Enter the follow-up question 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="d121817e58 ">
                  <samp class="parmname">Confirmation Message</samp>
                </td>

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

              </tr>
            </tbody>
          </table>
    
    ![Ask Button dialog](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-experience-communities-264-0-0-production-enus/bf7df212-91a1-4fa3-a007-4d6f3e3b470b/communities/images/ask_community_dialog.png)

![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 Ask Button component:

![Ask Button component](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-experience-communities-264-0-0-production-enus/bf7df212-91a1-4fa3-a007-4d6f3e3b470b/communities/images/ask_community.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.")