Sales extension

The product

Turn a profile into an action.

This browser extension brings sales workflows directly into LinkedIn and Salesforce. Instead of copying information between tools, users can open a supported profile, see the relevant person data, and take the required business action from a contextual side panel.

The problem

Sales work happens across too many tabs.

A salesperson might discover someone on LinkedIn, move information into a CRM, find a campaign, check whether the person already exists, and then perform another action. The extension compresses that workflow into the place where the person was discovered.

Automatic detection

Open the right page. The extension knows what to do.

The extension automatically detects supported LinkedIn profile and Salesforce lead pages and activates the relevant experience without requiring the user to manually configure the page.

Data extraction

Turn the page into structured information.

Content scripts and DOM parsing extract the available person and company information from supported pages and normalize it into a structure the rest of the platform can work with.

The interface

The workflow stays beside the work.

The custom React side panel was designed and developed to give users the information and actions they need without forcing them to leave LinkedIn or Salesforce.

Actions

From person to campaign in a few clicks.

Users can perform company-defined actions such as adding a person to a campaign, contact list, CRM workflow, or another supported destination directly from the extension.

1. 01

   LinkedIn / Salesforce

2. 02

   Detect page

3. 03

   Extract data

4. 04

   Side panel

5. 05

   Choose action

6. 06

   Backend API

7. 07

   Company workflow

Architecture

Built for more than two platforms.

Rather than coupling the product directly to LinkedIn, the architecture separates platform-specific extraction from the shared workflow system. That makes the extension ready for additional CRMs, sales intelligence tools, recruiting platforms, and internal apps later.

1. 01

   LinkedIn

2. 02

   Salesforce

3. 03

   Platform adapters

4. 04

   Normalized profile

5. 05

   Shared side panel

6. 06

   Workflow engine

Reliability

Real-world pages are messy.

Dynamic content, missing fields, duplicate contacts, authentication expiry, API failures, unsupported pages, and network problems were all handled so the extension could behave predictably in real usage.

Performance

Fast enough to disappear into the workflow.

Page detection, DOM extraction, state management, React rendering, and API communication were optimized so the extension could provide its functionality without becoming another source of browser overhead.

• Efficient page detection
• Selective content-script execution
• DOM parsing optimization
• Dynamic-content handling
• State update optimization
• React rendering optimization
• API request optimization
• Caching where appropriate
• Lazy loading
• Reduced unnecessary extension work

Production

Built and shipped as a real browser product.

The extension was developed using a modern Manifest V3 architecture and prepared for real-world distribution through the Chrome Web Store.

The result

A sales workflow that follows you into the browser.

The finished extension connects third-party sales platforms with company workflows, turning information already visible on a profile or lead page into an actionable, authenticated workflow.

Features

• Automatic platform detection

  The extension identifies a supported LinkedIn profile or Salesforce lead page and activates the relevant experience automatically.

• Profile data extraction

  Available page data is read and turned into structured information the workflow system can use.

• Contextual side panel

  A custom side panel sits beside the current website so users can take actions without leaving the page.

• Campaign actions

  Users can add the detected person to relevant campaigns directly from the extension.

• Contact-list actions

  Extracted people can be added to contact lists and other company-defined destinations.

• CRM workflows

  The detected person can be connected to backend-powered company workflows and CRM actions.

• Duplicate handling

  Existing records and states are checked so users can tell whether a person has already been added or processed.

• Authentication

  Users authenticate with the platform so actions run under the correct account and permissions.

• Dynamic page handling

  The extension accounts for dynamically rendered third-party pages where relevant information can appear or change after the initial load.

• Workflow-ready architecture

  New platforms and actions can be added without redesigning the system around LinkedIn or Salesforce.

• Error handling

  Unsupported pages, missing data, API failures, authentication issues, duplicates, network failures, and other expected states are handled in the extension.

• Performance optimization

  Page detection, extraction, side-panel rendering, and backend communication stay lightweight so the extension does not get in the way.

Outcomes

• Production browser extension
• LinkedIn profile detection
• Salesforce lead detection
• Dynamic DOM data extraction
• Structured profile normalization
• Custom React side panel
• Campaign, contact-list, and CRM actions
• Duplicate handling
• Authentication and authorization
• Backend API integration
• Error and failure-state handling
• Performance optimization
• Multi-platform architecture
• Manifest V3 implementation
• Chrome Web Store distribution