Loading...

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 columns: 

  • To Do 
  • In Progress 
  • Done 

Tasks are fetched directly from Jira and displayed in respective columns. Additionally, users can create tasks from Salesforce, which automatically generate issues in Jira and reflect back in Salesforce dashboard. 

(2) Business Requirement 

Functional Requirements: 

  1. Connect Salesforce to Jira securely. 
  2. Create a Custom Dashboard in Salesforce. 
  3. Add “Create Task” button. 
  4. On button click: 

Open Task creation page. 

  1. On Save: 

Create Issue in Jira. 

Add Issue to Sprint. 

Set Jira Status. 

Store Jira Issue Key in Salesforce. 

  1. Fetch Jira Issues using API. 
  2. Display issues in 3 columns: 

To Do 

In Progress 

Done 

(3) How to Connect Salesforce with Jira

Integration is established using Named Credentials

Configuration Steps: 

Setup → Named Credentials 

Create New Credential 

Configure: 

  1. Label: Jira_API 
  2. URL: https://yourdomain.atlassian.net 
  3. Authentication: Basic Auth 
  4. Username: Jira Email 
  5. Password: API Token 

Named Credentials Screen

Image1 4 1

Click Save

(4) Custom Salesforce Dashboard (LWC)
The Custom Salesforce Dashboard is built using Lightning Web Components (LWC) to create a dynamic, responsive, and user-friendly interface within Salesforce that integrates seamlessly with Jira. This dashboard functions as a centralized Visual-style board where Jira issues are fetched in real time through secure Apex REST API callouts and displayed across three  stages — To Do, In Progress, and Done — based on their current status. It enables users to visually track and manage development tasks directly inside Salesforce without switching platforms. A key capability of the dashboard is its drag-and-drop functionality, which allows users to move issues between stages, automatically triggering status updates in Jira through API synchronization. By leveraging LWC for fast rendering and component-based architecture, the dashboard ensures high performance, real-time data visibility, and efficient cross-team collaboration within a unified Salesforce environment.

Dashboard Features:

  • Create Task Button 
  • Three Status Columns: 

              ○ To Do

             ○ In Progress 

            ○ Done 

  • Real-time Jira Issue Display 

UI Layout Concept: 

                        Done      To Do      InProgress
                        Task1    Task2          Task3

Jira issues were fetched using the Jira API. The issues were then filtered based on their status and displayed in their respective columns within the dashboard.

Custom Salesforce Dashboard (LWC) Screen

Image2 3 1

Handler Class

The JiraHandler Apex class serves as the integration layer between Salesforce and Jira. It is responsible for making secure REST API callouts using Named Credentials to fetch Jira data and provide it to the Lightning Web Component (Custom Dashboard). This class retrieves user information, project details, Jira issues (tickets), and board configuration dynamically based on the selected project. 

The getTicketsInfo method acts as a central handler that fetches both issue data and board column configuration, ensuring that the dashboard displays Jira issues categorized according to their workflow stages. The class uses reusable callout methods (doAPIcallout and doAPIcalloutInternal) to standardize API communication and handle responses efficiently. 

By serializing and returning structured JSON data to the LWC, this Apex controller ensures real-time synchronization and seamless rendering of Jira issues within the Custom Salesforce Dashboard.

Handler class Code

Custom Salesforce Dashboard (LWC) Code

 CSS

HTML

Javascript

js-Meta.Xml

(5) Task Creation Process 

Step 1: Button Click

Using NavigationMixin: 

  • NavigationMixin.Navigate() 

Task record page open 

Step 2: Save Task 

After save

  • Apex Trigger / Method invoked 
  • Queueable class called 
  • Task Creation Screen 

Image3 2 1

  • After the task is created, an after-insert trigger will run.

Apex Trigger
To enable automatic synchronization between Salesforce and Jira, a Trigger-based asynchronous integration mechanism has been implemented. Whenever a new Task record is created in Salesforce, the TaskTrigger (after insert) event is executed. This trigger calls the JiraTaskHandler

Handler Class

Queueable Class

The task that was created in Salesforce is now visible on the board here.

Image4 3 1

Watch Live Demo

https://hicdemo-dev-ed.my.salesforce-sites.com/JiraDashboard

No Data Found.

Share This Blog
Table of contents
Related Articles
Dark Mode in Salesforce Enabling It and Creating Theme Ready Lightning Web Components with SLDS 2.0 1 1

With the Winter ’26 release, Salesforce introduced Dark Mode in Lightning Experience. Dark Mode has been introduced as a beta feature in Winter ’26, and at first it was available only for Starter Edition orgs. It is now rolling out further with Spring ’26 to Professional, Enterprise, and Developer editions. To use Dark Mode, Salesforce […]

Read More
How to Merge and Brand PDF Files in Salesforce Using LWC Visualforce PDF LIB 1

Salesforce developers frequently encounter document automation requirements that go beyond standard Apex-based PDF generation. From merging multiple ContentVersion files to dynamically applying branding like watermarks and headers, traditional server-side approaches often hit Salesforce heap size limits (6MB/12MB), creating performance and scalability challenges. This guide presents a heap-limit-safe PDF merging architecture in Salesforce using Lightning Web […]

Read More
Building a Reusable Popup Modal Architecture in Salesforce LWC 02 1

Modern Salesforce applications frequently rely on popup modals for confirmations, warnings, access control decisions, and destructive actions. However, building modal logic separately inside every Lightning Web Component often leads to duplicated code, inconsistent user experiences, and growing technical debt. This blog introduces a flexible popup modal architecture in Lightning Web Components (LWC) that centralizes modal […]

Read More
How to Add a Lookup Recipient in a Sign Template

This step-by-step guide will provide you with quick steps on how to add a lookup recipient inside a sign template in just a few easy steps. This process improves your eSignature for Salesforce workflow by pulling recipients directly from related records. Whether you rely on Salesforce digital signature features or any eSignature integration, adding lookup […]

Read More
Agentforce VS code

As Salesforce continues to move toward AI-assisted development, Agentforce is emerging as a powerful tool that helps developers interact with their org metadata, objects, and configurations using intelligent prompts. When combined with Visual Studio Code (VS Code) and the Salesforce CLI, Agentforce enables a faster, more context-aware way to explore and build on the Salesforce […]

Read More
How to Send Your First Document for eSignature

Sending documents digitally is now a core requirement for modern businesses. With eSignature for Salesforce and seamless eSignature integration, users can configure and send documents for signing directly from Salesforce, eliminating manual paperwork and speeding up approvals while keeping all data centralized and secure. In this guide, we will provide you with quick steps to […]

Read More
Our Location worldwide
Indian Flag India
3rd Floor, A-10, Pegasus Tower, Sector 68, Noida, Uttar Pradesh 201301 +91-1203239658
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
Canada Canada
HIC Global Solutions INC
6D - 7398 Yonge St #1124 Thornhill, ON L4J 8J2 Canada +1(262) 310-7818