---
schema_version: "1"
id: 21c117cbb8bb635f530084b3960e7c76b7193acedf27f1a2cb9747d01ce71e5f
title: Get to Know the Messaging Component Builder
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/service/264-0-0/messaging_components_builder.md
canonical_url: https://help.salesforce.com/s/articleView?id=service.messaging_components_builder.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 63e5b3c7f9c4510a7f914c4aca257b86eb805e9fca05685a4811c89801b234a9
description: The Messaging Component Builder is your workshop where you can customize and preview all types of messaging components. Learn where and how to get things done in the Builder.
products:
  - Service Cloud
  - Digital Engagement
release: "264"
---
# Get to Know the Messaging Component Builder

The Messaging Component Builder is your workshop where you can customize and preview all types of messaging components. Learn where and how to get things done in the Builder.

### Required Editions

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small edition">
      <colgroup>
        <col style="width:50%">
        <col style="width:50%">
      </colgroup>
      <tbody>
        <tr class="">
          <td class="slds-cell-wrap" colspan="2" style="vertical-align:top;"><a href="https://help.salesforce.com/s/articleView?id=service.messaging_editions.htm&amp;type=5&amp;language=en_US" target="_blank">View supported editions.</a></td>

        </tr>
        <tr class="">
          <td class="slds-cell-wrap" style="vertical-align:top;">
            <a name="messaging_components_builder__d1137e840"><!-- --></a><span style="vertical-align:text-bottom;display:inline-block;"><img style="margin-bottom:0;" id="messaging_components_builder__d1137e840" src="https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-support_channels-264-0-0-production-enus/f3c4b3d2-ff86-4f7c-9fe2-3d8b23d35109/resources-global/_corporate/images/checkmark.png" alt="Checkmark"></span>
            <strong>This article applies to:</strong>
          </td>

          <td class="slds-cell-wrap" style="vertical-align:top;">Enhanced In-App Chat, Enhanced Web Chat v1, Enhanced Web Chat v2, Enhanced
            WhatsApp, Enhanced Facebook Messenger, Enhanced Apple Messages for Business, Enhanced
            LINE, and Bring Your Own Channel</td>

        </tr>
        <tr class="">
          <td class="slds-cell-wrap" style="vertical-align:top;">
            <span style="vertical-align:text-bottom;display:inline-block;"><img style="margin-bottom:0;" src="https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-support_channels-264-0-0-production-enus/f3c4b3d2-ff86-4f7c-9fe2-3d8b23d35109/resources-global/_corporate/images/crossmark.png" alt="X icon"></span>
            <strong>This article doesn’t apply to:</strong>
          </td>

          <td class="slds-cell-wrap" style="vertical-align:top;">Standard and Enhanced SMS channels</td>

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

The Builder opens when you perform either of these actions on the Messaging Components page in Setup.

- You create a messaging component.
- You click the name of a messaging component.

Let’s look at a messaging component in the Builder.

![Messaging Component Builder with left-hand tab pane outlined](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-support_channels-264-0-0-production-enus/f3c4b3d2-ff86-4f7c-9fe2-3d8b23d35109/support_channels/images/messaging/messaging_builder.png)

