Loading
Prepare for Email to Become the Default Login ExperienceRead More
Extend Salesforce with Clicks, Not Code
Add Images to Content Blocks in Design Mode

Add Images to Content Blocks in Design Mode

Designers and site administrators can add images to content blocks when viewing a page in Design Mode.

Required Editions

Available in: Salesforce Classic

Available for purchase in: Enterprise, Performance, and Unlimited Editions

Available (with limitations) in: Developer Edition

User Permissions Needed
To build, edit, and manage Site.com sites:

Site.com Publisher User field enabled on the user detail page

AND

Site administrator or designer role assigned at the site level

To edit only content in Site.com sites:

Site.com Contributor User

AND

Contributor role assigned at the site level

When the page is open:

  1. Double-click the content block on the page.
  2. Position your cursor where you want to insert the image and click Add or edit images.
  3. In the Image Properties dialog box, either:
    • Enter a URL to an image in the Image URL field.
    • Select an image from your website by clicking From Website and selecting the image in the list that appears.
    • Upload an image from your computer by opening the Upload tab, browsing to the image, and clicking Upload.
  4. Enter a brief description of the image in the Alternative text field. If the browser can’t display the image, the description is used by screen reader users or as a substitute. It can also help with search engine optimization (SEO).
  5. Optionally, preview how the image appears in relation to the text on the page and set:
    • The width and height of the image
    • How much space surrounds the image (which is controlled by the HSpace and VSpace properties)
    • How it aligns with the text on the page
    • The image border (for example, to set a dotted green border that's 10 pixels wide, you enter 10px dotted green in the Border field)
  6. Click Apply.
  7. Click Save.
 
Loading
Salesforce Help | Article