How to Create Clickable Image in Salesforce : Bijay Kumar
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.
- 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.

- In the object setup, go to Fields and relationships and click New.

- 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.

- 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.
- To set up the field-level security, select the profiles that can access this field for the clickable image.

- Select the page layouts to make the custom field visible on the record pages and click Save.

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.

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.
- After creating the custom rich text area field, open the object record in Edit mode.

- Go to the rich text field and add an image from the static resource or upload it from the system.

- 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.

- Now, in the preview mode, when we click on the image, it will redirect to the URL that we have linked to the image.

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:
- Add Image to Classic Email Template in Salesforce Classic
- Add image to email template in Salesforce Lightning
- Add Login Button for User in Salesforce
- Upload Files in Salesforce
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.
============================

Post a Comment