How do you add pictures for contacts in Salesforce? - Answers - Salesforce Trailblazer Community
Trailblazer Community
Ask Search:
Angeline DurbinAngeline Durbin 

How do you add pictures for contacts in Salesforce?

How do you add pictures for contacts in Salesforce?
(import a headshot where there is now a grey & white icon outline of a person)
Best Answer chosen by Moderator (salesforce.com) 
David PierDavid Pier
Hey Angeline,

That box actually pulls from whichever social network you specify for that specific contact.
See: Social Accounts, Contacts, and Leads Overview

If you want to be able to upload your own photos, you could look at Picture Uploader if you're on Enterprise or higher.

Additionally- If you have the photos hosted online- you could add a custom field and the IMAGE function to reference that location and display the image directly on the page.

Hope that helps,

David
Duckyforce.com

All Answers

Steve MolisSteve Molis
Create a new custom field on the Contact object and select Rich Text as the datatype.
Steve MolisSteve Molis
-

Creating Custom Fields

Available in: Personal, Professional, Enterprise, Unlimited, Developer, and Database.com Editions

Relationship fields are not available in Personal Edition

Custom settings are not available in Professional Edition

Layouts are not available in Database.com


User Permissions Needed
To create or change custom fields: “Customize Application”

Create custom fields to store the information that is important to your organization. Before you begin, determine the type of custom field you want to create. You can create many different custom field types, including lookup, master-detail, and hierarchical relationships.

To add a custom field:

  1. Navigate to the fields area of the appropriate object:
    • For standard objects, click Your Name | Setup | Customize, select the appropriate object from the Customize menu, and click Fields.
    • For custom task and event fields, click Your Name | Setup | Customize | Activities | Activity Custom Fields.
    • For custom objects, click Your Name | Setup | Create | Objects, and select one of the custom objects in the list.
    • For custom settings, click Your Name | Setup | Develop | Custom Settings, and click the name of the custom setting.
  2. Click New in the Custom Fields & Relationships section of the page.
    Tip
    From this section, you can also set field dependencies and field history tracking on custom objects.
  3. Choose the type of field to create, and click Next.
    Note
    • Some data types are only available for certain configurations. For example, the Master-Detail Relationship option is available only for custom objects when the custom object does not already have a master-detail relationship. Also, custom settings only allow a subset of the available data types.
    • Relationship fields count towards custom field limits.
    • Field types not listed in custom field types may appear if your organization installed a package from the AppExchange that uses those custom field types.
    • The Roll-Up Summary option is only available on certain objects.
    • Field types correspond to API data types. For more information, see “API Data Types and API Field Types” in the Web Services API Developer's Guide.
  4. For relationship fields, choose the object that you want to associate with it.
  5. Enter a field label.

    The Field Name is automatically populated based on the field label you enter. This name can contain only underscores and alphanumeric characters, and must be unique in your organization. It must begin with a letter, not include spaces, not end with an underscore, and not contain two consecutive underscores. Use the field name for merge fields in custom links, custom s-controls, and when referencing the field from the API. For more information, see Guidelines for Using Merge Fields.

    Tip
    Ensure that both the custom field name and label are not identical to the name and label of any existing standard or custom field for that object. Identical values may result in unexpected behavior when you reference that name in a merge field.
    • If a standard field and custom field have matching names or labels, the merge field displays the value of the custom field.
    • If two custom fields have matching names or labels, the merge field may not display the value of the field you expect.
    For example, if you create a field label called Email, the field name automatically populates as Email__c. If you also have a standard field with the label Email, the merge field may not be able to distinguish between the standard and custom field names. Make both the custom field name and label unique by adding a character to each, such as Email2 and Email2__c, respectively.
  6. Enter any field attributes.
  7. For relationship fields, optionally create a lookup filter to limit the valid values and lookup dialog results for the field.
  8. Click Next to continue.
  9. In Enterprise, Unlimited, and Developer Editions, specify the field's access settings for each profile, and click Next.
    Access Level Enabled Settings
    Users can read and edit the field. Visible
    Users can read but not edit the field. Visible and Read-Only
    Users can't read or edit the field. None
    Note
    • When you create a custom field, by default the field isn't visible or editable for portal profiles, unless the field is universally required.
    • Profiles with “View Encrypted Data” permission are indicated with an asterisk.
  10. Choose the page layouts that should display the field as an editable field.

    The field is added as the last field in the first two-column section on the page layout. For long text area fields, the field is added to the end of the first one-column section on the page layout. For user custom fields, the field is automatically added to the bottom of the user detail page. For universally required fields, you cannot remove the field from page layouts or make it read only.

  11. For relationship fields, choose whether to create a related list that displays information about the associated records. You can choose to put the related list on any page layouts for that object.

    To change the label of the custom related list as it will appear on the page layouts of the associated object, edit the Related List Label.

    To add the new related list to page layouts that users have already customized, check Append related list to users’ existing personal customizations.

  12. Click Save to finish or Save & New to create more custom fields.
Note
Creating fields may require changing a large number of records at once. To process these changes efficiently, you request may be queued and you may receive an email notification when the process has completed.

David PierDavid Pier
Hey Angeline,

That box actually pulls from whichever social network you specify for that specific contact.
See: Social Accounts, Contacts, and Leads Overview

If you want to be able to upload your own photos, you could look at Picture Uploader if you're on Enterprise or higher.

Additionally- If you have the photos hosted online- you could add a custom field and the IMAGE function to reference that location and display the image directly on the page.

Hope that helps,

David
Duckyforce.com
This was selected as the best answer
Steve MolisSteve Molis
Good catch @David Pier, I didn't realize it was Social Contacts until after I posted (Margin of error Pre-Coffee +/- 98.6 %)
Ken ShvetzKen Shvetz
@David Pier @Steve Molis, Picture Uploader really only works in Classic because it uploads to the Notes & Attachments related list, which is deprecated by Salesforce Files in Lightning since Winter '18. Once you use Magic Mover to convert all your Classic legacy notes and attachments to Salesforce files for Lightning, and enable "Files uploaded to the Attachments related list on records are uploaded as Salesforce Files, not as attachments" (as recommended during Lightning migration), it breaks the link and the image no longer display.

The only alternative for Lightning I've been able to find is here... I've never learned Apex yet but I was able to get it to work.

1) Open Developer Console, create a new project called "ProfilePicture", and then manually paste in each Apex component as listed here:

https://developer.salesforce.com/blogs/developer-relations/2015/11/create-lightning-component-drag-drop-profile-pictures.html

2) You'll get 2 compile errors regarding the "return null" (more deprecated code - see https://help.salesforce.com/articleView?id=000269952&language=en_US&type=1)... I couldn't make enough sense of this to fix them maybe someone else here can?  So instead I just commented out lines 9 and 23, and then it compiles.

However, it's very basic (only drag and drop), not even an "Upload" or "Delete" image button or anything...

Can anyone find please a better alternative?  Can someone please write a Lightning Components photo uploader app and put it on the AppExchange??