The component name appears in the header bar. The tabs in the left-hand navigation menu each contain settings that control the appearance and behavior of your messaging component.

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
      <colgroup>
        <col style="width:25%">
        <col style="width:40%">
        <col style="width:35%">
      </colgroup>
      <thead class="slds-text-title_caps ">
        <tr class="">
          <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d154486e126">Tab Name</th>
          <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d154486e129">Description</th>
          <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d154486e132">Tasks Completed on this Tab</th>
        </tr>
      </thead>
      <tbody>
        <tr class="">
          <td data-label="Tab Name" class="slds-cell-wrap" style="vertical-align:top;" headers="d154486e126 ">Details</td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d154486e129 ">Manage a component’s details such as its name, developer name, description, type, and
            language. Depending on the component type, the Details tab also shows other settings such as
            the associated global action.</td>

          <td data-label="Tasks Completed on this Tab" class="slds-cell-wrap" style="vertical-align:top;" headers="d154486e132 ">
            <ul>
              <li>Update the component name, which service reps see in the Service Console.</li>

              <li>Update the component description, which appears only in the Builder.</li>

              <li>Update the component language to indicate which language its text uses. This field is
                informational and appears only in the Builder.</li>

              <li>Add or remove formats to your component, and drag them into priority order.</li>

            </ul>
          </td>

        </tr>
        <tr class="">
          <td data-label="Tab Name" class="slds-cell-wrap" style="vertical-align:top;" headers="d154486e126 ">Constants</td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d154486e129 ">Manage standard and custom constants that you can reference in your component’s
            properties. The text and images that you provide when creating your component are all saved
            as standard constants. You can also add custom constants. For example, to show an image in
            the component link sent to customers, add the image as a custom constant and then reference
            it in a component property.</td>

          <td data-label="Tasks Completed on this Tab" class="slds-cell-wrap" style="vertical-align:top;" headers="d154486e132 ">
            <ul>
              <li>View and edit standard constants.</li>

              <li>Add and remove custom constants, which can be images or text.</li>

              <li>Edit list options and add images to them.</li>

            </ul>
          </td>

        </tr>
        <tr class="">
          <td data-label="Tab Name" class="slds-cell-wrap" style="vertical-align:top;" headers="d154486e126 ">Parameters</td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d154486e129 ">Manage standard and custom parameters that you can reference in your component’s
            properties. In some types of components, standard parameters are added automatically. For
            example, time selectors include a standard parameter that represents the time slots shown in
            the component. You can also add up to 5 custom parameters per component, such as a RecordId
            parameter that lists a product name.</td>

          <td data-label="Tasks Completed on this Tab" class="slds-cell-wrap" style="vertical-align:top;" headers="d154486e132 ">
            <ul>
              <li>View and edit standard parameters.</li>

              <li>Add and remove custom parameters.</li>

            </ul>
          </td>

        </tr>
        <tr class="">
          <td data-label="Tab Name" class="slds-cell-wrap" style="vertical-align:top;" headers="d154486e126 ">Customization</td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d154486e129 ">This tab appears only for form components.</td>

          <td data-label="Tasks Completed on this Tab" class="slds-cell-wrap" style="vertical-align:top;" headers="d154486e132 ">
            <ul>
              <li>View the global action associated with the component.</li>

              <li>Update the number of minutes after which links to the form expire in messaging
                sessions.</li>

            </ul>
          </td>

        </tr>
        <tr class="">
          <td data-label="Tab Name" class="slds-cell-wrap" style="vertical-align:top;" headers="d154486e126 ">Payment Provider</td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d154486e129 ">This tab appears only for payment components.</td>

          <td data-label="Tasks Completed on this Tab" class="slds-cell-wrap" style="vertical-align:top;" headers="d154486e132 ">View the payment provider associated with your messaging component.</td>

        </tr>
        <tr class="">
          <td data-label="Tab Name" class="slds-cell-wrap" style="vertical-align:top;" headers="d154486e126 ">Authentication Provider</td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d154486e129 ">This tab appears only for authentication components.</td>

          <td data-label="Tasks Completed on this Tab" class="slds-cell-wrap" style="vertical-align:top;" headers="d154486e132 ">View the authentication provider associated with your messaging component.</td>

        </tr>
        <tr class="">
          <td data-label="Tab Name" class="slds-cell-wrap" style="vertical-align:top;" headers="d154486e126 ">Component Formats</td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d154486e129 ">Manage the formats that the component is available in. The Text (plain text) format is
            added by default, but all components offer additional formats that you can add to control its
            appearance and behavior. When you add a format to the component, it appears as a tab in the
            Component Formats section. </td>

          <td data-label="Tasks Completed on this Tab" class="slds-cell-wrap" style="vertical-align:top;" headers="d154486e132 ">
            <p>Click a format tab to complete these tasks.</p>
            <ul>
              <li>View the channels that support that format.</li>
              <li>Customize the format properties for the component. Configure each property to use a
                literal value, a constant, or a formula template that references the component’s constants
                or parameters.</li>
              <li>View a preview of the component in that format.</li>
            </ul>
          </td>

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

#### See Also

- [Messaging Component Types and Formats](https://help.salesforce.com/s/articleView?id=service.messaging_component_formats.htm&release=264.0.0&type=5 "With messaging components, you can send structured content such as questions with options in enhanced Messaging channels and Enhanced Chat. Learn the purpose, format, and setup process of each component type.")
- [Add Dynamic Content to Messaging Components](https://help.salesforce.com/s/articleView?id=service.messaging_components_formulas.htm&release=264.0.0&type=5 "When you create messaging components for service reps to use in enhanced Messaging channels or Enhanced Chat, you can use formulas to add dynamic, session-specific content to the component.")
- [Add Images to Messaging Components with Constants, Parameters, and Formulas](https://help.salesforce.com/s/articleView?id=service.messaging_components_images_parent.htm&release=264.0.0&type=5 "Many types of messaging components can include images, such as enhanced links, forms, and questions with options. Images in messaging components give your customers helpful visual cues, reinforce company branding, and add some color—literally and figuratively—to everyday service interactions. Learn how to control which images are shown in a messaging component that a service rep or bot sends to a customer.")