Menu

Expand
Rate this page:

Call Forwarding with Ruby and Sinatra

Twilio is launching a new Console. Some screenshots on this page may show the Legacy Console and therefore may no longer be accurate. We are working to update all screenshots to reflect the new Console experience. Learn more about the new Console.

CallForward landing page

About this Application

This Sinatra application uses Twilio to connect incoming phone calls to other phone numbers based on where the caller lives. When a user dials in, we look up some information based upon their assumed location and trigger actions inside our application.

Your business might use this functionality to automatically route your customers to a regional office or to direct callers to a survey after their interaction with customer service. Our sample application connects callers to the offices of their U.S. senators.

Communication can be a powerful force for change. We’ve seen civic engagement rise as tools for civic engagement become increasingly available to an internet-connected and mobile society. In November of 2016, Emily Ellsworth shared some tips and tricks for getting your Congressperson’s attention with one big takeaway: calling works.

To run this sample app yourself, download the code and follow the README instructions on Github.

Let’s get started!

Click here to start the tutorial

Configure your Twilio Application

For this application, we’ll be using the Twilio Ruby Helper Library to help us interact with the Twilio API. Our first step is to set up a Twilio account and the Sinatra application itself.

You’ll need to get a voice-capable Twilio phone number if you don’t already have one.

We’ve provided a sample set of data that can be loaded into your local database for testing and development. In our dataset, we’ve mapped states to senators, and we’ve mapped the senators to a few Twilio phone numbers for testing rather than actual senator phone numbers. Please note: this data set will likely be out of date by the time you use it, so we recommend you roll your own if you want to get the application production-ready.

Loading Code Sample...
        
        
        helpers/db_seed_helper.rb

        Seed Database with Sample Data

        helpers/db_seed_helper.rb

        The last piece of the configuration puzzle is to create a webhook endpoint for our application to accept inbound calls. Once your database is configured and your app is up and running, go to the Twilio phone number you wish to use and configure the Voice URL to point to your application. In our sample code, the route is `/callcongress/welcome`.

        Twilio webhook configuration

        We recommend using ngrok to expose your local development environment to Twilio.

        See how we handle the request

        Handle the Inbound Twilio Request

        Our Twilio number is now configured to send HTTP requests to the /welcome endpoint on all incoming voice calls. This Twilio request arrives with some useful parameters. For our use case, we’re most concerned with fromState, as it will help us make a best guess at our caller’s state of residence.

        Loading Code Sample...
              
              
              app.rb

              Welcome route: getting data from the request

              app.rb

              In order to welcome our caller and properly direct them to their senators’ offices, we need to build out a response with TwiML.

              The TwiML Response

              Build the TwiML Response

              Since the fromState parameter comes from the user’s phone rather than their actual geolocation, we want to make sure that we direct the caller to their state of residence. Let’s break down how we build out a response that both welcomes the caller and asks for confirmation of their state of residence.

              Loading Code Sample...
                    
                    
                    app.rb

                    Build response: say hello and gather information

                    app.rb

                    We’ll start our TwiML response by reading a welcome message to the caller with <Say>. Then we use <Gather> to ask the user to confirm their state of residence by pressing 1 or 2.

                    Once Twilio gathers this information, it will POST the caller’s input to our route specified on the action parameter so that we can better route the user through our application.

                    Handle missing state information

                    Handle a Missing State

                    If for some reason the inbound request to Twilio doesn’t contain a fromState value, we need to get a little more information from the caller before we proceed.

                    Loading Code Sample...
                          
                          
                          app.rb

                          Request zip code from caller

                          app.rb

                          This code should look familiar to you. If we don’t detect a fromState we utilize <Gather> as we <Say> a message that asks for the caller’s zip code. This time we accept 5 digits (the length of a zip code) and trigger a state lookup by zip code.

                          Let's start connecting

                          Connect the Caller to their First Senator

                          Now that we know our caller’s state of residence, we can look up their senators and forward the call to the appropriate phone number.

                          Similar to the previous route, we <Say> a brief message to tell the caller that they’re being connected to a senator. Then, we <Dial> the first senator, making sure to add an action that will route the caller back to our application when the first call ends.

                          Loading Code Sample...
                                
                                
                                app.rb

                                Begin call forwarding

                                app.rb

                                The action attribute is great for redirecting a call in progress and is the backbone of our call forwarding use case.

                                However, it’s important to note that the action will only execute after the dialed party (in our case, the caller’s senator) ends the call. Twilio will continue to forward the original caller but they must stay on the line throughout the entire process.

                                Forward once more and end the call

                                Forward to the Next Senator and End the Call

                                Once the first senator ends the call with our user, the caller is forwarded to their second state senator. Just as we did in the previous route, we’ll include an action attribute that redirects the caller to a final bit of TwiML.

                                Loading Code Sample...
                                      
                                      
                                      app.rb

                                      Call second senator and end call

                                      app.rb

                                      Once the call with the second senator ends our user will hear a short message thanking them for their call. We then end the call with <Hangup>.

                                      What's next?

                                      Where to Next?

                                      That’s it! You should be able to start your development server with ngrok, dial your Twilio number, and be routed to your senators!

                                      But wait... this isn’t actually your senator’s phone number, remember? We seeded our sample application’s database with some placeholder phone numbers with lightweight TwiML endpoints, so there’s still some work to be done to flesh out this application before it’s production-ready.

                                      If your production case matches our demo's, ProPublica’s API grants access to a wealth of government data, including senators’ states and phone numbers. You may find yourself inspired to build out even more functionality for your civically engaged users.

                                      Interested in building something even bigger? See how twilio.org is helping people use messaging, voice, and video to advance their causes by connecting people and resources around the world.

                                      Whatever your use case, we hope you feel empowered to use what you've learned here to seamlessly forward your users' calls.

                                      You might also enjoy these other tutorials:

                                      Click to Call with Ruby and Rails

                                      Convert web traffic into phone calls with the click of a button.

                                      Warm Transfers with Ruby and Rails

                                      Use Twilio powered warm transfers to help your agents dial in others in real time.

                                      Did this help?

                                      Thanks for checking out this tutorial. If you have any feedback to share with us, please reach out to us on Twitter and let us know what you’re building!

                                      Hector Ortega Kat King Paul Kamp Brianna DelValle
                                      Rate this page:

                                      Need some help?

                                      We all do sometimes; code is hard. Get help now from our support team, or lean on the wisdom of the crowd by visiting Twilio's Stack Overflow Collective or browsing the Twilio tag on Stack Overflow.

                                      Loading Code Sample...
                                            
                                            
                                            

                                            Thank you for your feedback!

                                            Please select the reason(s) for your feedback. The additional information you provide helps us improve our documentation:

                                            Sending your feedback...
                                            🎉 Thank you for your feedback!
                                            Something went wrong. Please try again.

                                            Thanks for your feedback!

                                            thanks-feedback-gif