Resources
- Install PixieBrix free — 2 min setup, create account and get Chrome Extension
If you’ve ever found a great lead on LinkedIn and then spent the next 3 minutes copying their name, title, and company into your CRM, this one’s for you.
n8n handles the enrichment and CRM push perfectly. But there’s no native way to kick it off from the browser without switching tabs, copy-pasting, and losing your place. (n8n’s own docs suggest Slack or Telegram for human-in-the-loop steps, which technically works, but come on lol.)
In this tutorial, I’ll show you how to add a sidebar directly to LinkedIn that scrapes the profile you’re viewing, prefills an n8n form with that data, and fires your workflow when you hit submit.
What you’ll end up with
-
Right-click any LinkedIn profile to open a prefilled sidebar form
-
Review and edit lead details before submitting
-
n8n fires automatically on submit: enriches the lead with Hunter.io and pushes to HubSpot (or your CRM of choice)
-
Works on any website, not just LinkedIn
What you need
-
PixieBrix — free Chrome extension, installs in 2 minutes. Think of it as the missing browser UI layer for your n8n workflows.
-
n8n (self-hosted recommended — more on this below)
-
A LinkedIn account
Heads up on n8n hosting: The sidebar iframe embed works best with self-hosted n8n forms. If you’re on n8n Cloud, the form will open in a new tab instead. Both work — just slightly different UX.
Step 1: Build your n8n form
In n8n, create a new workflow with a Form trigger. Add the fields you want to capture from the LinkedIn profile:
-
First name
-
Last name
-
Company
-
Title
-
LinkedIn URL
This form is what will appear prefilled inside the PixieBrix sidebar.
Checkpoint!
You’re ready to move on when your form is live and you can see the form URL in the trigger settings. Copy that URL — you’ll need it in Step 3.
Step 2: Build your n8n enrichment workflow
After the form submits, add actions to enrich the lead and push to your CRM. Here’s what my workflow looks like:
-
**Hunter.io node** — looks up the lead’s email address using their name and company from the form
-
HubSpot node — creates or updates the contact record with the enriched data
-
(Optional) Send Email node — fires an intro email automatically
Feel free to swap these out for whatever tools you use. The form submission is the trigger — the rest is up to you.
Step 3: Create your PixieBrix mod with AI
This is where it gets fun. PixieBrix has an AI mod builder — you just describe what you want and it builds it.
-
Navigate to any LinkedIn profile
-
Open the PixieBrix Page Editor (click the bricks that appear when you hover on the floating icon)
-
In the mod generation text area, use this prompt:
“A context menu that uses AI to find [PROPERTIES YOU WANT TO GET LIKE FIRST NAME, LAST NAME, COMPANY, ETC] on a LinkedIn profile page, then builds a URL with an n8n form and query params with those profile details, and opens a sidebar with that URL in an iframe brick.”
PixieBrix should generate a mod with roughly these bricks (comment on here and I’ll sort you out if the AI is going rogue):
-
A Context Menu brick (the right-click trigger)
-
An Extract from Page with AI brick (scrapes the profile)
-
A Render Document with iframe brick (displays the prefilled form in a sidebar)
Pro tip: You might need to chat with the AI a bit to tweak the output. If a field isn’t being scraped correctly or if it’s making the wrong query param on the form, just coach it.
Step 4: Double check n8n form URL
In the Render Document brick, find the iframe source URL field and paste in your n8n form URL from Step 1.
The AI should have asked you the base form URL and the query params you want to pass. But Double-check that the param names match your n8n form field names exactly, because this is where you’re mostly likely to have an error if you aren’t seeing the output you want.
?firstName={{@name}}&company={{@company}}and so on.
Step 5: Test it
-
Right-click on any LinkedIn profile
-
Select your mod from the context menu
-
The sidebar should open with the form prefilled with that person’s details
-
Edit anything if needed, then hit submit
-
Check your n8n execution log to confirm the workflow fired
Step 6: Save and use it anywhere
Click Save in the Page Editor. Close the editor — your mod is now live.
Right-click any LinkedIn profile and it’ll be there in your context menu. You can also use this on other sites — Apollo, a job board, a conference attendee page. Just give the AI context about what you want to scrape and it’ll adjust accordingly.
You did it!
You just built a browser-native lead capture tool that plugs directly into your n8n workflow, no extra apps, no tab switching, no copy-paste.
Troubleshooting
-
Sidebar opens but fields are empty? Check that the query param names in the iframe URL match your n8n form field names exactly.
-
n8n workflow isn’t triggering? Make sure your form is active and that the iframe URL is pointing to the correct form (not the test one!)
-
AI scraper grabbing the wrong data? Tell the AI in the Page Editor what’s wrong. Something like “the title field is picking up the wrong text, it should be the headline below the name.” It’ll fix it.
-
On n8n Cloud? The iframe embed won’t work — but you can configure the mod to open the prefilled form in a new tab instead. Same result, slightly different UX.
-
Still stuck? Drop a reply below, I’m happy to help troubleshoot. You can also activate this mod template and customize it with your form link and parameters.