<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: X10CRM</title>
    <description>The latest articles on DEV Community by X10CRM (@x10crm).</description>
    <link>https://dev.to/x10crm</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4173470%2Fe487036d-90ce-4ace-b185-78628ad6dc2f.png</url>
      <title>DEV Community: X10CRM</title>
      <link>https://dev.to/x10crm</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/x10crm"/>
    <language>en</language>
    <item>
      <title>We Put the Phone Inside the CRM. Here’s Why.</title>
      <dc:creator>X10CRM</dc:creator>
      <pubDate>Fri, 09 Oct 2026 15:08:09 +0000</pubDate>
      <link>https://dev.to/x10crm/how-we-built-webrtc-telephony-inside-a-crm-57gc</link>
      <guid>https://dev.to/x10crm/how-we-built-webrtc-telephony-inside-a-crm-57gc</guid>
      <description>&lt;p&gt;Sales managers already have enough tabs open.&lt;/p&gt;

&lt;p&gt;CRM. Softphone. Call history. Notes. Scripts. Analytics.&lt;/p&gt;

&lt;p&gt;And somehow, during an actual call, they still need to jump between all of them.&lt;/p&gt;

&lt;p&gt;We didn’t want that in X10CRM.&lt;/p&gt;

&lt;p&gt;So we put telephony directly inside the CRM.&lt;/p&gt;

&lt;p&gt;No extra softphone. No copying numbers. No “where was that recording again?”&lt;/p&gt;

&lt;p&gt;Just open the lead and call.&lt;/p&gt;

&lt;h2&gt;
  
  
  Why WebRTC?
&lt;/h2&gt;

&lt;p&gt;Because the browser is already open.&lt;/p&gt;

&lt;p&gt;That’s basically the whole idea.&lt;/p&gt;

&lt;p&gt;With WebRTC, a manager can make and receive calls directly from the CRM without installing another app.&lt;/p&gt;

&lt;p&gt;The flow becomes simple:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;open a lead&lt;/li&gt;
&lt;li&gt;click call&lt;/li&gt;
&lt;li&gt;talk to the customer&lt;/li&gt;
&lt;li&gt;write notes&lt;/li&gt;
&lt;li&gt;finish the call&lt;/li&gt;
&lt;li&gt;keep everything in the same place&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The call history stays with the lead.&lt;/p&gt;

&lt;p&gt;The recording stays with the lead.&lt;/p&gt;

&lt;p&gt;The result stays with the lead.&lt;/p&gt;

&lt;p&gt;That sounds obvious.&lt;/p&gt;

&lt;p&gt;But once you’ve worked with sales teams, you know how much time disappears into small repetitive actions.&lt;/p&gt;

&lt;h2&gt;
  
  
  What’s Behind It
&lt;/h2&gt;

&lt;p&gt;The basic flow looks like this:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Browser
   ↓
WebRTC
   ↓
WSS / SIP
   ↓
Asterisk
   ↓
SIP Provider
   ↓
Customer
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;The browser handles the call interface.&lt;/p&gt;

&lt;p&gt;Asterisk handles routing, queues, recordings and the SIP side.&lt;/p&gt;

&lt;p&gt;The CRM connects everything back to the customer.&lt;/p&gt;

&lt;p&gt;That last part is what matters most.&lt;/p&gt;

&lt;p&gt;A phone call by itself isn’t very useful data.&lt;/p&gt;

&lt;p&gt;A phone call connected to a lead, manager, deal stage and recording is.&lt;/p&gt;

&lt;h2&gt;
  
  
  Every Call Becomes CRM Data
&lt;/h2&gt;

&lt;p&gt;When someone calls a customer, we don’t want the manager to manually write:&lt;/p&gt;

&lt;p&gt;“Called John. Talked for 3 minutes. Interested. Call back Monday.”&lt;/p&gt;

&lt;p&gt;The system already knows most of that.&lt;/p&gt;

&lt;p&gt;So we store call data automatically.&lt;/p&gt;

&lt;p&gt;For example:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight json"&gt;&lt;code&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
  &lt;/span&gt;&lt;span class="nl"&gt;"direction"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"outbound"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
  &lt;/span&gt;&lt;span class="nl"&gt;"agent_id"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="mi"&gt;42&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
  &lt;/span&gt;&lt;span class="nl"&gt;"lead_id"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="mi"&gt;1841&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
  &lt;/span&gt;&lt;span class="nl"&gt;"duration"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="mi"&gt;214&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
  &lt;/span&gt;&lt;span class="nl"&gt;"status"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"answered"&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Now the CRM knows:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;who called&lt;/li&gt;
&lt;li&gt;who answered&lt;/li&gt;
&lt;li&gt;how long the call lasted&lt;/li&gt;
&lt;li&gt;which lead it belongs to&lt;/li&gt;
&lt;li&gt;what happened next&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Less manual work.&lt;/p&gt;

&lt;p&gt;Fewer forgotten notes.&lt;/p&gt;

&lt;p&gt;Cleaner data.&lt;/p&gt;

&lt;h2&gt;
  
  
  Recordings Are Where It Gets Interesting
&lt;/h2&gt;

&lt;p&gt;We also record calls.&lt;/p&gt;

