Loading...
New Winner – Cross-Border Excellence | Payoneer India 2026 Check out
Featured Recognized by Salesforce; Proven by impact! Check out

In today’s fast-paced business landscape, productivity hinges on streamlined workflows and intuitive interfaces. While Salesforce offers robust activity tracking capabilities, sometimes the standard components fall short of specific organizational needs. 

That’s where a Custom Activity Component comes in—designed to tailor your activity management experience, boost user efficiency, and provide deeper insights into customer interactions.

In this blog, we’ll walk you through the key steps to create the Custom Activity Component:

How to Create the Custom Activity Timeline Component

Step 1: Create the Lightning Web Component (LWC)

  • Open Visual Studio Code.
  • Open the Command Palette by Ctrl+Shift+P for Windows
  • Select SFDX: Create Lightning Web Component
  • Create ActivityTimeline and ActivityTimelineItem as the component name.
  • Press Enter to accept the default directory.

Note:I have attached the zip file, which has the code. Please extract it and add the LWC and Apex Code.

  • Copy and paste the code into the LWC component.
    • HTML in ActivityTimeline.html and ActivityTimelineItem.html.
    • Javascript file code in ‘ActivityTimeline.js’ and ‘ActivityTimelineItem.js.

Step 2: Create the Apex Class

  • Create an Apex Class:
    • Create the Apex Classes and enter the code from the zip file.
  • Save the Apex Class.

Step 3: Deploy both the LWC and Apex classes to your Salesforce org.

Step 4: Add the Component to the Account Page Layout

  • Navigate to the Account Page Layout:
    • From Setup, enter Object Manager in the Quick Find box and select Account.
    • Select the record and edit the layout.
  • Add the Custom Component:

Drag and drop the ActivityTimeline component onto the page layout.

image 17 1

Save the Layout.

image 19 1

Test the functionality

To test the component, create a few activity logs with different owners or subjects. Use the filters to display or hide marketing activities to determine if they are functioning correctly.

Watch the Demo

Concluding Words

A Custom Activity Component not only enhances visibility into your team’s interactions but also empowers users with a more tailored and efficient Salesforce experience. By following the steps outlined above, you can create a dynamic, filterable activity timeline that aligns with your business needs.

We hope the tutorial was helpful to you!

For more proven techniques and best practices to thrive & stay ahead in the market, check out our informative Salesforce tutorials.

No Data Found.

Related Articles
From SMBs to Enterprises: Why Salesforce CRM Remains the Choice for Every Business Size

Running a modern business requires a robust Salesforce CRM platform that connects teams, organizes customer data, and delivers real-time operational insights. In today’s competitive environment, waiting for information across disconnected systems is no longer practical, especially when modern buyers expect immediate responses across every channel. For years, the software was primarily associated with large corporate […]

Read More
How to Integrate NikoHealth to Salesforce

Healthcare organizations using NikoHealth often need patient, insurance, order, invoice, and prescription data available inside Salesforce. As data grows, manually updating records across systems becomes difficult and can lead to delays, duplicate work, and data inconsistencies. NikoHealth to Salesforce integration helps solve this challenge by automatically synchronizing data between both platforms. Instead of building custom […]

Read More
Flow Orchestrator vs. Traditional Flows: When to Use Each for Salesforce Automation

Businesses use Salesforce automation to reduce manual work, improve efficiency, and automate repetitive business processes. Two commonly used automation approaches inside Salesforce are Traditional Flows and Flow Orchestrator. Traditional Flows are mainly used for simple automation tasks such as updating records, sending notifications, creating tasks, and automating business logic. Flow Orchestrator is designed for more […]

Read More
The Rise of Agentic Government: How AI Agents Are Transforming Public Services

Government technology has often been seen as slower to evolve than the private sector. But Salesforce’s latest research challenges that idea in a big way. In fact, the new findings suggest that public sector organizations may now be moving faster than many businesses when it comes to adopting AI agents and preparing for a more […]

Read More
How To Use Email Service in APEX

Managing approvals, updates, and record changes directly from email can significantly improve efficiency within Salesforce workflows. Instead of logging in, navigating records, and manually updating fields, users can simply respond to emails and trigger automated updates using Email Service in APEX. This approach is especially useful for businesses leveraging Salesforce automation and looking to enhance […]

Read More
Design and Implementation of Salesforce-Jira Task Integration

Businesses have been using Salesforce for CRM operations and Jira for Agile project tracking. However, without integration, teams manually update both systems, leading to data inconsistency and inefficiency.This mechanism establishes a real-time integration between Salesforce and Jira, allowing seamless synchronization of tasks and agile board statuses.  A custom Salesforce dashboard was developed that replicates Jira-style […]

Read More
Our Location worldwide
Indian Flag India
7th Floor, A-10, Pegasus Tower, Sector 68, Noida, Uttar Pradesh 201301 +91-1203669505
United States of America Flag USA
333 West Brown Deer Road Unit G – 366 Milwaukee WI, USA 53217 +1(262) 310-7818
United Kingdom Flag UK
7 Bell Yard, London, WC2A 2JR +44 20 3239 9428
CA Flag Canada
HIC Global Solutions INC
6D - 7398 Yonge St #1124 Thornhill, ON L4J 8J2 Canada +1(262) 310-7818