How to Create Clickable Image in Salesforce : Bijay Kumar

How to Create Clickable Image in Salesforce
by: Bijay Kumar
blow post content copied from  SalesForce FAQs
click here to view original post



**Summary: How to Create a Clickable Image in Salesforce** In this Salesforce tutorial, we learn how to add a clickable image on account record pages, which can be used to display a company logo that redirects users to the company's official website. There are two main methods to achieve this: using a formula field and a rich text field. ### Key Details: 1. **Purpose**: The sales team wanted a visual representation (company logo) on account records that links to the official website. 2. **Clickable Image**: This feature functions like a hyperlink, making Salesforce pages more interactive. 3. **Methods to Create Clickable Images**: - **Using a Formula Field**: - Navigate to the Object Manager in Salesforce. - Create a new formula field with text return type. - Use the `HYPERLINK` and `IMAGE` functions in the formula to set the image and link. - **Using a Rich Text Field**: - Create a rich text field in the object. - Upload an image and add a hyperlink to it through the rich text editor. 4. **Implementation Steps**: - For the formula field: Define the image path, link URL, and set field-level security. - For the rich text field: Upload the image, link it to the desired URL, and save. 5. **Final Outcome**: Users can click on the image, which will redirect them to the specified URL. ### Conclusion By following the instructions provided, Salesforce users can easily implement clickable images on record pages, enhancing navigation and user experience. ### Additional Context This feature is particularly useful for sales teams who want quick access to company-related resources directly from Salesforce. Customization options in Salesforce allow for improved functionality tailored to business needs. ### Hashtags for SEO #Salesforce #ClickableImage #SalesforceTutorial #SalesforceCustomization #SalesforceTips #CRM #Hyperlink #RichTextField #FormulaField #SalesforceDevelopment


In our Salesforce org, I was working on a requirement for the sales team to customize record pages. They wanted to see the company logo on the account record page, and when clicked, it should redirect them to the company’s official website.

In Salesforce, there are multiple ways to add a clickable image as a field on the object record page, such as using a formula field or a rich text field.

In this Salesforce tutorial, I will explain how to create a clickable image in Salesforce with custom fields and code.

Clickable Image in Salesforce

In Salesforce, a clickable image is similar to a hyperlink that redirects to the embedded link when clicked. It combines the functionality of a hyperlink with the visual of an image, making Salesforce pages interactive.

For example, on an account record, we can show the company’s logo as a clickable image that redirects to the company’s official website.

Create a Clickable Image in Salesforce

To create a clickable image in Salesforce, there are several ways that we will discuss in the examples below.

  • Create a clickable image using a formula field in Salesforce
  • Create a clickable image using a text field in Salesforce

Create a Clickable Image Using a Formula Field in Salesforce

To create a clickable image in Salesforce, the easiest way is by using the object fields. In this example, I will show how to create a clickable image in Salesforce by using a custom formula field.

Now, navigate to the setup page of Salesforce Lightning and follow the steps below.

  1. On the setup page of Salesforce Lightning, select Object Manager, then the object in which you want to create a clickable image. In this example, I have selected the Account object.
Create a clickable image in Salesforce Lightning
  1. In the object setup, go to Fields and relationships and click New.
Custom field for clickable image in Salesforce
  1. Select the field type as Formula. In the next window, enter the field label and select the return type as Text. After this, click on the Next button.
Add clickable image in Salesforce record page
  1. Enter the formula below in the formula editor and click Next.
HYPERLINK(
   "https://salesforcefaqs.com/", 
   IMAGE("/resource/Clickable", "Salesforce", 50, 50),
   "_blank"
)

We have defined the formula as follows:

  • https://salesforcefaqs.com: The link you want to open when the image is clicked.
  • /resource/Clickable: Path of the image (upload it first as a Static Resource).
  • Salesforce: Alt text (displayed if image fails to load).
  • 50, 50: Width and height of the image.
  • “_blank”: Opens the link in a new tab.
  1. To set up the field-level security, select the profiles that can access this field for the clickable image.
Create hyperlink image in Salesforce
  1. Select the page layouts to make the custom field visible on the record pages and click Save.
Add hyperlink to image in Salesforce

Navigate to the object record page, and there you will see the custom field with the image from a static resource. As we click on the image, it will redirect to the URL that we have used in the formula.

Link URL with image in Salesforce

This way, we can add a clickable image in Salesforce using a custom formula field.

Create a Clickable Image Using a Rich Text Field in Salesforce

Another way to create a clickable image in Salesforce is by using the custom rich text area field.

First, create a rich text field in the object, then follow the steps below to create a clickable image using a rich text field in Salesforce.

  1. After creating the custom rich text area field, open the object record in Edit mode.
Add clickable image in Salesforce record
  1. Go to the rich text field and add an image from the static resource or upload it from the system.
Salesforce Lightning clickable image
  1. Select the uploaded image and click on the link icon. Here, add the link title, then in the Link URL, add the target URL that should open when we click on the Image. After this, click on the Save button.
Add clickable image using hyperlink in Salesforce
  1. Now, in the preview mode, when we click on the image, it will redirect to the URL that we have linked to the image.
Link image with URL in Salesforce

This way, we can create a clickable Image using a custom rich text field in Salesforce.

Conclusion

In this Salesforce tutorial, we learned how to create a clickable image in Salesforce. In the above examples, we explored two methods: using a formula field and using a rich text field. Both methods enable us to display an image that functions like a hyperlink, redirecting to a target URL when clicked.

By following the above steps, you can add a clickable image on record pages to provide quick navigation to external or internal resources directly from Salesforce.

You may also like to read:

The post How to Create Clickable Image in Salesforce appeared first on SalesForce FAQs.


September 08, 2025 at 06:38PM
Click here for more details...

=============================
The original post is available in SalesForce FAQs by Bijay Kumar
this post has been published as it is through automation. Automation script brings all the top bloggers post under a single umbrella.
The purpose of this blog, Follow the top Salesforce bloggers and collect all blogs in a single place through automation.
============================

Salesforce