Loading…

Field note

Kolton Dupey2025-06-257 min read

How to Create a Salesforce Utility Bar App That Dynamically Gets the Record ID from the URL

CRM

Quick summary

Learn how to build a Lightning Web Component that extracts record IDs from URLs and passes them to Flows in the Utility Bar, enabling context-aware automations across any Salesforce object.

Figure: supporting visual for “How to Create a Salesforce Utility Bar App That Dynamically Gets the Record ID from the URL”.

The problem

Flows launched from the Utility Bar do not receive `recordId` the way embedded Record Page flows do — so downstream steps lose record context.

The fix

A small LWC reads the current URL, extracts `recordId` with regex, and passes it into `lightning-flow` so Utility Bar launches behave like record-page launches.

Have you ever needed to launch a Flow in Salesforce from the Utility Bar and pass the current record's ID automatically? If you've struggled with this in the past, you're not alone. Salesforce doesn't pass the recordId to a utility bar component by default. But with a simple Lightning Web Component (LWC), you can grab it directly from the URL.

This post walks through a complete solution I recently implemented, including the LWC, Flow setup, deployment using Salesforce CLI, and real-world use cases.

📍 The Use Case

You're working inside Salesforce and want to quickly launch a screen Flow related to the record you're viewing. For example:

Generate a pre-filled form
Display compliance info
Kick off a custom automation

You don't want to embed a Flow on every page layout. Instead, you want something accessible from the Utility Bar, regardless of object.

I personally use this in our Salesforce Org paired with a SMS provider's API to send text messages to our Leads, Opportunities, and current clients. I wanted the ability to pull in the current record's information as default values but also have the option to change to another Lead, Opportunity, or Client by a lookup field within the flow.

⚠️ The Challenge

When a Flow is embedded on a Record Page, Salesforce automatically passes the recordId. But when launched from the Utility Bar, you're outside the page context—so the recordId is NOT passed.

🔧 The Solution: Parse the URL

I created a small but powerful LWC that:

Reads the current URL
Uses regex to extract the recordId
Passes it to any Flow via the lightning-flow component

📂 File Structure (Salesforce DX project)

This is how the component folder is organized within your Salesforce DX project.

File structure from within VS Code or code editor of your choice

📄 Code Summary

getRecordIdFromURL.js - Extracts recordId and launches the flow

I have added console log statements within this JS code to help with debugging.

This is what a correct parse of the record Id will look like on the console log on your browser.

getRecordIdFromURL.html - Renders the flow

getRecordIdFromURL.js-meta.xml - Makes component utility-bar accessible

🚀 Deploying with Salesforce CLI

Use the following CLI commands to deploy to your org:

The above command opens a browser window for you to input your Salesforce Sandbox credentials and creates a CLI alias "MySandbox" for that org. This is creating the authenticating to your org to deploy the package.

This command deploys a specific folder of meta data to the "MySandbox" org. The folder is where all of our code above should be stored.

🔢 Flow Setup

Create a new Screen Flow.
Add a Text Variable named recordId, mark it as Available for Input.
Use it however you'd like—Get Records, Decisions, Screens, etc.

TIP: You can use this for any record but the information displayed on the flow can be dynamic based on an early decision in your flow. The prefix of the Record Id will be unique to the object. Here is a link from Salesforce for decoding the prefix:

https://help.salesforce.com/s/articleView?id=000385203&type=1

In my Salesforce Org, I wanted to use record information from Leads, Opportunities, and Accounts. I used a Decision to determine if the prefix was 00Q (Lead), 006 (Opportunity), or 001 (Account) and then carried on the flow from there.

🧭 Add to the Utility Bar

Go to Setup → App Manager
Edit your Lightning App
Add a Utility Bar item: select your new getRecordIdFromURL component

🛠 Troubleshooting Tips

Confirm your Flow's input variable is named recordId
Use console.log in JS to validate what's being parsed
Add a decision element in your Flow to detect when recordId is blank

🚀 Final Thoughts

This approach turns your Utility Bar into a context-aware launchpad for automations. It's lightweight, reusable, and Flow-friendly. If you're frequently working with screen Flows and want maximum flexibility—this pattern is a game-changer.

– Kolton Dupey

Automation Developer | Salesforce & API Integrator

Related services

If you need this kind of work for your business, these are the closest scoped service pages.

CRM administration

More field notes

CRM · automation

From Click to CRM - Automating Lead Flow from WhatConverts to Salesforce with AI-Powered Precision

Discover how to build an intelligent automation system that captures leads from WhatConverts and seamlessly integrates them into Salesforce with AI-enhanced data processing using Zapier.