&lt;p&gt;With Asterisk, that part can be fairly straightforward:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;same =&amp;gt; n,MixMonitor(${UNIQUEID}.wav)
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;But the recording itself is only the beginning.&lt;/p&gt;

&lt;p&gt;Once you have the audio, you can do much more with it.&lt;/p&gt;

&lt;h2&gt;
  
  
  Add AI and the Call Stops Being Just Audio
&lt;/h2&gt;

&lt;p&gt;A recorded call can be:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Call
 ↓
Recording
 ↓
Transcription
 ↓
Analysis
 ↓
Useful CRM Data
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Now the system can pull out things like:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;customer objections&lt;/li&gt;
&lt;li&gt;call result&lt;/li&gt;
&lt;li&gt;important requests&lt;/li&gt;
&lt;li&gt;next steps&lt;/li&gt;
&lt;li&gt;script compliance&lt;/li&gt;
&lt;li&gt;manager performance&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;That means managers don’t have to listen to every call again.&lt;/p&gt;

&lt;p&gt;And supervisors don’t have to randomly open recordings just to understand what’s happening.&lt;/p&gt;

&lt;p&gt;The CRM can help surface the useful parts.&lt;/p&gt;

&lt;h2&gt;
  
  
  Then Comes the Autodialer
&lt;/h2&gt;

&lt;p&gt;Manual dialing is another small thing that becomes a big problem at scale.&lt;/p&gt;

&lt;p&gt;Copy number.&lt;/p&gt;

&lt;p&gt;Paste number.&lt;/p&gt;

&lt;p&gt;Click call.&lt;/p&gt;

&lt;p&gt;Wait.&lt;/p&gt;

&lt;p&gt;Repeat.&lt;/p&gt;

&lt;p&gt;Do that 100 times a day and suddenly a lot of time is gone.&lt;/p&gt;

&lt;p&gt;So the autodialer handles the boring part.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Lead Queue
   ↓
Autodialer
   ↓
Available Manager
   ↓
Call
   ↓
Result
   ↓
Next Lead
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;The manager focuses on the conversation.&lt;/p&gt;

&lt;p&gt;The system handles the repetition.&lt;/p&gt;

&lt;p&gt;That’s the kind of automation we like.&lt;/p&gt;

&lt;p&gt;Not automation for the sake of saying “AI-powered”.&lt;/p&gt;

&lt;p&gt;Automation that removes annoying work.&lt;/p&gt;

&lt;h2&gt;
  
  
  The Hard Part Isn’t Making a Call
&lt;/h2&gt;

&lt;p&gt;A browser making a call is not the hardest part.&lt;/p&gt;

&lt;p&gt;The annoying problems come after that.&lt;/p&gt;

&lt;p&gt;NAT.&lt;/p&gt;

&lt;p&gt;Firewalls.&lt;/p&gt;

&lt;p&gt;Microphone permissions.&lt;/p&gt;

&lt;p&gt;Dropped WebSocket connections.&lt;/p&gt;

&lt;p&gt;Page refreshes.&lt;/p&gt;

&lt;p&gt;Multiple tabs.&lt;/p&gt;

&lt;p&gt;Call state.&lt;/p&gt;

&lt;p&gt;Recording storage.&lt;/p&gt;

&lt;p&gt;Syncing everything back to the CRM in real time.&lt;/p&gt;

&lt;p&gt;That’s where the real engineering starts.&lt;/p&gt;

&lt;p&gt;And honestly, that’s also what makes this kind of system interesting to build.&lt;/p&gt;

&lt;h2&gt;
  
  
  Why We Built It This Way
&lt;/h2&gt;

&lt;p&gt;We could have connected X10CRM to a separate softphone and stopped there.&lt;/p&gt;

&lt;p&gt;But then the manager still has two systems.&lt;/p&gt;

&lt;p&gt;We wanted one workflow.&lt;/p&gt;

&lt;p&gt;The CRM already knows:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;who the customer is&lt;/li&gt;
&lt;li&gt;what they want&lt;/li&gt;
&lt;li&gt;who owns the lead&lt;/li&gt;
&lt;li&gt;what happened before&lt;/li&gt;
&lt;li&gt;what stage the deal is in&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Telephony adds the conversation itself.&lt;/p&gt;

&lt;p&gt;And once the call, recording, notes, AI analysis and next action all live in one place, the CRM starts feeling much less like a database.&lt;/p&gt;

&lt;p&gt;It starts feeling like an actual workspace.&lt;/p&gt;

&lt;p&gt;That’s what we’re building with &lt;strong&gt;X10CRM&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://x10crm.com" rel="noopener noreferrer"&gt;https://x10crm.com&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Final Thought
&lt;/h2&gt;

&lt;p&gt;The best CRM features are often not the flashy ones.&lt;/p&gt;

&lt;p&gt;They’re the ones that remove one click.&lt;/p&gt;

&lt;p&gt;Then another.&lt;/p&gt;

&lt;p&gt;Then another.&lt;/p&gt;

&lt;p&gt;Until the workflow simply feels easier.&lt;/p&gt;

&lt;p&gt;That’s what we wanted from telephony inside X10CRM.&lt;/p&gt;

&lt;p&gt;And there’s still a lot more we want to build.&lt;/p&gt;

</description>
      <category>architecture</category>
      <category>softwaredevelopment</category>
      <category>webdev</category>
    </item>
  </channel>
</rss>
