---
schema_version: "1"
id: 51013629a287bcb90e011f452019b49cca6320db03951124740313c15cb9ed45
title: Add Attachments in the Product Designer
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/ind/264-0-0/comms_add_attachments_in_the_product_designer.md
canonical_url: https://help.salesforce.com/s/articleView?id=ind.comms_add_attachments_in_the_product_designer.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: e28a53136af929261ebcdba606244e8905f3cf1780653045a77e5bcb0b5b4ded
description: You can upload files for an offering or specification, including images and documents. On the Attachments tab, you can indicate the product image to show across different channels. Previews of images and videos are shown in the Details tab for a product.
products:
  - Communications
  - Media
  - Energy and Utilities
release: "264"
---
# Add Attachments in the Product Designer

You can upload files for an offering or specification, including images and documents. On the Attachments tab, you can indicate the product image to show across different channels. Previews of images and videos are shown in the Details tab for a product.

In the Attachments tab, you can also use the icons to preview, download, edit, or delete attachments. When previewing attachments such as images, you can use the arrows to scroll through the list of attachments.

1. From the Vlocity Product Designer, click the down arrow button, and select **Products**.
2. Click on a product specification or offering to edit it.
3. Click the **Attachments** tab.
    
    The Product Attachments page for your selected product appears.
    
    ![the Attachments tab](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-ind-comms_media_energy_managed-264-0-0-production-enus/ff4079f6-a384-475c-b863-578bbbb0ef9b/resources-product/images/epc_attachments_tab_upc.png)
4. Click **New Attachment**.
    
    ![Tip](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-ind-comms_media_energy_managed-264-0-0-production-enus/ff4079f6-a384-475c-b863-578bbbb0ef9b/images/icon_tip.png)
    
    Tip
    
    In the Attachments tab, you can also use the Browse to select a file or drop files on Drop Files area to upload the files directly.
    
    The Add Attachment panel opens.
    
    ![The Add Attachment panel](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-ind-comms_media_energy_managed-264-0-0-production-enus/ff4079f6-a384-475c-b863-578bbbb0ef9b/resources-product/images/epc_add_attachment_panel_upc.png)
5. In the Add Attachment panel, enter the following information.
    
    <table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
            <colgroup>
              <col>
              <col>
            </colgroup>
            <thead class="slds-text-title_caps ">
              <tr class="">
                <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d381895e116">
                  <p style="margin-bottom:0;">Field</p>
                </th>
                <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d381895e122">
                  <p style="margin-bottom:0;">Description</p>
                </th>
              </tr>
            </thead>
            <tbody>
              <tr class="">
                <td data-label="Field" class="slds-cell-wrap" style="vertical-align:top;" headers="d381895e116 ">
                  <p style="margin-bottom:0;">Attachment Name</p>
                </td>

                <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d381895e122 ">
                  <p style="margin-bottom:0;">Enter a name to show in the list of attachments.</p>
                </td>

              </tr>
              <tr class="">
                <td data-label="Field" class="slds-cell-wrap" style="vertical-align:top;" headers="d381895e116 ">
                  <p style="margin-bottom:0;">Description</p>
                </td>

                <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d381895e122 ">
                  <p style="margin-bottom:0;">Enter a description of the attachment.</p>
                </td>

              </tr>
              <tr class="">
                <td data-label="Field" class="slds-cell-wrap" style="vertical-align:top;" headers="d381895e116 ">
                  <p style="margin-bottom:0;">Content Type</p>
                </td>

                <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d381895e122 ">
                  <p style="margin-bottom:0;">Set the type of attachment: Video, image, or file.</p>
                </td>

              </tr>
              <tr class="">
                <td data-label="Field" class="slds-cell-wrap" style="vertical-align:top;" headers="d381895e116 ">
                  <p style="margin-bottom:0;">Default Image</p>
                </td>

                <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d381895e122 ">
                  <p style="margin-bottom:0;">Set the image as the default to display for the product. If
                    another image is the default, it is reset as not the default. This
                    setting is not available for files or videos.</p>
                </td>

              </tr>
              <tr class="">
                <td data-label="Field" class="slds-cell-wrap" style="vertical-align:top;" headers="d381895e116 ">
                  <p>URL</p>
                  <p style="margin-bottom:0;">Browse or Drop Files</p>
                </td>

                <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d381895e122 ">
                  <p>Add an image for the product as a URL or add the
                    image</p>
                  <p style="margin-bottom:0;">Browse to the file you want to attach, or drag and
                    drop the file to the drop zone.</p>
                </td>

              </tr>
              <tr class="">
                <td data-label="Field" class="slds-cell-wrap" style="vertical-align:top;" headers="d381895e116 ">
                  <p style="margin-bottom:0;">Sequence</p>
                </td>

                <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d381895e122 ">
                  <p>Enter a unique number to indicate the sequence in which the
                    file, video, or image is displayed in the list of
                    attachments</p>
                  <p style="margin-bottom:0;">Use a sequence of 10, 20, 30 so that you can
                    add to the sequence at a later time.</p>
                </td>

              </tr>
            </tbody>
          </table>
6. Click **Done**.

The uploaded file is listed in the Attachments tab. You might have to refresh the preview in the Details tab to see a newly uploaded file.

In the Safari browser, the video preview does not work in the Details tab for a product or offering.