5 min read · 2025-07-14

Read field note →

CRM · automation

Automating Lead Capture from WiserAdvisor with Python + Selenium

In the world of financial lead generation, speed matters. Learn how I built a Python automation script that captures leads from WiserAdvisor and sends them to Salesforce CRM, running 24/7 on a Raspberry Pi.

8 min read · 2025-07-04

Read field note →

CRM · automation

Automating Planswell Lead Capture: From API to CRM in Minutes

Learn how we streamlined our lead capture process from Planswell using their GraphQL API to automatically route leads to our CRM, saving hours of manual work while improving response times.

4 min read · 2025-07-02

Read field note →

Running into something similar?

This note is from a real constraint and a real project. If you are dealing with something adjacent, send a message or book a short call — I will give you a straight answer on scope and fit.

Send a message Book a 15-min call Browse services →

Field note

Kolton Dupey2025-06-257 min read

How to Create a Salesforce Utility Bar App That Dynamically Gets the Record ID from the URL

CRM

Quick summary

Learn how to build a Lightning Web Component that extracts record IDs from URLs and passes them to Flows in the Utility Bar, enabling context-aware automations across any Salesforce object.

The problem

Flows launched from the Utility Bar do not receive `recordId` the way embedded Record Page flows do — so downstream steps lose record context.

The fix

A small LWC reads the current URL, extracts `recordId` with regex, and passes it into `lightning-flow` so Utility Bar launches behave like record-page launches.

This post walks through a complete solution I recently implemented, including the LWC, Flow setup, deployment using Salesforce CLI, and real-world use cases.

📍 The Use Case

You're working inside Salesforce and want to quickly launch a screen Flow related to the record you're viewing. For example:

Generate a pre-filled form
Display compliance info
Kick off a custom automation

You don't want to embed a Flow on every page layout. Instead, you want something accessible from the Utility Bar, regardless of object.

⚠️ The Challenge

When a Flow is embedded on a Record Page, Salesforce automatically passes the recordId. But when launched from the Utility Bar, you're outside the page context—so the recordId is NOT passed.

🔧 The Solution: Parse the URL

I created a small but powerful LWC that:

Reads the current URL
Uses regex to extract the recordId
Passes it to any Flow via the lightning-flow component

📂 File Structure (Salesforce DX project)

This is how the component folder is organized within your Salesforce DX project.

File structure from within VS Code or code editor of your choice

📄 Code Summary

getRecordIdFromURL.js - Extracts recordId and launches the flow

I have added console log statements within this JS code to help with debugging.

This is what a correct parse of the record Id will look like on the console log on your browser.

getRecordIdFromURL.html - Renders the flow

getRecordIdFromURL.js-meta.xml - Makes component utility-bar accessible

🚀 Deploying with Salesforce CLI

Use the following CLI commands to deploy to your org:

This command deploys a specific folder of meta data to the "MySandbox" org. The folder is where all of our code above should be stored.

🔢 Flow Setup

Create a new Screen Flow.
Add a Text Variable named recordId, mark it as Available for Input.
Use it however you'd like—Get Records, Decisions, Screens, etc.

https://help.salesforce.com/s/articleView?id=000385203&type=1

🧭 Add to the Utility Bar

Go to Setup → App Manager
Edit your Lightning App
Add a Utility Bar item: select your new getRecordIdFromURL component

🛠 Troubleshooting Tips

Confirm your Flow's input variable is named recordId
Use console.log in JS to validate what's being parsed
Add a decision element in your Flow to detect when recordId is blank

🚀 Final Thoughts

– Kolton Dupey

Automation Developer | Salesforce & API Integrator

Related services

If you need this kind of work for your business, these are the closest scoped service pages.

CRM administration

More field notes

CRM · automation

From Click to CRM - Automating Lead Flow from WhatConverts to Salesforce with AI-Powered Precision

Discover how to build an intelligent automation system that captures leads from WhatConverts and seamlessly integrates them into Salesforce with AI-enhanced data processing using Zapier.

5 min read · 2025-07-14

Read field note →

CRM · automation

Automating Lead Capture from WiserAdvisor with Python + Selenium

8 min read · 2025-07-04

Read field note →

CRM · automation

Automating Planswell Lead Capture: From API to CRM in Minutes

Learn how we streamlined our lead capture process from Planswell using their GraphQL API to automatically route leads to our CRM, saving hours of manual work while improving response times.

4 min read · 2025-07-02

Read field note →

Running into something similar?

This note is from a real constraint and a real project. If you are dealing with something adjacent, send a message or book a short call — I will give you a straight answer on scope and fit.

Send a message Book a 15-min call Browse services →