---
schema_version: "1"
id: 97aaf441a8b3141fa7610c9d89f25c4d9a01beb740f19c364f07e967df9ca266
title: Headline
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/experience/264-0-0/rss_headline.md
canonical_url: https://help.salesforce.com/s/articleView?id=experience.rss_headline.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: c6745e19227329e0d841d4d7dcbf5ae3cb5aacc1c73179d9f16b32dfc683abfc
description: The Headline component gives you customizable headline text and text banner with inline links to pages that show discussions, topics, and articles. It also displays an icon to the left of the banner that identifies the content as an article or a discussion when either is selected.
products:
  - Experiences
release: "264"
---
# Headline

The Headline component gives you customizable headline text and text banner with inline links to pages that show discussions, topics, and articles. It also displays an icon to the left of the banner that identifies the content as an article or a discussion when either is selected.

1. Select the **Headline** component in 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="d88093e55">Property</th>
                <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d88093e58">Details</th>
              </tr>
            </thead>
            <tbody>
              <tr class="">
                <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d88093e55 ">
                  <samp class="parmname">Title</samp>
                </td>

                <td data-label="Details" class="slds-cell-wrap" style="vertical-align:top;" headers="d88093e58 ">Enter the static text for the page’s headline. The
                  default text for the page is
                  <samp class="parmname">Welcome!</samp>.
                </td>

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

                <td data-label="Details" class="slds-cell-wrap" style="vertical-align:top;" headers="d88093e58 ">Enter the static text that appears on the home page. The
                  default text is <samp class="parmname">A place where you can easily find
                    solutions and ask questions.</samp></td>

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

                <td data-label="Details" class="slds-cell-wrap" style="vertical-align:top;" headers="d88093e58 ">
                  <p>Enter the type of content that the page displays in this
                    page. Type either <kbd>article</kbd>,
                    <kbd>topic</kbd>, or
                    <kbd>discussion</kbd> to retrieve the title
                    of the page and display an icon identifying the type of page
                    the user is viewing.
                  </p>
                  <p style="margin-bottom:0;">When <samp class="parmname">Page Type</samp>
                    is set to <samp class="parmname">article</samp>, the Headline
                    component is hidden in the mobile view. If you want to
                    show the Headline component, you need custom CSS.</p>
                </td>

              </tr>
              <tr class="">
                <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d88093e55 ">
                  <samp class="parmname">Unique Name or ID</samp>
                </td>

                <td data-label="Details" class="slds-cell-wrap" style="vertical-align:top;" headers="d88093e58 ">The system retrieves the ID from the URL of the question
                  or article when it’s selected. </td>

              </tr>
              <tr class="">
                <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d88093e55 ">
                  <samp class="parmname">Banner Text with Articles and
                    Discussions</samp>
                </td>

                <td data-label="Details" class="slds-cell-wrap" style="vertical-align:top;" headers="d88093e58 ">
                  <p>Enter the static text and link text that lets users
                    select a page that shows articles or discussions. This text
                    and links in this field appear on the page when Salesforce
                    Knowledge is enabled and set up in your organization. You
                    can translate and change the value of each component, but
                    not the position of the component.
                  </p>
                  <pre class="line-numbers slds-box slds-box_x-small slds-theme_shade slds-m-top_medium slds-m-bottom_medium slds-scrollable_x"><code class="language-html">Explore other &lt;a href="javascript:void(0)" class="headlineArticles"&gt;articles&lt;/a&gt; and &lt;a href="javascript:void(0)" class="headlineDiscussions"&gt;discussions&lt;/a&gt; on this topic</code></pre>
                </td>

              </tr>
              <tr class="">
                <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d88093e55 ">
                  <samp class="parmname">Banner Text with Discussions</samp>
                </td>

                <td data-label="Details" class="slds-cell-wrap" style="vertical-align:top;" headers="d88093e58 ">
                  <p>Enter the static text and link text that lets users
                    select a page that shows discussions only. This text and
                    link in this field appear on the page when Salesforce
                    Knowledge isn’t enabled in your organization. You can
                    translate and change the value of each component, but not
                    the position of the component.
                  </p>
                  <pre class="line-numbers slds-box slds-box_x-small slds-theme_shade slds-m-top_medium slds-m-bottom_medium slds-scrollable_x"><code class="language-html">Explore other &lt;a href="javascript:void(0)" class="headlineDiscussions"&gt;discussions&lt;/a&gt; on this topic</code></pre>
                </td>

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

                <td data-label="Details" class="slds-cell-wrap" style="vertical-align:top;" headers="d88093e58 ">
                  <p>Below the headline, displays links to topics that are
                    children of the current topic. (On mobile devices, these
                    links appear in a Subtopics menu.)</p>
                  <p style="margin-bottom:0;">Only navigational
                    topics support parent-child relationships.</p>
                </td>

              </tr>
            </tbody>
          </table> If you have set up navigational subtopics, change the following properties in the property editor to populate topic and subtopics dynamically on the topic detail page:
    
     
    | Property | Details |
    | --- | --- |
    | Title | Enter {!topicName} to retrieve and display the topic name on the topic detail page. |
    | Page Type | Enter topic as the page type. |
    | Show Subtopics | Select this option to display subtopics. |

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

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