CINXE.COM
Exotel Developer Portal
<style> @media only screen and (max-width: 600px) { .product-search { margin-top: 0vh !important; } } </style> <!DOCTYPE html> <html lang="en" style="margin-top: 0rem !important;"> <head> <meta charset="utf-8"> <meta name="viewport" content=" initial-scale=1.0"> <title>Exotel Developer Portal</title> <meta charset="UTF-8"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/dist/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous"> <link href='https://fonts.googleapis.com/css?family=Nunito Sans' rel='stylesheet'> <meta name='robots' content='max-image-preview:large' /> <link rel='dns-prefetch' href='//fonts.googleapis.com' /> <link rel='dns-prefetch' href='//use.fontawesome.com' /> <link rel='dns-prefetch' href='//s.w.org' /> <link rel='dns-prefetch' href='//www.googletagmanager.com' /> <script type="text/javascript"> window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/13.1.0\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/13.1.0\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/developer.exotel.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=5.8.10"}}; !function(e,a,t){var n,r,o,i=a.createElement("canvas"),p=i.getContext&&i.getContext("2d");function s(e,t){var a=String.fromCharCode;p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,e),0,0);e=i.toDataURL();return p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,t),0,0),e===i.toDataURL()}function c(e){var t=a.createElement("script");t.src=e,t.defer=t.type="text/javascript",a.getElementsByTagName("head")[0].appendChild(t)}for(o=Array("flag","emoji"),t.supports={everything:!0,everythingExceptFlag:!0},r=0;r<o.length;r++)t.supports[o[r]]=function(e){if(!p||!p.fillText)return!1;switch(p.textBaseline="top",p.font="600 32px Arial",e){case"flag":return s([127987,65039,8205,9895,65039],[127987,65039,8203,9895,65039])?!1:!s([55356,56826,55356,56819],[55356,56826,8203,55356,56819])&&!s([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]);case"emoji":return!s([10084,65039,8205,55357,56613],[10084,65039,8203,55357,56613])}return!1}(o[r]),t.supports.everything=t.supports.everything&&t.supports[o[r]],"flag"!==o[r]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[o[r]]);t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&!t.supports.flag,t.DOMReady=!1,t.readyCallback=function(){t.DOMReady=!0},t.supports.everything||(n=function(){t.readyCallback()},a.addEventListener?(a.addEventListener("DOMContentLoaded",n,!1),e.addEventListener("load",n,!1)):(e.attachEvent("onload",n),a.attachEvent("onreadystatechange",function(){"complete"===a.readyState&&t.readyCallback()})),(n=t.source||{}).concatemoji?c(n.concatemoji):n.wpemoji&&n.twemoji&&(c(n.twemoji),c(n.wpemoji)))}(window,document,window._wpemojiSettings); </script> <style type="text/css"> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 .07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='wp-block-library-css' href='https://developer.exotel.com/wp-includes/css/dist/block-library/style.min.css?ver=5.8.10' type='text/css' media='all' /> <link rel='stylesheet' id='contact-form-7-css' href='https://developer.exotel.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=5.5.3' type='text/css' media='all' /> <link rel='stylesheet' id='pld-font-awesome-css' href='https://developer.exotel.com/wp-content/plugins/posts-like-dislike/css/fontawesome/css/all.min.css?ver=1.0.6' type='text/css' media='all' /> <link rel='stylesheet' id='pld-frontend-css' href='https://developer.exotel.com/wp-content/plugins/posts-like-dislike/css/pld-frontend.css?ver=1.0.6' type='text/css' media='all' /> <link rel='stylesheet' id='wp-pagenavi-css' href='https://developer.exotel.com/wp-content/plugins/wp-pagenavi/pagenavi-css.css?ver=2.70' type='text/css' media='all' /> <link rel='stylesheet' id='search-filter-plugin-styles-css' href='https://developer.exotel.com/wp-content/plugins/search-filter-pro/public/assets/css/search-filter.min.css?ver=2.5.11' type='text/css' media='all' /> <link rel='stylesheet' id='main-styles-css' href='https://developer.exotel.com/wp-content/themes/exotel/style.css?ver=1669217987' type='text/css' media='' /> <link rel='stylesheet' id='font-css' href='https://fonts.googleapis.com/css?family=Muli%3A300%2C400%2C600%2C800&ver=5.8.10' type='text/css' media='all' /> <link rel='stylesheet' id='style-css' href='https://developer.exotel.com/wp-content/themes/exotel/assets/css/styles.css?ver=5.8.10' type='text/css' media='all' /> <link rel='stylesheet' id='icons-css' href='https://use.fontawesome.com/releases/v5.0.1/css/all.css?ver=5.8.10' type='text/css' media='all' /> <script type='text/javascript' src='https://developer.exotel.com/wp-includes/js/jquery/jquery.min.js?ver=3.6.0' id='jquery-core-js'></script> <script type='text/javascript' src='https://developer.exotel.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.3.2' id='jquery-migrate-js'></script> <script type='text/javascript' id='pld-frontend-js-extra'> /* <![CDATA[ */ var pld_js_object = {"admin_ajax_url":"https:\/\/developer.exotel.com\/wp-admin\/admin-ajax.php","admin_ajax_nonce":"2ea8e33e15"}; /* ]]> */ </script> <script type='text/javascript' src='https://developer.exotel.com/wp-content/plugins/posts-like-dislike/js/pld-frontend.js?ver=1.0.6' id='pld-frontend-js'></script> <script type='text/javascript' id='search-filter-plugin-build-js-extra'> /* <![CDATA[ */ var SF_LDATA = {"ajax_url":"https:\/\/developer.exotel.com\/wp-admin\/admin-ajax.php","home_url":"https:\/\/developer.exotel.com\/","extensions":[]}; /* ]]> */ </script> <script type='text/javascript' src='https://developer.exotel.com/wp-content/plugins/search-filter-pro/public/assets/js/search-filter-build.min.js?ver=2.5.11' id='search-filter-plugin-build-js'></script> <script type='text/javascript' src='https://developer.exotel.com/wp-content/plugins/search-filter-pro/public/assets/js/chosen.jquery.min.js?ver=2.5.11' id='search-filter-plugin-chosen-js'></script> <link rel="https://api.w.org/" href="https://developer.exotel.com/wp-json/" /><link rel="alternate" type="application/json" href="https://developer.exotel.com/wp-json/wp/v2/pages/3348" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://developer.exotel.com/xmlrpc.php?rsd" /> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://developer.exotel.com/wp-includes/wlwmanifest.xml" /> <meta name="generator" content="WordPress 5.8.10" /> <link rel="canonical" href="https://developer.exotel.com/api-console/make-a-call-api" /> <link rel='shortlink' href='https://developer.exotel.com/?p=3348' /> <link rel="alternate" type="application/json+oembed" href="https://developer.exotel.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fdeveloper.exotel.com%2Fapi-console%2Fmake-a-call-api" /> <link rel="alternate" type="text/xml+oembed" href="https://developer.exotel.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fdeveloper.exotel.com%2Fapi-console%2Fmake-a-call-api&format=xml" /> <meta name="generator" content="Site Kit by Google 1.68.0" /><style></style> <!-- Google Tag Manager snippet added by Site Kit --> <script type="text/javascript"> ( function( w, d, s, l, i ) { w[l] = w[l] || []; w[l].push( {'gtm.start': new Date().getTime(), event: 'gtm.js'} ); var f = d.getElementsByTagName( s )[0], j = d.createElement( s ), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore( j, f ); } )( window, document, 'script', 'dataLayer', 'GTM-TSLF3FD' ); </script> <!-- End Google Tag Manager snippet added by Site Kit --> <link rel="icon" href="https://developer.exotel.com/wp-content/uploads/2023/04/cropped-white-bg-X-01-1-32x32.png" sizes="32x32" /> <link rel="icon" href="https://developer.exotel.com/wp-content/uploads/2023/04/cropped-white-bg-X-01-1-192x192.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://developer.exotel.com/wp-content/uploads/2023/04/cropped-white-bg-X-01-1-180x180.png" /> <meta name="msapplication-TileImage" content="https://developer.exotel.com/wp-content/uploads/2023/04/cropped-white-bg-X-01-1-270x270.png" /> <!-- Link Swiper's CSS --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.css"/> <style> html { margin-top: 0% !important; } .carousel-indicators .active{ width: 20px; } @media (min-width: 1441px){ .nav-container { width: 1170px !important; } nav ul.nav { margin-top: 0px !important; } } @media (min-width: 1200px){ .nav-container { width: 1170px !important; } nav ul.nav { margin-top: 0px !important; } } .rotateimg180 { -webkit-transform:rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .res-nav{ align-items: center; } @media only screen and (min-width: 1200px) { .res-nav{ display: flex !important; align-items: center; justify-content: center; } } .searchoverlay { height: 0%; width: 100%; position: fixed; top: 0; left: 0; background-color: white; overflow-y: hidden; transition: 0.5s; z-index: 99 !important; margin-top: 5em !important; border-bottom: 2px solid #0098FF; } .searchoverlay-content { position: relative; width: 100%; text-align: center; margin-top: 45px; } .searchoverlay .closebtn { position: absolute; top: 35px; right: 45px; font-size: 60px; opacity: 1; z-index: 999 !important; text-decoration: none !important; } .sf-field-search label input{ border-bottom: none !important; border: 1px solid #0098FF !important; } @media screen and (max-height: 450px) { .searchoverlay {overflow-y: auto;} .searchoverlay a {font-size: 20px} .searchoverlay .closebtn { font-size: 40px; top: 15px; right: 35px; opacity: 1; z-index: 999 !important; color: white !important; text-decoration: none !important; } } ::-webkit-scrollbar { width: 5px; } /* Track */ ::-webkit-scrollbar-track { box-shadow: inset 0 0 5px grey; border-radius: 5px; } /* Handle */ ::-webkit-scrollbar-thumb { background: lightgray; border-radius: 5px; } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: lightgray; } #myGlobalSearchNav{ z-index: 99 !important; } .gbl-spc{ margin-top:-2.35rem !important; } @media only screen and (max-width: 600px) { .gbl-spc{ margin-top:-1.35rem !important; } .searchoverlay-content { padding:3rem 1rem !important; } .searchoverlay .closebtn { top:0px !important; right: 10px !important; font-size: 50px !important; } } @media (min-width: 768px){ .navbar { border-radius: 0px !important; } } </style> </head> <body> <!-- Start: Over Nav --> <div id="myNav" class="overlay hidden-lg" style="overflow-y: scroll;overflow-x: hidden;z-index:9999;"> <a href="javascript:void(0)" class="closebtn " onclick="closeNav()">×</a> <div class="overlay-content slide-left hidden-lg" style="z-index:9999;" > <div style="background: #FFFF;position:absolute;width:100%;"> <div class="row" style="margin-left: 0px;margin-right: 0px;margin-top: 3px;background: #0000;"> <div class="col-md-12" style="height: 64px;padding-top: 12px;left:10px;"><img src="https://developer.exotel.com/wp-content/uploads/2019/10/ExotelDeveloper-Logo.svg" alt=""> <svg onclick="closeNav()" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="none" style="font-size: 40px;position: absolute;right: 30px;color: #0098FF;" > <a href="javascript:void(0)" class="closebtn" > <path d="M6.2253 4.81108C5.83477 4.42056 5.20161 4.42056 4.81108 4.81108C4.42056 5.20161 4.42056 5.83477 4.81108 6.2253L10.5858 12L4.81114 17.7747C4.42062 18.1652 4.42062 18.7984 4.81114 19.1889C5.20167 19.5794 5.83483 19.5794 6.22535 19.1889L12 13.4142L17.7747 19.1889C18.1652 19.5794 18.7984 19.5794 19.1889 19.1889C19.5794 18.7984 19.5794 18.1652 19.1889 17.7747L13.4142 12L19.189 6.2253C19.5795 5.83477 19.5795 5.20161 19.189 4.81108C18.7985 4.42056 18.1653 4.42056 17.7748 4.81108L12 10.5858L6.2253 4.81108Z" fill="currentColor"> </path> </a> </svg> <div style="margin-top: 29px;margin-bottom:20%"> <div class="col-md-12" style="padding-right: 0px;padding-left: 0px;"> <div><a class="btn btn-default" role="button" href="https://developer.exotel.com/" style="width: 98%;text-align: left;background: rgba(255,255,255,0);font-size: 20px;border-style: none;box-shadow: none;background: transparent;padding-left: 12px;margin-top: 10px;margin-bottom: 10px;"><span>Home</span> </a> </div> <div > <div onclick="funcollapse('collapse-1')"> <a class="btn btn-default coll" data-toggle="collapse" aria-expanded="false" aria-controls="collapse-1" href="#collapse-1" role="button" style="width: 98%;text-align: left;background: rgba(255,255,255,0);font-size: 20px;border-style: none;box-shadow: none;background: transparent;;padding-left: 12px;margin-top: 10px;margin-bottom: 10px;">API Docs <svg xmlns="http://www.w3.org/2000/svg" id="collapse-1icond" class="icond" width="1em" height="1em" viewBox="0 0 24 24" fill="none" style="font-size: 26px;position: absolute;right: 30px;transform-origin: 50% 50% rotate(90);"> <path d="M6.34317 7.75732L4.92896 9.17154L12 16.2426L19.0711 9.17157L17.6569 7.75735L12 13.4142L6.34317 7.75732Z" fill="currentColor"></path> </svg> <svg xmlns="http://www.w3.org/2000/svg" id="collapse-1iconu" class="rotateimg180 iconu" width="1em" height="1em" viewBox="0 0 24 24" fill="none" style="display:none;font-size: 26px;position: absolute;right: 30px;transform-origin: 50% 50% rotate(90);"> <path d="M6.34317 7.75732L4.92896 9.17154L12 16.2426L19.0711 9.17157L17.6569 7.75735L12 13.4142L6.34317 7.75732Z" fill="currentColor"></path> </svg> </a> </div> <div class="collapse coll-in" id="collapse-1"> <div class="container" style="padding-right: 0px;padding-left: 0px;"> <div> <div class="col-md-12" style="display: flex;flex-direction: column;flex-wrap: wrap;height: 308.156px;background: rgba(0,152,255,0.19);border-radius: 18px;border: 1px solid rgba(51,51,51,0.15);margin-right:10px;"> <h1 onclick="locachange('https://developer.exotel.com/api/make-a-call-api')" href="https://developer.exotel.com/api/make-a-call-api" style="width: 80px;font-size: 20px;text-align: left;">Voice</h1> <h1 onclick="locachange('https://developer.exotel.com/api/sms')" href="https://developer.exotel.com/api/sms" style="width: 80px;font-size: 20px;text-align: left;">SMS</h1> <h1 onclick="locachange('https://developer.exotel.com/api/exophones')" href="https://developer.exotel.com/api/exophones" style="width: 80px;font-size: 20px;text-align: left;">Exophones</h1> <h1 onclick="locachange('https://developer.exotel.com/api/heart-beat')" href="https://developer.exotel.com/api/heart-beat" style="width: 80px;font-size: 20px;text-align: left;">Heartbeat</h1> <h1 onclick="locachange('https://developer.exotel.com/api/campaigns')" href="https://developer.exotel.com/api/campaigns" style="width: 80px;font-size: 20px;text-align: left;">Call Campaigns</h1> <h1 onclick="locachange('https://developer.exotel.com/api/sms-campaigns')" href="https://developer.exotel.com/api/sms-campaigns" style="width: 80px;font-size: 20px;text-align: left;">SMS Campaigns</h1> <h1 onclick="locachange('https://developer.exotel.com/api/leadassist-greenvn')" href="https://developer.exotel.com/api/leadassist-greenvn" style="width: 80px;font-size: 20px;text-align: left;">Lead Assist</h1> <h1 onclick="locachange('https://developer.exotel.com/api/users')" href="https://developer.exotel.com/api/users" style="width: 80px;font-size: 20px;text-align: left;">Users</h1> <h1 onclick="locachange('https://developer.exotel.com/api/product-exoverify-apis')" href="https://developer.exotel.com/api/product-exoverify-apis" style="width: 80px;font-size: 20px;text-align: left;">ExoVerify</h1> <h1 onclick="locachange('https://developer.exotel.com/api/whatsapp')" href="https://developer.exotel.com/api/whatsapp" style="width: 80px;font-size: 20px;text-align: left;">Whatsapp </h1> <h1 onclick="locachange('https://developer.exotel.com/api/url-shortening')" href="https://developer.exotel.com/api/url-shortening" style="width: 80px;font-size: 20px;text-align: left;">URL shortening</h1> <h1 onclick="locachange('https://developer.exotel.com/api')" href="https://developer.exotel.com/api" style="width: 80px;font-size: 20px;text-align: left;">More...</h1> </div> </div> </div> </div> </div> <div > <div onclick="funcollapse('collapse-2')"> <a class="btn btn-default coll" data-toggle="collapse" aria-expanded="false" aria-controls="collapse-2" href="#collapse-2" role="button" style="width: 98%;text-align: left;background: rgba(255,255,255,0);font-size: 20px;border-style: none;box-shadow: none;background: transparent;;padding-left: 12px;margin-top: 10px;margin-bottom: 10px;">API Console <svg xmlns="http://www.w3.org/2000/svg" id="collapse-2icond" class="icond" width="1em" height="1em" viewBox="0 0 24 24" fill="none" style="font-size: 26px;position: absolute;right: 30px;transform-origin: 50% 50% rotate(90);"> <path d="M6.34317 7.75732L4.92896 9.17154L12 16.2426L19.0711 9.17157L17.6569 7.75735L12 13.4142L6.34317 7.75732Z" fill="currentColor"></path> </svg> <svg xmlns="http://www.w3.org/2000/svg" id="collapse-2iconu" class="rotateimg180 iconu" width="1em" height="1em" viewBox="0 0 24 24" fill="none" style="display:none;font-size: 26px;position: absolute;right: 30px;transform-origin: 50% 50% rotate(90);"> <path d="M6.34317 7.75732L4.92896 9.17154L12 16.2426L19.0711 9.17157L17.6569 7.75735L12 13.4142L6.34317 7.75732Z" fill="currentColor"></path> </svg> </a> </div> <div class="collapse coll-in" id="collapse-2"> <div class="container" style="padding-right: 0px;padding-left: 0px;"> <div> <div class="col-md-12" style="display: flex;flex-direction: column;flex-wrap: wrap;height: 308.156px;background: rgba(0,152,255,0.19);border-radius: 18px;border: 1px solid rgba(51,51,51,0.15);margin-right:10px;"> <h1 onclick="locachange('https://developer.exotel.com/api-console/make-a-call-api')" href="https://developer.exotel.com/api-console/make-a-call-api" style="width: 80px;font-size: 20px;text-align: left;">Voice</h1> <h1 onclick="locachange('https://developer.exotel.com/api-console/product-sms')" href="https://developer.exotel.com/api-console/product-sms" style="width: 80px;font-size: 20px;text-align: left;">SMS</h1> <h1 onclick="locachange('https://developer.exotel.com/api-console/exophone')" href="https://developer.exotel.com/api-console/exophone" style="width: 80px;font-size: 20px;text-align: left;">Exophones</h1> <h1 onclick="locachange('https://developer.exotel.com/api-console/heart-beat')" href="https://developer.exotel.com/api-console/heart-beat" style="width: 80px;font-size: 20px;text-align: left;">Heartbeat</h1> <h1 onclick="locachange('https://developer.exotel.com/api-console/campaigns')" href="https://developer.exotel.com/api-console/campaigns" style="width: 80px;font-size: 20px;text-align: left;">Call Campaigns</h1> <h1 onclick="locachange('https://developer.exotel.com/api-console/sms-campaigns')" href="https://developer.exotel.com/api-console/sms-campaigns" style="width: 80px;font-size: 20px;text-align: left;">SMS Campaigns</h1> <h1 onclick="locachange('https://developer.exotel.com/api-console/lead-assist-greenvn')" href="https://developer.exotel.com/api-console/lead-assist-greenvn" style="width: 80px;font-size: 20px;text-align: left;">LeadAssist</h1> <h1 onclick="locachange('https://developer.exotel.com/api-console')" href="https://developer.exotel.com/api-console" style="width: 80px;font-size: 20px;text-align: left;">More...</h1> </div> </div> </div> </div> </div> <div > <div onclick="funcollapse('collapse-3')"> <a class="btn btn-default coll" data-toggle="collapse" aria-expanded="false" aria-controls="collapse-3" href="#collapse-3" role="button" style="width: 98%;text-align: left;background: rgba(255,255,255,0);font-size: 20px;border-style: none;box-shadow: none;background: transparent;;padding-left: 12px;margin-top: 10px;margin-bottom: 10px;">Applets Docs <svg xmlns="http://www.w3.org/2000/svg" id="collapse-3icond" class="icond" width="1em" height="1em" viewBox="0 0 24 24" fill="none" style="font-size: 26px;position: absolute;right: 30px;transform-origin: 50% 50% rotate(90);"> <path d="M6.34317 7.75732L4.92896 9.17154L12 16.2426L19.0711 9.17157L17.6569 7.75735L12 13.4142L6.34317 7.75732Z" fill="currentColor"></path> </svg> <svg xmlns="http://www.w3.org/2000/svg" id="collapse-3iconu" class="rotateimg180 iconu" width="1em" height="1em" viewBox="0 0 24 24" fill="none" style="display:none;font-size: 26px;position: absolute;right: 30px;transform-origin: 50% 50% rotate(90);"> <path d="M6.34317 7.75732L4.92896 9.17154L12 16.2426L19.0711 9.17157L17.6569 7.75735L12 13.4142L6.34317 7.75732Z" fill="currentColor"></path> </svg> </a> </div> <div class="collapse coll-in" id="collapse-3"> <div class="container" style="padding-right: 0px;padding-left: 0px;"> <div> <div class="col-md-12" style="display: flex;flex-direction: column;flex-wrap: wrap;height: 308.156px;background: rgba(0,152,255,0.19);border-radius: 18px;border: 1px solid rgba(51,51,51,0.15);margin-right:10px;"> <h1 onclick="locachange('https://developer.exotel.com/applet#greeting')" href="https://developer.exotel.com/applet#greeting" style="width: 80px;font-size: 20px;text-align: left;">Greeting</h1> <h1 onclick="locachange('https://developer.exotel.com/applet#connect')" href="https://developer.exotel.com/applet#connect" style="width: 80px;font-size: 20px;text-align: left;">Connect</h1> <h1 onclick="locachange('https://developer.exotel.com/applet#passthru')" href="https://developer.exotel.com/applet#passthru" style="width: 80px;font-size: 20px;text-align: left;">Passthru</h1> <h1 onclick="locachange('hhttps://developer.exotel.com/applet#transfer')" href="hhttps://developer.exotel.com/applet#transfer" style="width: 80px;font-size: 20px;text-align: left;">Transfer</h1> <h1 onclick="locachange('https://developer.exotel.com/applet#sms')" href="https://developer.exotel.com/applet#sms" style="width: 80px;font-size: 20px;text-align: left;">SMS</h1> <h1 onclick="locachange('https://developer.exotel.com/applet#email')" href="https://developer.exotel.com/applet#email" style="width: 80px;font-size: 20px;text-align: left;">Email</h1> <h1 onclick="locachange('https://developer.exotel.com/applet')" href="https://developer.exotel.com/applet" style="width: 80px;font-size: 20px;text-align: left;">More</h1> </div> </div> </div> </div> </div> <div onclick="locachange('https://developer.exotel.com/usecases'); "> <a class="btn btn-default" role="button" style="width: 98%;text-align: left;background: rgba(255,255,255,0);font-size: 20px;border-style: none;box-shadow: none;background: transparent;padding-left: 12px;margin-top: 10px;margin-bottom: 10px;"> <span>Use Cases</span> </a> </div> <div onclick="locachange('https://developer.exotel.com/faqs'); "> <a class="btn btn-default" role="button" style="width: 98%;text-align: left;background: rgba(255,255,255,0);font-size: 20px;border-style: none;box-shadow: none;background: transparent;padding-left: 12px;margin-top: 10px;margin-bottom: 10px;"> <span>FAQs</span> </a> </div> </div> </div> </div> </div> <div class="row btp" style="text-align: center;position: fixed; bottom: 10px;width: 100%;"> <div class="col-md-3 col-xs-3 col-sm-3"> <a class="btn btn-default" role="button" target="_blank" href="https://my.exotel.com/auth/register" style="width: 200px;height: 56px;border-radius: 10px;font-size: 14px;padding: 17px 22px;padding-left: 32px;padding-right: 32px;color:rgb(255,255,255);background:#0098FF;"> Create Account</a> </div> </div> </div> </div> </div> <!-- Start: over Nav --> <!-- Start: Navigation --> <nav class="navbar navbar-default navigation-clean-button npanel" style="background: rgb(0,152,255);position:fixed;z-index:102;width:100%; border:none;padding-top: 3px;"> <div class="nav-container container"> <div class="navbar-header navicon"> <a class="navbar-brand ico" href="/" style="padding: 15px;margin-bottom: 0px;position:absolute;left:70px;top:4px"><img src="https://developer.exotel.com/wp-content/uploads/2023/04/exotel-developers-01-1.png" alt="" height="36" /></a> <button class="navbar-toggle visible-md visible-sm visible-xs collapsed text-right" onclick="openNav()" data-target="#navcol-5" style="border-style: none;text-align: right;position:absolute;right:0px;top: 2px;"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar" style="height:4px;width: 24px;background-color: #FFF;"></span> <span class="icon-bar" style="height:4px;width: 16px;background-color: #FFF;margin-left:8px;"></span> <span class="text-right icon-bar" style="height:4px;width: 10px;background-color: #FFF;margin-left:14px;"></span> </button> <button id="search_icon" onclick="openGlobalNav()" class="navbar-toggle visible-md visible-sm visible-xs collapsed text-right " data-target="#navcol-5" style="border-style: none;text-align: right; position:absolute;right:40px;top:-0px;background: transparent;"> <svg xmlns="http://www.w3.org/2000/svg" width="32.243" height="25" viewBox="0 0 32.243 32.243"> <path id="Icon_material-search" data-name="Icon material-search" d="M27.544,24.779H26.088l-.516-.5a12,12,0,1,0-1.29,1.29l.5.516v1.456L34,36.743,36.743,34Zm-11.061,0a8.3,8.3,0,1,1,8.3-8.3A8.285,8.285,0,0,1,16.483,24.779Z" transform="translate(-4.5 -4.5)" fill="#fff"/> </svg> </button> </div> <div class="collapse navbar-collapse" id="navcol-5" style="background:#0098ff;" > <ul class="nav navbar-nav hidden-md hidden-sm " style="background:#0098ff;position:relative;margin-right: 20%;margin-left:20%;padding-top:0px;margin-bottom:0px"> <!-- <li id="home" class="active" onclick="locachange('/');" style="background:#0098ff;" ><a style="background:rgb(255, 255, 255,0);"><span style="color: rgb(255, 255, 255);padding-bottom:8px">Home</span></a></li> --> <li class="dropdown navl" style="background:#0098ff;" onclick="locachange('https://developer.exotel.com/api'); "><a class="dropdown-toggle" aria-expanded="false" data-toggle="dropdown" href="https://developer.exotel.com/api" ><span style="color: rgb(255, 255, 255);;font-size: 16px;">API Docs</span></a> <ul class="dropdown-menu"> <li onclick="locachange('https://developer.exotel.com/api/make-a-call-api')"><a href="https://developer.exotel.com/api/make-a-call-api">Voice</a></li> <li onclick="locachange('https://developer.exotel.com/api/sms')"><a href="https://developer.exotel.com/api/sms">SMS</a></li> <li onclick="locachange('https://developer.exotel.com/api/exophones')"><a href="https://developer.exotel.com/api/exophones">Exophones</a></li> <li onclick="locachange('https://developer.exotel.com/api/heart-beat')"><a href="https://developer.exotel.com/api/heart-beat">Heartbeat</a></li> <li onclick="locachange('https://developer.exotel.com/api/campaigns')"><a href="https://developer.exotel.com/api/campaigns">Call Campaigns</a></li> <li onclick="locachange('https://developer.exotel.com/api/sms-campaigns')"><a href="https://developer.exotel.com/api/sms-campaigns">SMS Campaigns</a></li> <li onclick="locachange('https://developer.exotel.com/api/leadassist-greenvn')"><a href="https://developer.exotel.com/api/leadassist-greenvn">Lead Assist</a></li> <li onclick="locachange('https://developer.exotel.com/api/users')"><a href="https://developer.exotel.com/api/users">Users</a></li> <li onclick="locachange('https://developer.exotel.com/api/product-exoverify-apis')"><a href="https://developer.exotel.com/api/product-exoverify-apis">ExoVerify</a></li> <li onclick="locachange('https://developer.exotel.com/api/whatsapp')"><a href="https://developer.exotel.com/api/whatsapp">Whatsapp </a></li> <li onclick="locachange('https://developer.exotel.com/api/url-shortening')"><a href="https://developer.exotel.com/api/url-shortening">URL shortening</a></li> <li onclick="locachange('https://developer.exotel.com/api')"><a href="https://developer.exotel.com/api">More...</a></li> </ul> </li> <li class="dropdown navl" style="background:#0098ff;" onclick="locachange('https://developer.exotel.com/api-console'); "><a class="dropdown-toggle" aria-expanded="false" data-toggle="dropdown" href="https://developer.exotel.com/api-console" ><span style="color: rgb(255, 255, 255);;font-size: 16px;">API Console</span></a> <ul class="dropdown-menu"> <li onclick="locachange('https://developer.exotel.com/api-console/make-a-call-api')"><a href="https://developer.exotel.com/api-console/make-a-call-api">Voice</a></li> <li onclick="locachange('https://developer.exotel.com/api-console/product-sms')"><a href="https://developer.exotel.com/api-console/product-sms">SMS</a></li> <li onclick="locachange('https://developer.exotel.com/api-console/exophone')"><a href="https://developer.exotel.com/api-console/exophone">Exophones</a></li> <li onclick="locachange('https://developer.exotel.com/api-console/heart-beat')"><a href="https://developer.exotel.com/api-console/heart-beat">Heartbeat</a></li> <li onclick="locachange('https://developer.exotel.com/api-console/campaigns')"><a href="https://developer.exotel.com/api-console/campaigns">Call Campaigns</a></li> <li onclick="locachange('https://developer.exotel.com/api-console/sms-campaigns')"><a href="https://developer.exotel.com/api-console/sms-campaigns">SMS Campaigns</a></li> <li onclick="locachange('https://developer.exotel.com/api-console/lead-assist-greenvn')"><a href="https://developer.exotel.com/api-console/lead-assist-greenvn">LeadAssist</a></li> <li onclick="locachange('https://developer.exotel.com/api-console')"><a href="https://developer.exotel.com/api-console">More...</a></li> </ul> </li> <li class="dropdown navl" style="background:#0098ff;" onclick="locachange('https://developer.exotel.com/applet'); "><a class="dropdown-toggle" aria-expanded="false" data-toggle="dropdown" href="https://developer.exotel.com/applet" ><span style="color: rgb(255, 255, 255);;font-size: 16px;">Applets Docs</span></a> <ul class="dropdown-menu"> <li onclick="locachange('https://developer.exotel.com/applet#greeting')"><a href="https://developer.exotel.com/applet#greeting">Greeting</a></li> <li onclick="locachange('https://developer.exotel.com/applet#connect')"><a href="https://developer.exotel.com/applet#connect">Connect</a></li> <li onclick="locachange('https://developer.exotel.com/applet#passthru')"><a href="https://developer.exotel.com/applet#passthru">Passthru</a></li> <li onclick="locachange('hhttps://developer.exotel.com/applet#transfer')"><a href="hhttps://developer.exotel.com/applet#transfer">Transfer</a></li> <li onclick="locachange('https://developer.exotel.com/applet#sms')"><a href="https://developer.exotel.com/applet#sms">SMS</a></li> <li onclick="locachange('https://developer.exotel.com/applet#email')"><a href="https://developer.exotel.com/applet#email">Email</a></li> <li onclick="locachange('https://developer.exotel.com/applet')"><a href="https://developer.exotel.com/applet">More</a></li> </ul> </li> <li class="dropdown navl" style="background:#0098ff;" onclick="locachange('https://developer.exotel.com/usecases'); "><a class="dropdown-toggle" aria-expanded="false" data-toggle="dropdown" href="https://developer.exotel.com/usecases" ><span style="color: rgb(255, 255, 255);;font-size: 16px;">Use Cases</span></a> </li> <li class="dropdown navl" style="background:#0098ff;" onclick="locachange('https://developer.exotel.com/faqs'); "><a class="dropdown-toggle" aria-expanded="false" data-toggle="dropdown" href="https://developer.exotel.com/faqs" ><span style="color: rgb(255, 255, 255);;font-size: 16px;">FAQs</span></a> </li> </ul><!-- Start: Actions --> <button id="search_icon2" onclick="openGlobalNav()" class="visible-lg collapsed text-right " data-target="#navcol-5" style="border-style: none;text-align: right; position:absolute;right: 310px;top: 25px; background-color: transparent !important;opacity:1; "> <svg xmlns="http://www.w3.org/2000/svg" width="32.243" height="25" viewBox="0 0 32.243 32.243"> <path id="Icon_material-search" data-name="Icon material-search" d="M27.544,24.779H26.088l-.516-.5a12,12,0,1,0-1.29,1.29l.5.516v1.456L34,36.743,36.743,34Zm-11.061,0a8.3,8.3,0,1,1,8.3-8.3A8.285,8.285,0,0,1,16.483,24.779Z" transform="translate(-4.5 -4.5)" fill="#fff"/> </svg> </button> <p class="navbar-text navbar-right hidden-md hidden-sm actions" style="position: absolute;right: 100px;top:10px;"> <a class="btn btn-default action-button" target="_blank" role="button" href="https://my.exotel.com/auth/register" style="width: 200px;border-radius: 8px;font-size: 16px;padding: 10px 22px;color: #0098FF;background: rgb(255,255,255);font-weight:600;">Create Account</a> </p> <!-- End: Actions --> </div> </div> </nav><!-- End: Navigation --> <div id="myGlobalSearchNav" class="searchoverlay"> <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> <div class="searchoverlay-content"> <form data-sf-form-id='6277' data-is-rtl='0' data-maintain-state='' data-ajax-url='https://developer.exotel.com/?sfid=6277&sf_action=get_data&sf_data=all' data-ajax-form-url='https://developer.exotel.com/?sfid=6277&sf_action=get_data&sf_data=form' data-display-result-method='shortcode' data-use-history-api='1' data-template-loaded='0' data-lang-code='en' data-ajax='1' data-ajax-data-type='json' data-ajax-links-selector='.pagination a' data-ajax-target='#search-filter-results-6277' data-ajax-pagination-type='normal' data-scroll-to-pos='0' data-init-paged='1' data-auto-update='1' data-auto-count='1' data-auto-count-refresh-mode='1' action='' method='post' class='searchandfilter' id='search-filter-form-6277' autocomplete='off' data-instance-count='1'><ul><li class="sf-field-search" data-sf-field-name="search" data-sf-field-type="search" data-sf-field-input-type=""> <label><span class="screen-reader-text">global-search</span><input placeholder="Seach Exotel documentation... try "Send SMS"" name="_sf_search[]" class="sf-input-text" type="text" value="" title="global-search"></label> </li></ul></form> <div id="search-result-global"> <div id="search-recent-global" class="search-container container dropdown-s gbl-spc" style="border-top: 2px solid #d3d3d382;display:none;padding-bottom:18px;padding: 0rem 1rem 0rem 1rem; border-color:1px solid #C1CDDC; border-top: none;box-shadow: 0px 3px 16px #0098FF29;"> <div style="background-color:#fff;margin-top:10px;text-align: left;padding: 0rem 1rem 0rem 1rem;"> <p>Recent search</p> </div> <div class="search-selection" style="background-color:#fff;text-align: left;width:100%;margin-bottom: 12px;padding: 1rem;" onclick="memo('3348','https://developer.exotel.com/api-console/make-a-call-api')"> <div style="display: flex;justify-content: space-between;"> <p class="shr-title">Product-Voice</p> </div> <p class="shr-descr" style="height:15px;"> </p> </div> <div style="background-color:#fff;display: flex;justify-content: center;"> <p> <a id="viewMore" style="text-align:center;font-size:18px; color: #0098FF; font-weight: bold;margin-bottom:5px;">Advanced Search</a> </p> </div> </div> <div id="search-found-result" style="display:none;"> <div class="search-filter-results" id="search-filter-results-6277"><style> .box-result { background: #D6E4F078; width: 100%; margin: auto; padding: 2rem; } .sf-field-search label input { display: block; max-width: 640px !important; margin: auto; height: 4rem; border-radius: 2px 2px 0px 0px !important; text-align:left !important; padding-left: 2rem; border-bottom: none; } .dropdown-s{ background-color:#fff; display:block; z-index:100; overflow-y: scroll; max-height: 42rem; margin-top: -14px; margin-left: 15px; width: 640px; position: absolute; left: 0; right: 0; margin: 0 auto; } .src-spc{ margin-top: -24px !important; } .search-selection:hover{ background-color: #b9d5ff29 !important; } @media (max-width:769px) { .dropdown-s{ width: 100%; margin: auto; position: relative; } } @media only screen and (max-width: 600px) { .src-spc{ margin-top: -24px !important; } } input[type=text]:focus { outline: 1px solid #0098FF !important; border: 1px solid #0098FF; border-top: none; border-bottom: none; box-shadow: 0px 3px 16px #0098FF29; } input[type=text]{ box-shadow: 0px 3px 16px #0098FF29; border: 1px solid #0098FF; } </style> <div> <div id="dy_search" class="search-container container dropdown-s src-spc" style="border-top: 2px solid #d3d3d382;padding-bottom:18px;border-top:none;border: 1px solid #0098FF !important; box-shadow: 0px 3px 16px #0098FF29;"> <div style="background-color:#fff;margin-top:10px;padding: 0rem 0.5rem;text-align: left;"> <p> 233 results found</p> </div> <div class="context firstFAQ search-selection" onclick="memo('7949','https://developer.exotel.com/api/rcs-send-rcs-template-message');" style="background-color:#fff;text-align: left;cursor:pointer;padding: 5px;"> <div style="display: flex;justify-content: space-between;margin:0px; "> <p class="shr-title"> Send RCS Template Message </p> <p style="background:#96A5B8;color:#FFFFFF;padding: 2px 4px;border-radius:5px;margin-right: 10px;height: 2.6rem;"> API </p> </div> <p class="shr-descr" style="height:15px;"> </p> </div> <div class="context firstFAQ search-selection" onclick="memo('7900','https://developer.exotel.com/api/receive-outbound-call-notifications');" style="background-color:#fff;text-align: left;cursor:pointer;padding: 5px;"> <div style="display: flex;justify-content: space-between;margin:0px; "> <p class="shr-title"> Receive Outbound Call Notifications </p> <p style="background:#96A5B8;color:#FFFFFF;padding: 2px 4px;border-radius:5px;margin-right: 10px;height: 2.6rem;"> API </p> </div> <p class="shr-descr" style="height:15px;"> </p> </div> <div class="context firstFAQ search-selection" onclick="memo('7871','https://developer.exotel.com/api/error-code');" style="background-color:#fff;text-align: left;cursor:pointer;padding: 5px;"> <div style="display: flex;justify-content: space-between;margin:0px; "> <p class="shr-title"> WhatsApp Error Code </p> <p style="background:#96A5B8;color:#FFFFFF;padding: 2px 4px;border-radius:5px;margin-right: 10px;height: 2.6rem;"> API </p> </div> <p class="shr-descr" style="height:15px;"> </p> </div> <div class="context firstFAQ search-selection" onclick="memo('6935','https://developer.exotel.com/api/send-sms-2');" style="background-color:#fff;text-align: left;cursor:pointer;padding: 5px;"> <div style="display: flex;justify-content: space-between;margin:0px; "> <p class="shr-title"> Send SMS </p> <p style="background:#96A5B8;color:#FFFFFF;padding: 2px 4px;border-radius:5px;margin-right: 10px;height: 2.6rem;"> API </p> </div> <p class="shr-descr" style="height:15px;"> </p> </div> <div class="context firstFAQ search-selection" onclick="memo('7735','https://developer.exotel.com/api/exomind-tasker-api');" style="background-color:#fff;text-align: left;cursor:pointer;padding: 5px;"> <div style="display: flex;justify-content: space-between;margin:0px; "> <p class="shr-title"> ExoMind Tasker API </p> <p style="background:#96A5B8;color:#FFFFFF;padding: 2px 4px;border-radius:5px;margin-right: 10px;height: 2.6rem;"> API </p> </div> <p class="shr-descr" style="height:15px;"> </p> </div> <div class="context firstFAQ" onclick="" style="background-color:#fff;display: flex;justify-content: center;"> <p> <a id="viewMore1" style="text-align:center;font-size:16px;color: #0098FF;font-weight: bold;margin-bottom:5px;">Advanced Search</a> </p> </div> </div> </div> <script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script> var markInstance = new Mark(document.querySelector(".search-filter-results")); // Cache DOM elements var data=[]; var keywordInput = document.querySelector("input[name='_sf_search[]']"); if(window.localStorage.getItem("hist")!==null){ data=JSON.parse(window.localStorage.getItem("hist")); } function memo(a,redirectUrl){ if(data.includes(a)){ let x=data.indexOf(a); data.splice(x, 1); } data=[a,...data] console.log(data); if(data.length>5){data.pop()} window.localStorage.setItem("hist",JSON.stringify(data)); data=JSON.parse(JSON.stringify(data)); console.log(data); var d = new Date(); d.setTime(d.getTime() + (1*24*60*60*1000)); var expires = "expires="+ d.toUTCString(); document.cookie = 'cook' + "=" + cook+ ";" + expires + ";path=/"; console.log('exop' + redirectUrl); window.location=redirectUrl; } var cook = localStorage.getItem("hist"); console.log(cook); var d = new Date(); d.setTime(d.getTime() + (1*24*60*60*1000)); var expires = "expires="+ d.toUTCString(); document.cookie = 'cook' + "=" + cook+ ";" + expires + ";path=/"; function performMark() { // Read the keyword var keyword = keywordInput.value; // Remove previous marked elements and mark // the new keyword inside the context if(keyword.length>1) { markInstance.unmark({ done: function() { markInstance.mark(keyword); } }); } }; (function ( $ ) { "use strict"; $(document).on("sf:ajaxstart", ".searchandfilter", function(){ console.log("ajax start"); $("#search-recent-global").css("display", "none"); }); $(document).on("sf:ajaxfinish", ".searchandfilter", function(){ console.log("ajax complete"); var keyword = keywordInput.value; if(keyword.length>0) { $("#search-found-result").css("display", ""); } else{ $("#search-recent-global").css("display", ""); $("#search-found-result").css("display", "none"); } //so load your lightbox or JS scripts here again }); }(jQuery)); function ser_recent(){ var keyword = keywordInput.value; if(keyword.length===0) { $('#search-recent-global').fadeIn("slow"); $("#search-recent-global").css("display", "block"); } if(keyword.length>=1) { $('#search-found-result').fadeIn("slow"); $("#search-found-result").css("display", "block"); } } // document.querySelector('#search-filter-form-6277').addEventListener("focusin", // function(){ // console.log('sdsd'); // ser_recent() // } // ); // document.querySelector('#search-filter-form-6277').addEventListener('focusout', function(event) { // console.log(event) // // $("#search-found-result").css("display", "none"); // // // console.log('sdsd') // // if(event.relatedTarget==null){ // // $("#search-recent-global").css("display", "none"); // // } // }); window.addEventListener('click', function(e){ if (document.getElementById('search-filter-form-6277').contains(e.target)){ ser_recent(); } }); keywordInput.addEventListener("input", performMark); a = document.getElementById('viewMore'); a.setAttribute("href", "https://developer.exotel.com/advance-search?_sf_s="+keywordInput.value); a = document.getElementById('viewMore1'); a.setAttribute("href", "https://developer.exotel.com/advance-search?_sf_s="+keywordInput.value); setTimeout(function() { performMark(); }, 1000); </script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> </div> </div> </div> </div> </div> </div> <script> function locachange(a){ window.location.href=a; } let pageurl= window.location.href; if(document.querySelectorAll([".navbar-nav a[href='" + pageurl + "'"])[0]){ document.querySelectorAll([".navbar-nav a[href='" + pageurl + "'"])[0].classList.add('currentMenu') } function openNavser() { //document.getElementById("myNavSer").style.display = "block"; let pageurl= window.location.href; window.location.href=pageurl+'advance-search'; } function closeNavser() { document.getElementById("myNavSer").style.display = "none"; } function openNav() { document.getElementById("myNav").style.display = "block"; } function openGlobalNav() { document.getElementById("myGlobalSearchNav").style.height = "75%"; document.getElementById("search_icon2").style.display = "none"; $('#search_icon2').css("opacity","0"); setTimeout(function() { $('#search-recent-global').fadeIn("slow"); $("#search-recent-global").css("display", ""); $("input[name='_sf_search[]']").focus() }, 500); } function closeNav() { document.getElementById("myGlobalSearchNav").style.height = "0%"; document.getElementById("myNav").style.display = "none"; $("#search-recent-global").css("display", "none"); $('#search_icon2').css("opacity","1"); } </script> <meta name='robots' content='max-image-preview:large' /> <link rel='dns-prefetch' href='//fonts.googleapis.com' /> <link rel='dns-prefetch' href='//use.fontawesome.com' /> <link rel='dns-prefetch' href='//s.w.org' /> <link rel='dns-prefetch' href='//www.googletagmanager.com' /> <script type='text/javascript' src='https://developer.exotel.com/wp-includes/js/wp-embed.min.js?ver=5.8.10' id='wp-embed-js'></script> <link rel="https://api.w.org/" href="https://developer.exotel.com/wp-json/" /><link rel="alternate" type="application/json" href="https://developer.exotel.com/wp-json/wp/v2/pages/3348" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://developer.exotel.com/xmlrpc.php?rsd" /> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://developer.exotel.com/wp-includes/wlwmanifest.xml" /> <meta name="generator" content="WordPress 5.8.10" /> <link rel="canonical" href="https://developer.exotel.com/api-console/make-a-call-api" /> <link rel='shortlink' href='https://developer.exotel.com/?p=3348' /> <link rel="alternate" type="application/json+oembed" href="https://developer.exotel.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fdeveloper.exotel.com%2Fapi-console%2Fmake-a-call-api" /> <link rel="alternate" type="text/xml+oembed" href="https://developer.exotel.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fdeveloper.exotel.com%2Fapi-console%2Fmake-a-call-api&format=xml" /> <meta name="generator" content="Site Kit by Google 1.68.0" /><style></style> <!-- Google Tag Manager snippet added by Site Kit --> <script type="text/javascript"> ( function( w, d, s, l, i ) { w[l] = w[l] || []; w[l].push( {'gtm.start': new Date().getTime(), event: 'gtm.js'} ); var f = d.getElementsByTagName( s )[0], j = d.createElement( s ), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore( j, f ); } )( window, document, 'script', 'dataLayer', 'GTM-TSLF3FD' ); </script> <!-- End Google Tag Manager snippet added by Site Kit --> <link rel="icon" href="https://developer.exotel.com/wp-content/uploads/2023/04/cropped-white-bg-X-01-1-32x32.png" sizes="32x32" /> <link rel="icon" href="https://developer.exotel.com/wp-content/uploads/2023/04/cropped-white-bg-X-01-1-192x192.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://developer.exotel.com/wp-content/uploads/2023/04/cropped-white-bg-X-01-1-180x180.png" /> <meta name="msapplication-TileImage" content="https://developer.exotel.com/wp-content/uploads/2023/04/cropped-white-bg-X-01-1-270x270.png" /> <div class="container row"> <div class="col-md-4 col-sm-3 sidebar add-ps-scrollbar"> <div class="search product-search"> <div class="col-lg-12 Selectbar"> <label>Please choose your relevant Product </label> <select id="productSelect" class="form-control product-select" name="item"> <option class="doc-list-heading noSelect" data-url="/api-console" value="/api-console"> Select the product </option> <option class="doc-list-heading noSelect" data-url="/api-console/make-a-call-api" value="/api-console/make-a-call-api"> Voice </option> <option class="doc-list-heading noSelect" data-url="/api-console/product-sms" value="/api-console/product-sms"> SMS </option> <option class="doc-list-heading noSelect" data-url="/api-console/exophone" value="/api-console/exophone"> Exophones </option> <option class="doc-list-heading noSelect" data-url="/api-console/heart-beat" value="/api-console/heart-beat"> Heartbeat </option> <option class="doc-list-heading noSelect" data-url="/api-console/campaigns" value="/api-console/campaigns"> Campaigns </option> <option class="doc-list-heading noSelect" data-url="/api-console/sms-campaigns" value="/api-console/sms-campaigns"> SMS Campaigns </option> <option class="doc-list-heading noSelect" data-url="/api-console/campaigns-contacts" value="/api-console/campaigns-contacts"> Campaigns-contacts </option> <option class="doc-list-heading noSelect" data-url="/api-console/campaigns-lists" value="/api-console/campaigns-lists"> Campaigns- Lists </option> <option class="doc-list-heading noSelect" data-url="/api-console/lead-assist-greenvn" value="/api-console/lead-assist-greenvn"> ExoBridge (Lead Assist) - GreenVN </option> <option class="doc-list-heading noSelect" data-url="/api-console/lead-assist-greenpin" value="/api-console/lead-assist-greenpin"> ExoBridge (Lead Assist) - GreenPin </option> <option class="doc-list-heading noSelect" data-url="/api-console/lead-assist-settings" value="/api-console/lead-assist-settings"> ExoBridge (Lead Assist) - Settings </option> </select> </div> <div class="collpase in"> <div class="sidemenu"> <li id="item1"> <div class="collpase in list-heading"> <ul class="list-item"> <li class="noSelect" id="menu-options"> <a href="#call-agent" class="applet-sidebar-menu-section" onclick="showParticularPanel('#collapse1')"> Outgoing call to connect two numbers </a> </li> <li class="noSelect" id="menu-options"> <a href="#call-customer" class="applet-sidebar-menu-section" onclick="showParticularPanel('#collapse2')"> Outgoing call to connect number to a call flow </a> </li> <li class="noSelect" id="menu-options"> <a href="#Calldetails" class="applet-sidebar-menu-section" onclick="showParticularPanel('#collapse3')"> Call Details </a> </li> <li class="noSelect" id="menu-options"> <a href="#BulkCallDetails" class="applet-sidebar-menu-section" onclick="showParticularPanel('#collapse4')"> Bulk Call Details </a> <sup class="beta-sup">Beta</sup> </li> <li class="noSelect" id="menu-options"> <a href="#NumberMetadata" class="applet-sidebar-menu-section" onclick="showParticularPanel('#collapse5')"> Number Metadata </a> </li> </ul> </div> </li> </div> </div> </div> </div> </div> <div class="row"> <div class="content col-md-7 col-md-offset-4 col-sm-9 col-sm-offset-3 auth-panel"> <div> <div class="row" id=beforeAuth> <div class="col-lg-8" style="display:flex"> <img src="https://developer.exotel.com/wp-content/themes/exotel/assets/images/custom-images/key.svg" style="width: 45px;height: 30px;margin:0px 10px" /> <h5>API authentication required</h5> </div> <div class="col-lg-4"> <button type="button" class=" navbar-right btn-success" style="margin-right:0px;padding:5px;border-radius: 5px;float: right;" data-toggle="collapse" href="#authCollapse" id="panelClosed" onclick="toggleButton('open')"> <img src="https://developer.exotel.com/wp-content/themes/exotel/assets/images/custom-images/lock-open.svg" style="width:20px;height:20px;margin:0px 5px;"> Authorize</button> <div id="panelOpened" style="display:none"> <button type="button" class=" navbar-right closebutton" onclick="toggleButton('close')" style="margin-right:0px;padding:5px;float: right" data-toggle="collapse" href="#authCollapse">X</button> </div> </div> </div> <div class="row" id=afterAuth style="display:none"> <div class="col-lg-8" style="display:flex"> <img src="https://developer.exotel.com/wp-content/themes/exotel/assets/images/custom-images/check.svg" style="width: 45px;height: 30px;margin:0px 10px"> <h5>API authentication added</h5> </div> <div class="col-lg-4"> <div class="need-access"> <a style="text-decoration: none;" data-toggle="collapse" href="#authCollapse" onclick="modifyAccess()"> Modify Access</a> </div> </div> </div> </div> <div class="auth-header"> <div id="authCollapse" class="panel-collapse collapse"> <!-- <h5> API console Authentication</h5> --> <form id="loginForm" name="apiAuthForm" style="margin-top: 10px;"> <div class="row"> <div class="col-lg-7"> <div class="col-lg-6"> <div class="form-group"> <label>Enter API Key </label> <div class="input-group" id="show_hide_password"> <input type="password" name="apikey" id="apikey" class="form-control" placeholder="API Key"> <div class="input-group-addon" style="cursor:pointer;"> <i class="fa fa-eye-slash" id="toggleKey" aria-hidden="true"></i> </div> </div> <span class="red" id="error-apikey"></span> </div> </div> <div class="col-lg-6"> <div class="form-group"> <label>Enter API Token</label> <div class="input-group" id="show_hide_password"> <input type="password" name="apiToken" id="apiToken" class="form-control" placeholder="API Token"> <div class="input-group-addon" style="cursor:pointer;"> <i class="fa fa-eye-slash" id="togglePassword" aria-hidden="true"></i> </div> </div> <span class="red" id="error-apiToken"></span> </div> </div> <div class="col-lg-6"> <label>Select Subdomain </label> <select id="subdomain" class="form-control"> <option value="@api.exotel.com">@api.exotel.com</option> <option value="@api.in.exotel.com">@api.in.exotel.com</option> </select> <span class="red" id="error-subdomain"></span> </div> <div class=" col-lg-6"> <label>Account SID </label> <div class="form-group"> <input type="text" name="accountSID" id="accountSID" class="form-control" placeholder="Account SID"> <span class="red" id="error-accountSID"></span> </div> </div> </div> <div class="col-lg-2 " id="authButton" onclick="validateAuth()"> <div class="auth-layout"> <a style="cursor: pointer;"> <img src="https://developer.exotel.com/wp-content/themes/exotel/assets/images/custom-images/login.svg"/> <h5> Authorize Access </h5> </a> </div> </div> <div class="col-lg-2 " id="logoutButton" onclick="logoutAuth()" style="display:none"> <div class="auth-layout"> <a style="cursor: pointer;" id="logoutButton"> <img src="https://developer.exotel.com/wp-content/themes/exotel/assets/images/custom-images/logout.svg"/> <h5> Logout </h5> </a> </div> </div> <div class="col-lg-3 "> <div class="need-access"> <h5>Need API Access? </h5> <p> Please use <a href="https://my.exotel.com/auth/register" target="_blank"> ‘Create Account’ </a> to quickly register and start exploring our APIs </p> </div> </div> </div> </form> </div> </div> </div> <div class="content col-md-8 col-md-offset-4 col-sm-9 col-sm-offset-3" style="margin-top:0rem" id="sectionLayout"> <section class="sectionClass" id="call-agent"> <div class="panel-group" id='accordion1' role="tablist" aria-multiselectable="true"> <div class="panel panel-default"> <div class="panel-heading" role="tab" id="headingOne1" style="display:flex"> <a role="button" data-toggle="collapse" data-parent="#accordion1" href="#collapse1" aria-controls="#collapse1" aria-expanded="false"> <i class="icon-right pull-right"> <img src="https://developer.exotel.com/wp-content/themes/exotel/assets/images/custom-images/cheveron-right.svg"/> </i> <i class="icon-down pull-right"> <img src="https://developer.exotel.com/wp-content/themes/exotel/assets/images/custom-images/openIcon.svg"/> </i> </a> <h1 class="panel-title"> Outgoing call to connect two numbers </h1> <a href="https://developer.exotel.com/api/make-a-call-api#call-agent" class="apidoclink" target="_blank"> Open in API docs </a> </div> <div id='collapse1' class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne1"> <div class="panel-body"> <form name="form1" id="submitDataForm_1" id=""> <div class="well"> <span class="post">POST</span> <p class="copy-text"> <span id="copyitem_1">https://<your_api_key>:<your_api_token><subdomain>/v1/Accounts/<your_sid>/Calls/connect </span> <input type="text" name="apiMethod" hidden value="post"> <input type="text" name="tryoutApi" hidden value="https://<subdomain>/v1/Accounts/<your_sid>/Calls/connect<json>"> <button class="copy-button" id="btn_1" onclick="copyFunction(event,'copyitem_1','btn_1')">Copy</button> </p> </div> <div class="wrapper-list"> <p>This API will connect two numbers. It connects <b>From</b> Number first. Once the person at the <b>From</b> end picks up the phone, it will connect to the number provided as <b>To</b>. You can choose which number should be connected first by adding that number in the <b>From</b> field. An HTTP POST request is made to</p> </div> <div class="wrapper-list"> </div> <div class="parameter" style="display:flex;margin-top: 5px;"> <div style="margin-top: 5px;"> Parameter </div> <div style="margin-left:auto;order:2"> <button type="button" onclick="clearParameters('1')" class="clearbutton"> Clear All </button> </div> </div> <div class="row"> <div class="col-lg-12"> <div class="row form-row" style="display:flex"> <div class="col-xs-3 col-lg-4"> <h5 class="sub-title"> Name </h5> </div> <div class="col-xs-3 col-lg-4"> <h5 class="sub-title">Value </h5> </div> <div class="col-xs-3 col-lg-4"> <h5 class="sub-title">Description</h5> </div> </div> <div class="parameterValue"> <div class="row form-row"> <div class="col-lg-4 col-xs-4"> <h5 class="star-align"> <span class="mandatory"> * </span> From </h5> <span class="para-type">formData</span> </div> <div class="col-lg-4 col-xs-8 show "> <input type="text" class="form-control cancel" name=From alt=formData required> </div> <div class="col-lg-4 col-xs-8 hidden"> <div style="display:flex;"> <div class="fileuploadElement file-in cancel" > <i class="fa fa-paperclip"></i> <input onchange="fileUpload(event,this,'1')" alt=formData type="file" class="file-bx" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" > </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('1')"></span> </div> </div> <!-- <input type="file" class="form-control cancel" data-iconName="fa fa-upload" onchange="fileUpload(event,'')" name= alt=<?php// the_sub_field('parameter_source'); ?> <?php// $fieldType = get_sub_field('type');?> > --> <!-- <div class="file-upload"> <div style="display: flex;"> <div class="image-upload-wrap"> <input id="file_block_1"class="file-upload-input" type='file' name=From alt= onchange="fileUpload(event,this,'<//?php echo $post_counter?>')" /> <div id="intial-text" class="select_text drag-text"> <h3>Please Select your File</h3> </div> <div class="drag-text "> <h3 class="image-title"></h3> </div> </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('<//?php echo $post_counter?>')"></span> </div> </div> <button type="button" class="btn btn-primary uploadfile" onclick="$('.file-upload-input').trigger( 'click' )">Upload</button> </div> --> </div> <div class="col-lg-4 col-xs-8 hidden"> <textarea type="text" alt=formData class="form-control prettyprint pun" rows="12"></textarea> </div> <div class="col-lg-6 col-xs-12 descrpt "> <li class="hidden"> <a type="button" class="btn-block" style="font-weight:700" id="consoleDwnldSampleCsv" onclick="downloadFile(event,'')" href="" > <img width="25" src="https://img.icons8.com/fluency-systems-filled/48/4a90e2/download-from-cloud.png"/> Download Sample CSV</a> </li> <p>String; The phone number that will be called first. Preferably in <a href="https://en.wikipedia.org/wiki/E.164">E.164 format</a>. If not set, our system will try to match it with a country and make a call. If landline number, prefix it with STD code; Ex: 080XXXX2400</p> </div> </div> <div class="row form-row"> <div class="col-lg-4 col-xs-4"> <h5 class="star-align"> <span class="mandatory"> * </span> To </h5> <span class="para-type">formData</span> </div> <div class="col-lg-4 col-xs-8 show "> <input type="text" class="form-control cancel" name=To alt=formData required> </div> <div class="col-lg-4 col-xs-8 hidden"> <div style="display:flex;"> <div class="fileuploadElement file-in cancel" > <i class="fa fa-paperclip"></i> <input onchange="fileUpload(event,this,'1')" alt=formData type="file" class="file-bx" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" > </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('1')"></span> </div> </div> <!-- <input type="file" class="form-control cancel" data-iconName="fa fa-upload" onchange="fileUpload(event,'')" name= alt=<?php// the_sub_field('parameter_source'); ?> <?php// $fieldType = get_sub_field('type');?> > --> <!-- <div class="file-upload"> <div style="display: flex;"> <div class="image-upload-wrap"> <input id="file_block_1"class="file-upload-input" type='file' name=To alt= onchange="fileUpload(event,this,'<//?php echo $post_counter?>')" /> <div id="intial-text" class="select_text drag-text"> <h3>Please Select your File</h3> </div> <div class="drag-text "> <h3 class="image-title"></h3> </div> </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('<//?php echo $post_counter?>')"></span> </div> </div> <button type="button" class="btn btn-primary uploadfile" onclick="$('.file-upload-input').trigger( 'click' )">Upload</button> </div> --> </div> <div class="col-lg-4 col-xs-8 hidden"> <textarea type="text" alt=formData class="form-control prettyprint pun" rows="12"></textarea> </div> <div class="col-lg-6 col-xs-12 descrpt "> <li class="hidden"> <a type="button" class="btn-block" style="font-weight:700" id="consoleDwnldSampleCsv" onclick="downloadFile(event,'')" href="" > <img width="25" src="https://img.icons8.com/fluency-systems-filled/48/4a90e2/download-from-cloud.png"/> Download Sample CSV</a> </li> <p>String; Your customer’s phone number. If landline number, prefix it with STD code; Ex: 080XXXX2400</p> </div> </div> <div class="row form-row"> <div class="col-lg-4 col-xs-4"> <h5 class="star-align"> <span class="mandatory"> * </span> CallerId </h5> <span class="para-type">formData</span> </div> <div class="col-lg-4 col-xs-8 show "> <input type="text" class="form-control cancel" name=CallerId alt=formData required> </div> <div class="col-lg-4 col-xs-8 hidden"> <div style="display:flex;"> <div class="fileuploadElement file-in cancel" > <i class="fa fa-paperclip"></i> <input onchange="fileUpload(event,this,'1')" alt=formData type="file" class="file-bx" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" > </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('1')"></span> </div> </div> <!-- <input type="file" class="form-control cancel" data-iconName="fa fa-upload" onchange="fileUpload(event,'')" name= alt=<?php// the_sub_field('parameter_source'); ?> <?php// $fieldType = get_sub_field('type');?> > --> <!-- <div class="file-upload"> <div style="display: flex;"> <div class="image-upload-wrap"> <input id="file_block_1"class="file-upload-input" type='file' name=CallerId alt= onchange="fileUpload(event,this,'<//?php echo $post_counter?>')" /> <div id="intial-text" class="select_text drag-text"> <h3>Please Select your File</h3> </div> <div class="drag-text "> <h3 class="image-title"></h3> </div> </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('<//?php echo $post_counter?>')"></span> </div> </div> <button type="button" class="btn btn-primary uploadfile" onclick="$('.file-upload-input').trigger( 'click' )">Upload</button> </div> --> </div> <div class="col-lg-4 col-xs-8 hidden"> <textarea type="text" alt=formData class="form-control prettyprint pun" rows="12"></textarea> </div> <div class="col-lg-6 col-xs-12 descrpt "> <li class="hidden"> <a type="button" class="btn-block" style="font-weight:700" id="consoleDwnldSampleCsv" onclick="downloadFile(event,'')" href="" > <img width="25" src="https://img.icons8.com/fluency-systems-filled/48/4a90e2/download-from-cloud.png"/> Download Sample CSV</a> </li> <p>String; This is your ExoPhone/Exotel Virtual Number (pick one from <a href="https://my.exotel.com/numbers">here</a>)</p> </div> </div> <div class="row form-row"> <div class="col-lg-4 col-xs-4"> <h5 class="star-align"> <span class="non-mandatory"> * </span> CallType </h5> <span class="para-type">formData</span> </div> <div class="col-lg-4 col-xs-8 show "> <input type="text" class="form-control cancel" name=CallType alt=formData > </div> <div class="col-lg-4 col-xs-8 hidden"> <div style="display:flex;"> <div class="fileuploadElement file-in cancel" > <i class="fa fa-paperclip"></i> <input onchange="fileUpload(event,this,'1')" alt=formData type="file" class="file-bx" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" > </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('1')"></span> </div> </div> <!-- <input type="file" class="form-control cancel" data-iconName="fa fa-upload" onchange="fileUpload(event,'')" name= alt=<?php// the_sub_field('parameter_source'); ?> <?php// $fieldType = get_sub_field('type');?> > --> <!-- <div class="file-upload"> <div style="display: flex;"> <div class="image-upload-wrap"> <input id="file_block_1"class="file-upload-input" type='file' name=CallType alt= onchange="fileUpload(event,this,'<//?php echo $post_counter?>')" /> <div id="intial-text" class="select_text drag-text"> <h3>Please Select your File</h3> </div> <div class="drag-text "> <h3 class="image-title"></h3> </div> </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('<//?php echo $post_counter?>')"></span> </div> </div> <button type="button" class="btn btn-primary uploadfile" onclick="$('.file-upload-input').trigger( 'click' )">Upload</button> </div> --> </div> <div class="col-lg-4 col-xs-8 hidden"> <textarea type="text" alt=formData class="form-control prettyprint pun" rows="12"></textarea> </div> <div class="col-lg-6 col-xs-12 descrpt "> <li class="hidden"> <a type="button" class="btn-block" style="font-weight:700" id="consoleDwnldSampleCsv" onclick="downloadFile(event,'')" href="" > <img width="25" src="https://img.icons8.com/fluency-systems-filled/48/4a90e2/download-from-cloud.png"/> Download Sample CSV</a> </li> <p>String; trans – for Transactional Calls</p> </div> </div> <div class="row form-row"> <div class="col-lg-4 col-xs-4"> <h5 class="star-align"> <span class="non-mandatory"> * </span> TimeLimit </h5> <span class="para-type">formData</span> </div> <div class="col-lg-4 col-xs-8 show "> <input type="text" class="form-control cancel" name=TimeLimit alt=formData > </div> <div class="col-lg-4 col-xs-8 hidden"> <div style="display:flex;"> <div class="fileuploadElement file-in cancel" > <i class="fa fa-paperclip"></i> <input onchange="fileUpload(event,this,'1')" alt=formData type="file" class="file-bx" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" > </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('1')"></span> </div> </div> <!-- <input type="file" class="form-control cancel" data-iconName="fa fa-upload" onchange="fileUpload(event,'')" name= alt=<?php// the_sub_field('parameter_source'); ?> <?php// $fieldType = get_sub_field('type');?> > --> <!-- <div class="file-upload"> <div style="display: flex;"> <div class="image-upload-wrap"> <input id="file_block_1"class="file-upload-input" type='file' name=TimeLimit alt= onchange="fileUpload(event,this,'<//?php echo $post_counter?>')" /> <div id="intial-text" class="select_text drag-text"> <h3>Please Select your File</h3> </div> <div class="drag-text "> <h3 class="image-title"></h3> </div> </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('<//?php echo $post_counter?>')"></span> </div> </div> <button type="button" class="btn btn-primary uploadfile" onclick="$('.file-upload-input').trigger( 'click' )">Upload</button> </div> --> </div> <div class="col-lg-4 col-xs-8 hidden"> <textarea type="text" alt=formData class="form-control prettyprint pun" rows="12"></textarea> </div> <div class="col-lg-6 col-xs-12 descrpt "> <li class="hidden"> <a type="button" class="btn-block" style="font-weight:700" id="consoleDwnldSampleCsv" onclick="downloadFile(event,'')" href="" > <img width="25" src="https://img.icons8.com/fluency-systems-filled/48/4a90e2/download-from-cloud.png"/> Download Sample CSV</a> </li> <p>Integer; The time limit (in seconds) that you want this call to last. The call will be cut after this time</p> </div> </div> <div class="row form-row"> <div class="col-lg-4 col-xs-4"> <h5 class="star-align"> <span class="non-mandatory"> * </span> TimeOut </h5> <span class="para-type">formData</span> </div> <div class="col-lg-4 col-xs-8 show "> <input type="text" class="form-control cancel" name=TimeOut alt=formData > </div> <div class="col-lg-4 col-xs-8 hidden"> <div style="display:flex;"> <div class="fileuploadElement file-in cancel" > <i class="fa fa-paperclip"></i> <input onchange="fileUpload(event,this,'1')" alt=formData type="file" class="file-bx" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" > </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('1')"></span> </div> </div> <!-- <input type="file" class="form-control cancel" data-iconName="fa fa-upload" onchange="fileUpload(event,'')" name= alt=<?php// the_sub_field('parameter_source'); ?> <?php// $fieldType = get_sub_field('type');?> > --> <!-- <div class="file-upload"> <div style="display: flex;"> <div class="image-upload-wrap"> <input id="file_block_1"class="file-upload-input" type='file' name=TimeOut alt= onchange="fileUpload(event,this,'<//?php echo $post_counter?>')" /> <div id="intial-text" class="select_text drag-text"> <h3>Please Select your File</h3> </div> <div class="drag-text "> <h3 class="image-title"></h3> </div> </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('<//?php echo $post_counter?>')"></span> </div> </div> <button type="button" class="btn btn-primary uploadfile" onclick="$('.file-upload-input').trigger( 'click' )">Upload</button> </div> --> </div> <div class="col-lg-4 col-xs-8 hidden"> <textarea type="text" alt=formData class="form-control prettyprint pun" rows="12"></textarea> </div> <div class="col-lg-6 col-xs-12 descrpt "> <li class="hidden"> <a type="button" class="btn-block" style="font-weight:700" id="consoleDwnldSampleCsv" onclick="downloadFile(event,'')" href="" > <img width="25" src="https://img.icons8.com/fluency-systems-filled/48/4a90e2/download-from-cloud.png"/> Download Sample CSV</a> </li> <p>Integer; The time (in seconds) to ring the called parties (both first and second call leg)</p> </div> </div> <div class="row form-row"> <div class="col-lg-4 col-xs-4"> <h5 class="star-align"> <span class="non-mandatory"> * </span> WaitUrl </h5> <span class="para-type">formData</span> </div> <div class="col-lg-4 col-xs-8 show "> <input type="text" class="form-control cancel" name=WaitUrl alt=formData > </div> <div class="col-lg-4 col-xs-8 hidden"> <div style="display:flex;"> <div class="fileuploadElement file-in cancel" > <i class="fa fa-paperclip"></i> <input onchange="fileUpload(event,this,'1')" alt=formData type="file" class="file-bx" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" > </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('1')"></span> </div> </div> <!-- <input type="file" class="form-control cancel" data-iconName="fa fa-upload" onchange="fileUpload(event,'')" name= alt=<?php// the_sub_field('parameter_source'); ?> <?php// $fieldType = get_sub_field('type');?> > --> <!-- <div class="file-upload"> <div style="display: flex;"> <div class="image-upload-wrap"> <input id="file_block_1"class="file-upload-input" type='file' name=WaitUrl alt= onchange="fileUpload(event,this,'<//?php echo $post_counter?>')" /> <div id="intial-text" class="select_text drag-text"> <h3>Please Select your File</h3> </div> <div class="drag-text "> <h3 class="image-title"></h3> </div> </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('<//?php echo $post_counter?>')"></span> </div> </div> <button type="button" class="btn btn-primary uploadfile" onclick="$('.file-upload-input').trigger( 'click' )">Upload</button> </div> --> </div> <div class="col-lg-4 col-xs-8 hidden"> <textarea type="text" alt=formData class="form-control prettyprint pun" rows="12"></textarea> </div> <div class="col-lg-6 col-xs-12 descrpt "> <li class="hidden"> <a type="button" class="btn-block" style="font-weight:700" id="consoleDwnldSampleCsv" onclick="downloadFile(event,'')" href="" > <img width="25" src="https://img.icons8.com/fluency-systems-filled/48/4a90e2/download-from-cloud.png"/> Download Sample CSV</a> </li> <p>String; Play this audio to the caller. When the first leg (From) has to wait for the other leg (To) to pick up the call, the audio file specified in this parameter will be played.</p> <p>Please refer this <a href="https://support.exotel.com/support/solutions/articles/48285-greeting-using-dynamic-text-or-audio-from-url">article</a> to understand the format specifications of the audio file to be played (wav is only supported).</p> </div> </div> <div class="row form-row"> <div class="col-lg-4 col-xs-4"> <h5 class="star-align"> <span class="non-mandatory"> * </span> Record </h5> <span class="para-type">formData</span> </div> <div class="col-lg-4 col-xs-8 show "> <input type="text" class="form-control cancel" name=Record alt=formData > </div> <div class="col-lg-4 col-xs-8 hidden"> <div style="display:flex;"> <div class="fileuploadElement file-in cancel" > <i class="fa fa-paperclip"></i> <input onchange="fileUpload(event,this,'1')" alt=formData type="file" class="file-bx" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" > </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('1')"></span> </div> </div> <!-- <input type="file" class="form-control cancel" data-iconName="fa fa-upload" onchange="fileUpload(event,'')" name= alt=<?php// the_sub_field('parameter_source'); ?> <?php// $fieldType = get_sub_field('type');?> > --> <!-- <div class="file-upload"> <div style="display: flex;"> <div class="image-upload-wrap"> <input id="file_block_1"class="file-upload-input" type='file' name=Record alt= onchange="fileUpload(event,this,'<//?php echo $post_counter?>')" /> <div id="intial-text" class="select_text drag-text"> <h3>Please Select your File</h3> </div> <div class="drag-text "> <h3 class="image-title"></h3> </div> </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('<//?php echo $post_counter?>')"></span> </div> </div> <button type="button" class="btn btn-primary uploadfile" onclick="$('.file-upload-input').trigger( 'click' )">Upload</button> </div> --> </div> <div class="col-lg-4 col-xs-8 hidden"> <textarea type="text" alt=formData class="form-control prettyprint pun" rows="12"></textarea> </div> <div class="col-lg-6 col-xs-12 descrpt "> <li class="hidden"> <a type="button" class="btn-block" style="font-weight:700" id="consoleDwnldSampleCsv" onclick="downloadFile(event,'')" href="" > <img width="25" src="https://img.icons8.com/fluency-systems-filled/48/4a90e2/download-from-cloud.png"/> Download Sample CSV</a> </li> <p>Boolean; Record the conversation of your call. The RecordingUrl will be sent to the StatusCallback URL if this is set to ‘true’ and the call conversation happens. Can be:</p> </div> </div> <div class="row form-row"> <div class="col-lg-4 col-xs-4"> <h5 class="star-align"> <span class="non-mandatory"> * </span> RecordingChannels </h5> <span class="para-type">formData</span> </div> <div class="col-lg-4 col-xs-8 show "> <input type="text" class="form-control cancel" name=RecordingChannels alt=formData > </div> <div class="col-lg-4 col-xs-8 hidden"> <div style="display:flex;"> <div class="fileuploadElement file-in cancel" > <i class="fa fa-paperclip"></i> <input onchange="fileUpload(event,this,'1')" alt=formData type="file" class="file-bx" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" > </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('1')"></span> </div> </div> <!-- <input type="file" class="form-control cancel" data-iconName="fa fa-upload" onchange="fileUpload(event,'')" name= alt=<?php// the_sub_field('parameter_source'); ?> <?php// $fieldType = get_sub_field('type');?> > --> <!-- <div class="file-upload"> <div style="display: flex;"> <div class="image-upload-wrap"> <input id="file_block_1"class="file-upload-input" type='file' name=RecordingChannels alt= onchange="fileUpload(event,this,'<//?php echo $post_counter?>')" /> <div id="intial-text" class="select_text drag-text"> <h3>Please Select your File</h3> </div> <div class="drag-text "> <h3 class="image-title"></h3> </div> </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('<//?php echo $post_counter?>')"></span> </div> </div> <button type="button" class="btn btn-primary uploadfile" onclick="$('.file-upload-input').trigger( 'click' )">Upload</button> </div> --> </div> <div class="col-lg-4 col-xs-8 hidden"> <textarea type="text" alt=formData class="form-control prettyprint pun" rows="12"></textarea> </div> <div class="col-lg-6 col-xs-12 descrpt "> <li class="hidden"> <a type="button" class="btn-block" style="font-weight:700" id="consoleDwnldSampleCsv" onclick="downloadFile(event,'')" href="" > <img width="25" src="https://img.icons8.com/fluency-systems-filled/48/4a90e2/download-from-cloud.png"/> Download Sample CSV</a> </li> <p>String; Number of audio channels to be present in the final recording. This parameter works if <code>Record</code> is set to ‘true’.</p> </div> </div> <div class="row form-row"> <div class="col-lg-4 col-xs-4"> <h5 class="star-align"> <span class="non-mandatory"> * </span> CustomField </h5> <span class="para-type">formData</span> </div> <div class="col-lg-4 col-xs-8 show "> <input type="text" class="form-control cancel" name=CustomField alt=formData > </div> <div class="col-lg-4 col-xs-8 hidden"> <div style="display:flex;"> <div class="fileuploadElement file-in cancel" > <i class="fa fa-paperclip"></i> <input onchange="fileUpload(event,this,'1')" alt=formData type="file" class="file-bx" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" > </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('1')"></span> </div> </div> <!-- <input type="file" class="form-control cancel" data-iconName="fa fa-upload" onchange="fileUpload(event,'')" name= alt=<?php// the_sub_field('parameter_source'); ?> <?php// $fieldType = get_sub_field('type');?> > --> <!-- <div class="file-upload"> <div style="display: flex;"> <div class="image-upload-wrap"> <input id="file_block_1"class="file-upload-input" type='file' name=CustomField alt= onchange="fileUpload(event,this,'<//?php echo $post_counter?>')" /> <div id="intial-text" class="select_text drag-text"> <h3>Please Select your File</h3> </div> <div class="drag-text "> <h3 class="image-title"></h3> </div> </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('<//?php echo $post_counter?>')"></span> </div> </div> <button type="button" class="btn btn-primary uploadfile" onclick="$('.file-upload-input').trigger( 'click' )">Upload</button> </div> --> </div> <div class="col-lg-4 col-xs-8 hidden"> <textarea type="text" alt=formData class="form-control prettyprint pun" rows="12"></textarea> </div> <div class="col-lg-6 col-xs-12 descrpt "> <li class="hidden"> <a type="button" class="btn-block" style="font-weight:700" id="consoleDwnldSampleCsv" onclick="downloadFile(event,'')" href="" > <img width="25" src="https://img.icons8.com/fluency-systems-filled/48/4a90e2/download-from-cloud.png"/> Download Sample CSV</a> </li> <p>Any application specific value like order id that will be passed back as a parameter in <a href="https://developer.exotel.com/api/make-a-call-api#statuscallback">StatusCallback</a> (only via ‘terminal’ StatusCallbackEvent)</p> </div> </div> <div class="row form-row"> <div class="col-lg-4 col-xs-4"> <h5 class="star-align"> <span class="non-mandatory"> * </span> StatusCallback </h5> <span class="para-type">formData</span> </div> <div class="col-lg-4 col-xs-8 show "> <input type="text" class="form-control cancel" name=StatusCallback alt=formData > </div> <div class="col-lg-4 col-xs-8 hidden"> <div style="display:flex;"> <div class="fileuploadElement file-in cancel" > <i class="fa fa-paperclip"></i> <input onchange="fileUpload(event,this,'1')" alt=formData type="file" class="file-bx" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" > </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('1')"></span> </div> </div> <!-- <input type="file" class="form-control cancel" data-iconName="fa fa-upload" onchange="fileUpload(event,'')" name= alt=<?php// the_sub_field('parameter_source'); ?> <?php// $fieldType = get_sub_field('type');?> > --> <!-- <div class="file-upload"> <div style="display: flex;"> <div class="image-upload-wrap"> <input id="file_block_1"class="file-upload-input" type='file' name=StatusCallback alt= onchange="fileUpload(event,this,'<//?php echo $post_counter?>')" /> <div id="intial-text" class="select_text drag-text"> <h3>Please Select your File</h3> </div> <div class="drag-text "> <h3 class="image-title"></h3> </div> </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('<//?php echo $post_counter?>')"></span> </div> </div> <button type="button" class="btn btn-primary uploadfile" onclick="$('.file-upload-input').trigger( 'click' )">Upload</button> </div> --> </div> <div class="col-lg-4 col-xs-8 hidden"> <textarea type="text" alt=formData class="form-control prettyprint pun" rows="12"></textarea> </div> <div class="col-lg-6 col-xs-12 descrpt "> <li class="hidden"> <a type="button" class="btn-block" style="font-weight:700" id="consoleDwnldSampleCsv" onclick="downloadFile(event,'')" href="" > <img width="25" src="https://img.icons8.com/fluency-systems-filled/48/4a90e2/download-from-cloud.png"/> Download Sample CSV</a> </li> <p>String; An HTTP POST request will be made to this URL depending on what events are subscribed using ‘StatusCallbackEvents’. Refer <a href="https://developer.exotel.com/api/make-a-call-api#statuscallback">here</a> for complete list of parameters which will be sent to your endpoint.</p> </div> </div> <div class="row form-row"> <div class="col-lg-4 col-xs-4"> <h5 class="star-align"> <span class="non-mandatory"> * </span> StatusCallbackEvents[0] </h5> <span class="para-type">formData</span> </div> <div class="col-lg-4 col-xs-8 show "> <input type="text" class="form-control cancel" name=StatusCallbackEvents[0] alt=formData > </div> <div class="col-lg-4 col-xs-8 hidden"> <div style="display:flex;"> <div class="fileuploadElement file-in cancel" > <i class="fa fa-paperclip"></i> <input onchange="fileUpload(event,this,'1')" alt=formData type="file" class="file-bx" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" > </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('1')"></span> </div> </div> <!-- <input type="file" class="form-control cancel" data-iconName="fa fa-upload" onchange="fileUpload(event,'')" name= alt=<?php// the_sub_field('parameter_source'); ?> <?php// $fieldType = get_sub_field('type');?> > --> <!-- <div class="file-upload"> <div style="display: flex;"> <div class="image-upload-wrap"> <input id="file_block_1"class="file-upload-input" type='file' name=StatusCallbackEvents[0] alt= onchange="fileUpload(event,this,'<//?php echo $post_counter?>')" /> <div id="intial-text" class="select_text drag-text"> <h3>Please Select your File</h3> </div> <div class="drag-text "> <h3 class="image-title"></h3> </div> </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('<//?php echo $post_counter?>')"></span> </div> </div> <button type="button" class="btn btn-primary uploadfile" onclick="$('.file-upload-input').trigger( 'click' )">Upload</button> </div> --> </div> <div class="col-lg-4 col-xs-8 hidden"> <textarea type="text" alt=formData class="form-control prettyprint pun" rows="12"></textarea> </div> <div class="col-lg-6 col-xs-12 descrpt "> <li class="hidden"> <a type="button" class="btn-block" style="font-weight:700" id="consoleDwnldSampleCsv" onclick="downloadFile(event,'')" href="" > <img width="25" src="https://img.icons8.com/fluency-systems-filled/48/4a90e2/download-from-cloud.png"/> Download Sample CSV</a> </li> <p> Array; Call events for which we will send details to the URL as set in ‘StatusCallback’ parameter. Can be:</p> <p>terminal – This event will be triggered once the call is over.<br /> If no event is specified, we will send the default parameters as specified here. Currently, only ‘terminal’ event is supported but more events could be added in future.</p> </div> </div> <div class="row form-row"> <div class="col-lg-4 col-xs-4"> <h5 class="star-align"> <span class="non-mandatory"> * </span> StatusCallbackEvents[1] </h5> <span class="para-type">formData</span> </div> <div class="col-lg-4 col-xs-8 show "> <input type="text" class="form-control cancel" name=StatusCallbackEvents[1] alt=formData > </div> <div class="col-lg-4 col-xs-8 hidden"> <div style="display:flex;"> <div class="fileuploadElement file-in cancel" > <i class="fa fa-paperclip"></i> <input onchange="fileUpload(event,this,'1')" alt=formData type="file" class="file-bx" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" > </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('1')"></span> </div> </div> <!-- <input type="file" class="form-control cancel" data-iconName="fa fa-upload" onchange="fileUpload(event,'')" name= alt=<?php// the_sub_field('parameter_source'); ?> <?php// $fieldType = get_sub_field('type');?> > --> <!-- <div class="file-upload"> <div style="display: flex;"> <div class="image-upload-wrap"> <input id="file_block_1"class="file-upload-input" type='file' name=StatusCallbackEvents[1] alt= onchange="fileUpload(event,this,'<//?php echo $post_counter?>')" /> <div id="intial-text" class="select_text drag-text"> <h3>Please Select your File</h3> </div> <div class="drag-text "> <h3 class="image-title"></h3> </div> </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('<//?php echo $post_counter?>')"></span> </div> </div> <button type="button" class="btn btn-primary uploadfile" onclick="$('.file-upload-input').trigger( 'click' )">Upload</button> </div> --> </div> <div class="col-lg-4 col-xs-8 hidden"> <textarea type="text" alt=formData class="form-control prettyprint pun" rows="12"></textarea> </div> <div class="col-lg-6 col-xs-12 descrpt "> <li class="hidden"> <a type="button" class="btn-block" style="font-weight:700" id="consoleDwnldSampleCsv" onclick="downloadFile(event,'')" href="" > <img width="25" src="https://img.icons8.com/fluency-systems-filled/48/4a90e2/download-from-cloud.png"/> Download Sample CSV</a> </li> <p>Same as StatusCallbackEvents</p> </div> </div> <div class="row form-row"> <div class="col-lg-4 col-xs-4"> <h5 class="star-align"> <span class="non-mandatory"> * </span> StatusCallbackContentType </h5> <span class="para-type">formData</span> </div> <div class="col-lg-4 col-xs-8 show "> <input type="text" class="form-control cancel" name=StatusCallbackContentType alt=formData > </div> <div class="col-lg-4 col-xs-8 hidden"> <div style="display:flex;"> <div class="fileuploadElement file-in cancel" > <i class="fa fa-paperclip"></i> <input onchange="fileUpload(event,this,'1')" alt=formData type="file" class="file-bx" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" > </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('1')"></span> </div> </div> <!-- <input type="file" class="form-control cancel" data-iconName="fa fa-upload" onchange="fileUpload(event,'')" name= alt=<?php// the_sub_field('parameter_source'); ?> <?php// $fieldType = get_sub_field('type');?> > --> <!-- <div class="file-upload"> <div style="display: flex;"> <div class="image-upload-wrap"> <input id="file_block_1"class="file-upload-input" type='file' name=StatusCallbackContentType alt= onchange="fileUpload(event,this,'<//?php echo $post_counter?>')" /> <div id="intial-text" class="select_text drag-text"> <h3>Please Select your File</h3> </div> <div class="drag-text "> <h3 class="image-title"></h3> </div> </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('<//?php echo $post_counter?>')"></span> </div> </div> <button type="button" class="btn btn-primary uploadfile" onclick="$('.file-upload-input').trigger( 'click' )">Upload</button> </div> --> </div> <div class="col-lg-4 col-xs-8 hidden"> <textarea type="text" alt=formData class="form-control prettyprint pun" rows="12"></textarea> </div> <div class="col-lg-6 col-xs-12 descrpt "> <li class="hidden"> <a type="button" class="btn-block" style="font-weight:700" id="consoleDwnldSampleCsv" onclick="downloadFile(event,'')" href="" > <img width="25" src="https://img.icons8.com/fluency-systems-filled/48/4a90e2/download-from-cloud.png"/> Download Sample CSV</a> </li> <p>String; The HTTP header ‘Content-Type’ using which the StatusCallback webhook will be triggered to your URL. Can be:</p> </div> </div> </div> <div class="row form-row"> </div> </div> </div> <div class="row drp-area form-row col-lg-12 " style="padding: 1rem 0rem;"> <div class="col-lg-2"> <h5 style="margin: auto auto 2vh auto;">Response Content Type </h5> </div> <div class="col-lg-4 " style="display: flex;padding: 0rem;"> <select class="form-control" id="responseTypeSelected_1"> <option value="application/json">application/json</option> <option value="application/xml">application/xml</option> </select> </div> </div> <div class="row drp-area form-row col-lg-12 show"> <div class="col-lg-4" style="padding:1rem 0rem"> <li> <a type="button" class="trybutton btn-block" id="consoleApiTryBtn" onclick="submitPostdata(event,'https://<subdomain>/v1/Accounts/<your_sid>/Calls/connect<json>','post','1')" href="https://developer.exotel.com/api/make-a-call-api#call-agent" >Try it Now</a> </li> </div> </div> <div hidden class="loading" id="spinner"></div> </form> <div id="parameterRequest_1" style="display:none"> <div class="parameter" style="display:flex;margin:10px 0px"> <div> Server Connection </div> </div> <div class="row form-row"> <div class="col-lg-4"> <h5 class="sub-title heading">Request </h5> </div> </div> <div class="row form-row"> <div class="col-lg-2"> <h5 class="sub-title">Curl</h5> </div> <div class="col-lg-10"> <div class="tab-content"> <div role="tabpanel" class="tab-pane copy-text active"> <pre id="requestCurl_1" class="prettyprint lang-bsh prettyprinted" style="display: flex;min-height:10vh;"> </pre> <button class="copy-button" id="btn2_1" onclick="copyFunction(event,'requestCurl_1','btn2_1')">Copy</button> </div> </div> </div> </div> <div> <div class="row form-row"> <div class="col-lg-3"> <h5 class="sub-title heading">Response </h5> </div> </div> <div class="row form-row"> <div class="col-lg-2"> <h5 class="sub-title">Code</h5> </div> <div class="col-lg-6"> <h5 class="sub-title">Details</h5> </div> </div> <div class="row form-row"> <div class="col-lg-2"> <h5 class="sub-title" id="responseCode_1"></h5> </div> <div class="col-lg-10"> <div class="tab-content"> <div role="tabpanel" class="tab-pane copy-text active"> <pre id="responseOutput_1" class="prettyprint lang-bsh prettyprinted codeClr"> </pre> <button class="copy-button copy-text" id="btn3_1" onclick="copyFunction(event,'responseOutput_1','btn3_1')">Copy</button> </div> </div> </div> </div> </div> </div> <hr> </div> </div> </div> </div> </section> <section class="sectionClass" id="call-customer"> <div class="panel-group" id='accordion2' role="tablist" aria-multiselectable="true"> <div class="panel panel-default"> <div class="panel-heading" role="tab" id="headingOne2" style="display:flex"> <a role="button" data-toggle="collapse" data-parent="#accordion2" href="#collapse2" aria-controls="#collapse2" aria-expanded="false"> <i class="icon-right pull-right"> <img src="https://developer.exotel.com/wp-content/themes/exotel/assets/images/custom-images/cheveron-right.svg"/> </i> <i class="icon-down pull-right"> <img src="https://developer.exotel.com/wp-content/themes/exotel/assets/images/custom-images/openIcon.svg"/> </i> </a> <h1 class="panel-title"> Outgoing call to connect number to a call flow </h1> <a href="https://developer.exotel.com/api/make-a-call-api#call-customer" class="apidoclink" target="_blank"> Open in API docs </a> </div> <div id='collapse2' class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne2"> <div class="panel-body"> <form name="form1" id="submitDataForm_2" id=""> <div class="well"> <span class="post">POST</span> <p class="copy-text"> <span id="copyitem_2">https://<your_api_key>:<your_api_token><subdomain>/v1/Accounts/<your_sid>/Calls/connect</span> <input type="text" name="apiMethod" hidden value="post"> <input type="text" name="tryoutApi" hidden value="https://<subdomain>/v1/Accounts/<your_sid>/Calls/connect<json>"> <button class="copy-button" id="btn_2" onclick="copyFunction(event,'copyitem_2','btn_2')">Copy</button> </p> </div> <div class="wrapper-list"> <p>This API will first call the From number, and once they pick up the phone, it will connect them to a call flow (aka applet) that you have created in the system – like your landing app, or any other app that can play a greeting, have IVR, etc. For more details on setting up your flow, please refer Appplet documentation. An HTTP POST request is made to</p> </div> <div class="wrapper-list"> </div> <div class="parameter" style="display:flex;margin-top: 5px;"> <div style="margin-top: 5px;"> Parameter </div> <div style="margin-left:auto;order:2"> <button type="button" onclick="clearParameters('2')" class="clearbutton"> Clear All </button> </div> </div> <div class="row"> <div class="col-lg-12"> <div class="row form-row" style="display:flex"> <div class="col-xs-3 col-lg-4"> <h5 class="sub-title"> Name </h5> </div> <div class="col-xs-3 col-lg-4"> <h5 class="sub-title">Value </h5> </div> <div class="col-xs-3 col-lg-4"> <h5 class="sub-title">Description</h5> </div> </div> <div class="parameterValue"> <div class="row form-row"> <div class="col-lg-4 col-xs-4"> <h5 class="star-align"> <span class="mandatory"> * </span> From </h5> <span class="para-type">formData</span> </div> <div class="col-lg-4 col-xs-8 show "> <input type="text" class="form-control cancel" name=From alt=formData required> </div> <div class="col-lg-4 col-xs-8 hidden"> <div style="display:flex;"> <div class="fileuploadElement file-in cancel" > <i class="fa fa-paperclip"></i> <input onchange="fileUpload(event,this,'2')" alt=formData type="file" class="file-bx" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" > </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('2')"></span> </div> </div> <!-- <input type="file" class="form-control cancel" data-iconName="fa fa-upload" onchange="fileUpload(event,'')" name= alt=<?php// the_sub_field('parameter_source'); ?> <?php// $fieldType = get_sub_field('type');?> > --> <!-- <div class="file-upload"> <div style="display: flex;"> <div class="image-upload-wrap"> <input id="file_block_2"class="file-upload-input" type='file' name=From alt= onchange="fileUpload(event,this,'<//?php echo $post_counter?>')" /> <div id="intial-text" class="select_text drag-text"> <h3>Please Select your File</h3> </div> <div class="drag-text "> <h3 class="image-title"></h3> </div> </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('<//?php echo $post_counter?>')"></span> </div> </div> <button type="button" class="btn btn-primary uploadfile" onclick="$('.file-upload-input').trigger( 'click' )">Upload</button> </div> --> </div> <div class="col-lg-4 col-xs-8 hidden"> <textarea type="text" alt=formData class="form-control prettyprint pun" rows="12"></textarea> </div> <div class="col-lg-6 col-xs-12 descrpt "> <li class="hidden"> <a type="button" class="btn-block" style="font-weight:700" id="consoleDwnldSampleCsv" onclick="downloadFile(event,'')" href="" > <img width="25" src="https://img.icons8.com/fluency-systems-filled/48/4a90e2/download-from-cloud.png"/> Download Sample CSV</a> </li> <p>The phone number that will be called first. Preferably in <a href="https://en.wikipedia.org/wiki/E.164"><span class="s1">E.164 format</span></a>. If not set, our system will try to match it with a country and make a call. If landline number, prefix it with STD code; Ex: 0XXXXXX2400</p> </div> </div> <div class="row form-row"> <div class="col-lg-4 col-xs-4"> <h5 class="star-align"> <span class="mandatory"> * </span> CallerId </h5> <span class="para-type">formData</span> </div> <div class="col-lg-4 col-xs-8 show "> <input type="text" class="form-control cancel" name=CallerId alt=formData required> </div> <div class="col-lg-4 col-xs-8 hidden"> <div style="display:flex;"> <div class="fileuploadElement file-in cancel" > <i class="fa fa-paperclip"></i> <input onchange="fileUpload(event,this,'2')" alt=formData type="file" class="file-bx" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" > </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('2')"></span> </div> </div> <!-- <input type="file" class="form-control cancel" data-iconName="fa fa-upload" onchange="fileUpload(event,'')" name= alt=<?php// the_sub_field('parameter_source'); ?> <?php// $fieldType = get_sub_field('type');?> > --> <!-- <div class="file-upload"> <div style="display: flex;"> <div class="image-upload-wrap"> <input id="file_block_2"class="file-upload-input" type='file' name=CallerId alt= onchange="fileUpload(event,this,'<//?php echo $post_counter?>')" /> <div id="intial-text" class="select_text drag-text"> <h3>Please Select your File</h3> </div> <div class="drag-text "> <h3 class="image-title"></h3> </div> </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('<//?php echo $post_counter?>')"></span> </div> </div> <button type="button" class="btn btn-primary uploadfile" onclick="$('.file-upload-input').trigger( 'click' )">Upload</button> </div> --> </div> <div class="col-lg-4 col-xs-8 hidden"> <textarea type="text" alt=formData class="form-control prettyprint pun" rows="12"></textarea> </div> <div class="col-lg-6 col-xs-12 descrpt "> <li class="hidden"> <a type="button" class="btn-block" style="font-weight:700" id="consoleDwnldSampleCsv" onclick="downloadFile(event,'')" href="" > <img width="25" src="https://img.icons8.com/fluency-systems-filled/48/4a90e2/download-from-cloud.png"/> Download Sample CSV</a> </li> <p>This is your ExoPhone (pick one from <a href="https://my.exotel.com/numbers"><span class="s1">here</span></a>)</p> </div> </div> <div class="row form-row"> <div class="col-lg-4 col-xs-4"> <h5 class="star-align"> <span class="mandatory"> * </span> Url </h5> <span class="para-type">formData</span> </div> <div class="col-lg-4 col-xs-8 show "> <input type="text" class="form-control cancel" name=Url alt=formData required> </div> <div class="col-lg-4 col-xs-8 hidden"> <div style="display:flex;"> <div class="fileuploadElement file-in cancel" > <i class="fa fa-paperclip"></i> <input onchange="fileUpload(event,this,'2')" alt=formData type="file" class="file-bx" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" > </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('2')"></span> </div> </div> <!-- <input type="file" class="form-control cancel" data-iconName="fa fa-upload" onchange="fileUpload(event,'')" name= alt=<?php// the_sub_field('parameter_source'); ?> <?php// $fieldType = get_sub_field('type');?> > --> <!-- <div class="file-upload"> <div style="display: flex;"> <div class="image-upload-wrap"> <input id="file_block_2"class="file-upload-input" type='file' name=Url alt= onchange="fileUpload(event,this,'<//?php echo $post_counter?>')" /> <div id="intial-text" class="select_text drag-text"> <h3>Please Select your File</h3> </div> <div class="drag-text "> <h3 class="image-title"></h3> </div> </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('<//?php echo $post_counter?>')"></span> </div> </div> <button type="button" class="btn btn-primary uploadfile" onclick="$('.file-upload-input').trigger( 'click' )">Upload</button> </div> --> </div> <div class="col-lg-4 col-xs-8 hidden"> <textarea type="text" alt=formData class="form-control prettyprint pun" rows="12"></textarea> </div> <div class="col-lg-6 col-xs-12 descrpt "> <li class="hidden"> <a type="button" class="btn-block" style="font-weight:700" id="consoleDwnldSampleCsv" onclick="downloadFile(event,'')" href="" > <img width="25" src="https://img.icons8.com/fluency-systems-filled/48/4a90e2/download-from-cloud.png"/> Download Sample CSV</a> </li> <p><strong>http://my.exotel.com/{your_sid}/exoml/start_voice/{app_id}</strong> where app_id is the identifier of the flow (or applet) that you want to connect to once the From number picks up the call. You can get the app_id from your <a href="https://my.exotel.com/apps#installed-apps"><span class="s1">Exotel Dashboard</span></a></p> </div> </div> <div class="row form-row"> <div class="col-lg-4 col-xs-4"> <h5 class="star-align"> <span class="non-mandatory"> * </span> CallType </h5> <span class="para-type">formData</span> </div> <div class="col-lg-4 col-xs-8 show "> <input type="text" class="form-control cancel" name=CallType alt=formData > </div> <div class="col-lg-4 col-xs-8 hidden"> <div style="display:flex;"> <div class="fileuploadElement file-in cancel" > <i class="fa fa-paperclip"></i> <input onchange="fileUpload(event,this,'2')" alt=formData type="file" class="file-bx" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" > </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('2')"></span> </div> </div> <!-- <input type="file" class="form-control cancel" data-iconName="fa fa-upload" onchange="fileUpload(event,'')" name= alt=<?php// the_sub_field('parameter_source'); ?> <?php// $fieldType = get_sub_field('type');?> > --> <!-- <div class="file-upload"> <div style="display: flex;"> <div class="image-upload-wrap"> <input id="file_block_2"class="file-upload-input" type='file' name=CallType alt= onchange="fileUpload(event,this,'<//?php echo $post_counter?>')" /> <div id="intial-text" class="select_text drag-text"> <h3>Please Select your File</h3> </div> <div class="drag-text "> <h3 class="image-title"></h3> </div> </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('<//?php echo $post_counter?>')"></span> </div> </div> <button type="button" class="btn btn-primary uploadfile" onclick="$('.file-upload-input').trigger( 'click' )">Upload</button> </div> --> </div> <div class="col-lg-4 col-xs-8 hidden"> <textarea type="text" alt=formData class="form-control prettyprint pun" rows="12"></textarea> </div> <div class="col-lg-6 col-xs-12 descrpt "> <li class="hidden"> <a type="button" class="btn-block" style="font-weight:700" id="consoleDwnldSampleCsv" onclick="downloadFile(event,'')" href="" > <img width="25" src="https://img.icons8.com/fluency-systems-filled/48/4a90e2/download-from-cloud.png"/> Download Sample CSV</a> </li> <p>trans – for Transactional Calls</p> </div> </div> <div class="row form-row"> <div class="col-lg-4 col-xs-4"> <h5 class="star-align"> <span class="non-mandatory"> * </span> TimeLimit </h5> <span class="para-type">formData</span> </div> <div class="col-lg-4 col-xs-8 show "> <input type="text" class="form-control cancel" name=TimeLimit alt=formData > </div> <div class="col-lg-4 col-xs-8 hidden"> <div style="display:flex;"> <div class="fileuploadElement file-in cancel" > <i class="fa fa-paperclip"></i> <input onchange="fileUpload(event,this,'2')" alt=formData type="file" class="file-bx" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" > </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('2')"></span> </div> </div> <!-- <input type="file" class="form-control cancel" data-iconName="fa fa-upload" onchange="fileUpload(event,'')" name= alt=<?php// the_sub_field('parameter_source'); ?> <?php// $fieldType = get_sub_field('type');?> > --> <!-- <div class="file-upload"> <div style="display: flex;"> <div class="image-upload-wrap"> <input id="file_block_2"class="file-upload-input" type='file' name=TimeLimit alt= onchange="fileUpload(event,this,'<//?php echo $post_counter?>')" /> <div id="intial-text" class="select_text drag-text"> <h3>Please Select your File</h3> </div> <div class="drag-text "> <h3 class="image-title"></h3> </div> </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('<//?php echo $post_counter?>')"></span> </div> </div> <button type="button" class="btn btn-primary uploadfile" onclick="$('.file-upload-input').trigger( 'click' )">Upload</button> </div> --> </div> <div class="col-lg-4 col-xs-8 hidden"> <textarea type="text" alt=formData class="form-control prettyprint pun" rows="12"></textarea> </div> <div class="col-lg-6 col-xs-12 descrpt "> <li class="hidden"> <a type="button" class="btn-block" style="font-weight:700" id="consoleDwnldSampleCsv" onclick="downloadFile(event,'')" href="" > <img width="25" src="https://img.icons8.com/fluency-systems-filled/48/4a90e2/download-from-cloud.png"/> Download Sample CSV</a> </li> <p>The time limit (in seconds) that you want this call to last. The call will be cut after this time</p> </div> </div> <div class="row form-row"> <div class="col-lg-4 col-xs-4"> <h5 class="star-align"> <span class="non-mandatory"> * </span> TimeOut </h5> <span class="para-type">formData</span> </div> <div class="col-lg-4 col-xs-8 show "> <input type="text" class="form-control cancel" name=TimeOut alt=formData > </div> <div class="col-lg-4 col-xs-8 hidden"> <div style="display:flex;"> <div class="fileuploadElement file-in cancel" > <i class="fa fa-paperclip"></i> <input onchange="fileUpload(event,this,'2')" alt=formData type="file" class="file-bx" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" > </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('2')"></span> </div> </div> <!-- <input type="file" class="form-control cancel" data-iconName="fa fa-upload" onchange="fileUpload(event,'')" name= alt=<?php// the_sub_field('parameter_source'); ?> <?php// $fieldType = get_sub_field('type');?> > --> <!-- <div class="file-upload"> <div style="display: flex;"> <div class="image-upload-wrap"> <input id="file_block_2"class="file-upload-input" type='file' name=TimeOut alt= onchange="fileUpload(event,this,'<//?php echo $post_counter?>')" /> <div id="intial-text" class="select_text drag-text"> <h3>Please Select your File</h3> </div> <div class="drag-text "> <h3 class="image-title"></h3> </div> </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('<//?php echo $post_counter?>')"></span> </div> </div> <button type="button" class="btn btn-primary uploadfile" onclick="$('.file-upload-input').trigger( 'click' )">Upload</button> </div> --> </div> <div class="col-lg-4 col-xs-8 hidden"> <textarea type="text" alt=formData class="form-control prettyprint pun" rows="12"></textarea> </div> <div class="col-lg-6 col-xs-12 descrpt "> <li class="hidden"> <a type="button" class="btn-block" style="font-weight:700" id="consoleDwnldSampleCsv" onclick="downloadFile(event,'')" href="" > <img width="25" src="https://img.icons8.com/fluency-systems-filled/48/4a90e2/download-from-cloud.png"/> Download Sample CSV</a> </li> <p> The time (in seconds) to ring the called parties (both first and second call leg)</p> </div> </div> <div class="row form-row"> <div class="col-lg-4 col-xs-4"> <h5 class="star-align"> <span class="non-mandatory"> * </span> StatusCallback </h5> <span class="para-type">formData</span> </div> <div class="col-lg-4 col-xs-8 show "> <input type="text" class="form-control cancel" name=StatusCallback alt=formData > </div> <div class="col-lg-4 col-xs-8 hidden"> <div style="display:flex;"> <div class="fileuploadElement file-in cancel" > <i class="fa fa-paperclip"></i> <input onchange="fileUpload(event,this,'2')" alt=formData type="file" class="file-bx" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" > </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('2')"></span> </div> </div> <!-- <input type="file" class="form-control cancel" data-iconName="fa fa-upload" onchange="fileUpload(event,'')" name= alt=<?php// the_sub_field('parameter_source'); ?> <?php// $fieldType = get_sub_field('type');?> > --> <!-- <div class="file-upload"> <div style="display: flex;"> <div class="image-upload-wrap"> <input id="file_block_2"class="file-upload-input" type='file' name=StatusCallback alt= onchange="fileUpload(event,this,'<//?php echo $post_counter?>')" /> <div id="intial-text" class="select_text drag-text"> <h3>Please Select your File</h3> </div> <div class="drag-text "> <h3 class="image-title"></h3> </div> </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('<//?php echo $post_counter?>')"></span> </div> </div> <button type="button" class="btn btn-primary uploadfile" onclick="$('.file-upload-input').trigger( 'click' )">Upload</button> </div> --> </div> <div class="col-lg-4 col-xs-8 hidden"> <textarea type="text" alt=formData class="form-control prettyprint pun" rows="12"></textarea> </div> <div class="col-lg-6 col-xs-12 descrpt "> <li class="hidden"> <a type="button" class="btn-block" style="font-weight:700" id="consoleDwnldSampleCsv" onclick="downloadFile(event,'')" href="" > <img width="25" src="https://img.icons8.com/fluency-systems-filled/48/4a90e2/download-from-cloud.png"/> Download Sample CSV</a> </li> <p> When the call completes, an HTTP POST will be made to the provided URL with the following four parameters:</p> <p>CallSid – an alpha-numeric unique identifier<br /> Status – one of: completed, failed, busy, no-answer<br /> RecordingUrl – link to the call recording (if it exists)<br /> DateUpdated – time when the call state was updated last</p> </div> </div> <div class="row form-row"> <div class="col-lg-4 col-xs-4"> <h5 class="star-align"> <span class="non-mandatory"> * </span> CustomField </h5> <span class="para-type">formData</span> </div> <div class="col-lg-4 col-xs-8 show "> <input type="text" class="form-control cancel" name=CustomField alt=formData > </div> <div class="col-lg-4 col-xs-8 hidden"> <div style="display:flex;"> <div class="fileuploadElement file-in cancel" > <i class="fa fa-paperclip"></i> <input onchange="fileUpload(event,this,'2')" alt=formData type="file" class="file-bx" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" > </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('2')"></span> </div> </div> <!-- <input type="file" class="form-control cancel" data-iconName="fa fa-upload" onchange="fileUpload(event,'')" name= alt=<?php// the_sub_field('parameter_source'); ?> <?php// $fieldType = get_sub_field('type');?> > --> <!-- <div class="file-upload"> <div style="display: flex;"> <div class="image-upload-wrap"> <input id="file_block_2"class="file-upload-input" type='file' name=CustomField alt= onchange="fileUpload(event,this,'<//?php echo $post_counter?>')" /> <div id="intial-text" class="select_text drag-text"> <h3>Please Select your File</h3> </div> <div class="drag-text "> <h3 class="image-title"></h3> </div> </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('<//?php echo $post_counter?>')"></span> </div> </div> <button type="button" class="btn btn-primary uploadfile" onclick="$('.file-upload-input').trigger( 'click' )">Upload</button> </div> --> </div> <div class="col-lg-4 col-xs-8 hidden"> <textarea type="text" alt=formData class="form-control prettyprint pun" rows="12"></textarea> </div> <div class="col-lg-6 col-xs-12 descrpt "> <li class="hidden"> <a type="button" class="btn-block" style="font-weight:700" id="consoleDwnldSampleCsv" onclick="downloadFile(event,'')" href="" > <img width="25" src="https://img.icons8.com/fluency-systems-filled/48/4a90e2/download-from-cloud.png"/> Download Sample CSV</a> </li> <p>Any application specific value that will be passed back as a parameter while doing a GET request to the URL mentioned in your Passthru Applet or Greetings Applet.</p> </div> </div> </div> <div class="row form-row"> </div> </div> </div> <div class="row drp-area form-row col-lg-12 " style="padding: 1rem 0rem;"> <div class="col-lg-2"> <h5 style="margin: auto auto 2vh auto;">Response Content Type </h5> </div> <div class="col-lg-4 " style="display: flex;padding: 0rem;"> <select class="form-control" id="responseTypeSelected_2"> <option value="application/json">application/json</option> <option value="application/xml">application/xml</option> </select> </div> </div> <div class="row drp-area form-row col-lg-12 show"> <div class="col-lg-4" style="padding:1rem 0rem"> <li> <a type="button" class="trybutton btn-block" id="consoleApiTryBtn" onclick="submitPostdata(event,'https://<subdomain>/v1/Accounts/<your_sid>/Calls/connect<json>','post','2')" href="https://developer.exotel.com/api/make-a-call-api#call-customer" >Try it Now</a> </li> </div> </div> <div hidden class="loading" id="spinner"></div> </form> <div id="parameterRequest_2" style="display:none"> <div class="parameter" style="display:flex;margin:10px 0px"> <div> Server Connection </div> </div> <div class="row form-row"> <div class="col-lg-4"> <h5 class="sub-title heading">Request </h5> </div> </div> <div class="row form-row"> <div class="col-lg-2"> <h5 class="sub-title">Curl</h5> </div> <div class="col-lg-10"> <div class="tab-content"> <div role="tabpanel" class="tab-pane copy-text active"> <pre id="requestCurl_2" class="prettyprint lang-bsh prettyprinted" style="display: flex;min-height:10vh;"> </pre> <button class="copy-button" id="btn2_2" onclick="copyFunction(event,'requestCurl_2','btn2_2')">Copy</button> </div> </div> </div> </div> <div> <div class="row form-row"> <div class="col-lg-3"> <h5 class="sub-title heading">Response </h5> </div> </div> <div class="row form-row"> <div class="col-lg-2"> <h5 class="sub-title">Code</h5> </div> <div class="col-lg-6"> <h5 class="sub-title">Details</h5> </div> </div> <div class="row form-row"> <div class="col-lg-2"> <h5 class="sub-title" id="responseCode_2"></h5> </div> <div class="col-lg-10"> <div class="tab-content"> <div role="tabpanel" class="tab-pane copy-text active"> <pre id="responseOutput_2" class="prettyprint lang-bsh prettyprinted codeClr"> </pre> <button class="copy-button copy-text" id="btn3_2" onclick="copyFunction(event,'responseOutput_2','btn3_2')">Copy</button> </div> </div> </div> </div> </div> </div> <hr> </div> </div> </div> </div> </section> <section class="sectionClass" id="Calldetails"> <div class="panel-group" id='accordion3' role="tablist" aria-multiselectable="true"> <div class="panel panel-default"> <div class="panel-heading" role="tab" id="headingOne3" style="display:flex"> <a role="button" data-toggle="collapse" data-parent="#accordion3" href="#collapse3" aria-controls="#collapse3" aria-expanded="false"> <i class="icon-right pull-right"> <img src="https://developer.exotel.com/wp-content/themes/exotel/assets/images/custom-images/cheveron-right.svg"/> </i> <i class="icon-down pull-right"> <img src="https://developer.exotel.com/wp-content/themes/exotel/assets/images/custom-images/openIcon.svg"/> </i> </a> <h1 class="panel-title"> Call Details </h1> <a href="https://developer.exotel.com/api/make-a-call-api#call-details" class="apidoclink" target="_blank"> Open in API docs </a> </div> <div id='collapse3' class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne3"> <div class="panel-body"> <form name="form1" id="submitDataForm_3" id=""> <div class="well"> <span class="get">GET</span> <p class="copy-text"> <span id="copyitem_3">https://<your_api_key>:<your_api_token><subdomain>/v1/Accounts/<your_sid>/Calls/<CallSid></span> <input type="text" name="apiMethod" hidden value="get"> <input type="text" name="tryoutApi" hidden value="https://<subdomain>/v1/Accounts/<your_sid>/Calls/<path><json>"> <button class="copy-button" id="btn_3" onclick="copyFunction(event,'copyitem_3','btn_3')">Copy</button> </p> </div> <div class="wrapper-list"> </div> <div class="wrapper-list"> </div> <div class="parameter" style="display:flex;margin-top: 5px;"> <div style="margin-top: 5px;"> Parameter </div> <div style="margin-left:auto;order:2"> <button type="button" onclick="clearParameters('3')" class="clearbutton"> Clear All </button> </div> </div> <div class="row"> <div class="col-lg-12"> <div class="row form-row" style="display:flex"> <div class="col-xs-3 col-lg-4"> <h5 class="sub-title"> Name </h5> </div> <div class="col-xs-3 col-lg-4"> <h5 class="sub-title">Value </h5> </div> <div class="col-xs-3 col-lg-4"> <h5 class="sub-title">Description</h5> </div> </div> <div class="parameterValue"> <div class="row form-row"> <div class="col-lg-4 col-xs-4"> <h5 class="star-align"> <span class="mandatory"> * </span> CallSid </h5> <span class="para-type">path</span> </div> <div class="col-lg-4 col-xs-8 show "> <input type="text" class="form-control cancel" name=CallSid alt=path required> </div> <div class="col-lg-4 col-xs-8 hidden"> <div style="display:flex;"> <div class="fileuploadElement file-in cancel" > <i class="fa fa-paperclip"></i> <input onchange="fileUpload(event,this,'3')" alt=path type="file" class="file-bx" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" > </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('3')"></span> </div> </div> <!-- <input type="file" class="form-control cancel" data-iconName="fa fa-upload" onchange="fileUpload(event,'')" name= alt=<?php// the_sub_field('parameter_source'); ?> <?php// $fieldType = get_sub_field('type');?> > --> <!-- <div class="file-upload"> <div style="display: flex;"> <div class="image-upload-wrap"> <input id="file_block_3"class="file-upload-input" type='file' name=CallSid alt= onchange="fileUpload(event,this,'<//?php echo $post_counter?>')" /> <div id="intial-text" class="select_text drag-text"> <h3>Please Select your File</h3> </div> <div class="drag-text "> <h3 class="image-title"></h3> </div> </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('<//?php echo $post_counter?>')"></span> </div> </div> <button type="button" class="btn btn-primary uploadfile" onclick="$('.file-upload-input').trigger( 'click' )">Upload</button> </div> --> </div> <div class="col-lg-4 col-xs-8 hidden"> <textarea type="text" alt=path class="form-control prettyprint pun" rows="12"></textarea> </div> <div class="col-lg-6 col-xs-12 descrpt "> <li class="hidden"> <a type="button" class="btn-block" style="font-weight:700" id="consoleDwnldSampleCsv" onclick="downloadFile(event,'')" href="" > <img width="25" src="https://img.icons8.com/fluency-systems-filled/48/4a90e2/download-from-cloud.png"/> Download Sample CSV</a> </li> <p><code><CallSid></code> is an alpha-numeric unique identifier generated for all the calls made via Exotel.</p> </div> </div> </div> <div class="row form-row"> </div> </div> </div> <div class="row drp-area form-row col-lg-12 " style="padding: 1rem 0rem;"> <div class="col-lg-2"> <h5 style="margin: auto auto 2vh auto;">Response Content Type </h5> </div> <div class="col-lg-4 " style="display: flex;padding: 0rem;"> <select class="form-control" id="responseTypeSelected_3"> <option value="application/json">application/json</option> <option value="application/xml">application/xml</option> </select> </div> </div> <div class="row drp-area form-row col-lg-12 show"> <div class="col-lg-4" style="padding:1rem 0rem"> <li> <a type="button" class="trybutton btn-block" id="consoleApiTryBtn" onclick="submitPostdata(event,'https://<subdomain>/v1/Accounts/<your_sid>/Calls/<path><json>','get','3')" href="https://developer.exotel.com/api/make-a-call-api#call-details" >Try it Now</a> </li> </div> </div> <div hidden class="loading" id="spinner"></div> </form> <div id="parameterRequest_3" style="display:none"> <div class="parameter" style="display:flex;margin:10px 0px"> <div> Server Connection </div> </div> <div class="row form-row"> <div class="col-lg-4"> <h5 class="sub-title heading">Request </h5> </div> </div> <div class="row form-row"> <div class="col-lg-2"> <h5 class="sub-title">Curl</h5> </div> <div class="col-lg-10"> <div class="tab-content"> <div role="tabpanel" class="tab-pane copy-text active"> <pre id="requestCurl_3" class="prettyprint lang-bsh prettyprinted" style="display: flex;min-height:10vh;"> </pre> <button class="copy-button" id="btn2_3" onclick="copyFunction(event,'requestCurl_3','btn2_3')">Copy</button> </div> </div> </div> </div> <div> <div class="row form-row"> <div class="col-lg-3"> <h5 class="sub-title heading">Response </h5> </div> </div> <div class="row form-row"> <div class="col-lg-2"> <h5 class="sub-title">Code</h5> </div> <div class="col-lg-6"> <h5 class="sub-title">Details</h5> </div> </div> <div class="row form-row"> <div class="col-lg-2"> <h5 class="sub-title" id="responseCode_3"></h5> </div> <div class="col-lg-10"> <div class="tab-content"> <div role="tabpanel" class="tab-pane copy-text active"> <pre id="responseOutput_3" class="prettyprint lang-bsh prettyprinted codeClr"> </pre> <button class="copy-button copy-text" id="btn3_3" onclick="copyFunction(event,'responseOutput_3','btn3_3')">Copy</button> </div> </div> </div> </div> </div> </div> <hr> </div> </div> </div> </div> </section> <section class="sectionClass" id="BulkCallDetails"> <div class="panel-group" id='accordion4' role="tablist" aria-multiselectable="true"> <div class="panel panel-default"> <div class="panel-heading" role="tab" id="headingOne4" style="display:flex"> <a role="button" data-toggle="collapse" data-parent="#accordion4" href="#collapse4" aria-controls="#collapse4" aria-expanded="false"> <i class="icon-right pull-right"> <img src="https://developer.exotel.com/wp-content/themes/exotel/assets/images/custom-images/cheveron-right.svg"/> </i> <i class="icon-down pull-right"> <img src="https://developer.exotel.com/wp-content/themes/exotel/assets/images/custom-images/openIcon.svg"/> </i> </a> <h1 class="panel-title"> Bulk Call Details </h1> <a href="https://developer.exotel.com/api/make-a-call-api#bulk-call-details" class="apidoclink" target="_blank"> Open in API docs </a> </div> <div id='collapse4' class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne4"> <div class="panel-body"> <form name="form1" id="submitDataForm_4" id=""> <div class="well"> <span class="get">GET</span> <p class="copy-text"> <span id="copyitem_4">https://<your_api_key>:<your_api_token><subdomain>/v1/Accounts/<your_sid>/Calls</span> <input type="text" name="apiMethod" hidden value="get"> <input type="text" name="tryoutApi" hidden value="https://<subdomain>/v1/Accounts/<your_sid>/Calls<json>"> <button class="copy-button" id="btn_4" onclick="copyFunction(event,'copyitem_4','btn_4')">Copy</button> </p> </div> <div class="wrapper-list"> <p>To get details of calls in bulk (including Status, Price, etc.), you will need to make a HTTP GET request to</p> </div> <div class="wrapper-list"> </div> <div class="parameter" style="display:flex;margin-top: 5px;"> <div style="margin-top: 5px;"> Parameter </div> <div style="margin-left:auto;order:2"> <button type="button" onclick="clearParameters('4')" class="clearbutton"> Clear All </button> </div> </div> <div class="row"> <div class="col-lg-12"> <div class="row form-row" style="display:flex"> <div class="col-xs-3 col-lg-4"> <h5 class="sub-title"> Name </h5> </div> <div class="col-xs-3 col-lg-4"> <h5 class="sub-title">Value </h5> </div> <div class="col-xs-3 col-lg-4"> <h5 class="sub-title">Description</h5> </div> </div> <div class="parameterValue"> <div class="row form-row"> <div class="col-lg-4 col-xs-4"> <h5 class="star-align"> <span class="non-mandatory"> * </span> Sid </h5> <span class="para-type">query</span> </div> <div class="col-lg-4 col-xs-8 show "> <input type="text" class="form-control cancel" name=Sid alt=query > </div> <div class="col-lg-4 col-xs-8 hidden"> <div style="display:flex;"> <div class="fileuploadElement file-in cancel" > <i class="fa fa-paperclip"></i> <input onchange="fileUpload(event,this,'4')" alt=query type="file" class="file-bx" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" > </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('4')"></span> </div> </div> <!-- <input type="file" class="form-control cancel" data-iconName="fa fa-upload" onchange="fileUpload(event,'')" name= alt=<?php// the_sub_field('parameter_source'); ?> <?php// $fieldType = get_sub_field('type');?> > --> <!-- <div class="file-upload"> <div style="display: flex;"> <div class="image-upload-wrap"> <input id="file_block_4"class="file-upload-input" type='file' name=Sid alt= onchange="fileUpload(event,this,'<//?php echo $post_counter?>')" /> <div id="intial-text" class="select_text drag-text"> <h3>Please Select your File</h3> </div> <div class="drag-text "> <h3 class="image-title"></h3> </div> </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('<//?php echo $post_counter?>')"></span> </div> </div> <button type="button" class="btn btn-primary uploadfile" onclick="$('.file-upload-input').trigger( 'click' )">Upload</button> </div> --> </div> <div class="col-lg-4 col-xs-8 hidden"> <textarea type="text" alt=query class="form-control prettyprint pun" rows="12"></textarea> </div> <div class="col-lg-6 col-xs-12 descrpt "> <li class="hidden"> <a type="button" class="btn-block" style="font-weight:700" id="consoleDwnldSampleCsv" onclick="downloadFile(event,'')" href="" > <img width="25" src="https://img.icons8.com/fluency-systems-filled/48/4a90e2/download-from-cloud.png"/> Download Sample CSV</a> </li> <p>string; an alpha-numeric unique identifier of the call</p> <p>One or multiple Call SIDs which are comma separated. Recommended limit of SIDs which should be passed together is 20 and maximum allowed limit is 100. If DateCreated is not set, it will only check for last 31 days by default. While querying Sid(s) older than 31 days, DateCreated filter needs to be provided.</p> <p> </p> <p>Example:<br /> /Calls?Sid=48d690c837bb0c755a1228dcb6911416,d7d9cefd9773dd746d8f1e029cdb1417<br /> /Calls?Sid=48d690c837bb0c755a1228dcb6911416&DateCreated=gte:2019-01-01 00:00:00;lte:2019-01-31 23:59:59</p> </div> </div> <div class="row form-row"> <div class="col-lg-4 col-xs-4"> <h5 class="star-align"> <span class="non-mandatory"> * </span> DateCreated </h5> <span class="para-type">query</span> </div> <div class="col-lg-4 col-xs-8 show "> <input type="text" class="form-control cancel" name=DateCreated alt=query > </div> <div class="col-lg-4 col-xs-8 hidden"> <div style="display:flex;"> <div class="fileuploadElement file-in cancel" > <i class="fa fa-paperclip"></i> <input onchange="fileUpload(event,this,'4')" alt=query type="file" class="file-bx" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" > </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('4')"></span> </div> </div> <!-- <input type="file" class="form-control cancel" data-iconName="fa fa-upload" onchange="fileUpload(event,'')" name= alt=<?php// the_sub_field('parameter_source'); ?> <?php// $fieldType = get_sub_field('type');?> > --> <!-- <div class="file-upload"> <div style="display: flex;"> <div class="image-upload-wrap"> <input id="file_block_4"class="file-upload-input" type='file' name=DateCreated alt= onchange="fileUpload(event,this,'<//?php echo $post_counter?>')" /> <div id="intial-text" class="select_text drag-text"> <h3>Please Select your File</h3> </div> <div class="drag-text "> <h3 class="image-title"></h3> </div> </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('<//?php echo $post_counter?>')"></span> </div> </div> <button type="button" class="btn btn-primary uploadfile" onclick="$('.file-upload-input').trigger( 'click' )">Upload</button> </div> --> </div> <div class="col-lg-4 col-xs-8 hidden"> <textarea type="text" alt=query class="form-control prettyprint pun" rows="12"></textarea> </div> <div class="col-lg-6 col-xs-12 descrpt "> <li class="hidden"> <a type="button" class="btn-block" style="font-weight:700" id="consoleDwnldSampleCsv" onclick="downloadFile(event,'')" href="" > <img width="25" src="https://img.icons8.com/fluency-systems-filled/48/4a90e2/download-from-cloud.png"/> Download Sample CSV</a> </li> <p>Date and time at which the Call resource was created in the Exotel system. Supported operators (gte and lte), for more info refer to filter operators section below. You can query call records only up to 6 months old and provide maximum date range of 1 month.</p> <p>Default if not set: Last 31 days</p> <p>Example:<br /> /Calls?DateCreated=gte:2019-01-01 00:00:00;lte:2019-01-31 23:59:59</p> </div> </div> <div class="row form-row"> <div class="col-lg-4 col-xs-4"> <h5 class="star-align"> <span class="non-mandatory"> * </span> To </h5> <span class="para-type">query</span> </div> <div class="col-lg-4 col-xs-8 show "> <input type="text" class="form-control cancel" name=To alt=query > </div> <div class="col-lg-4 col-xs-8 hidden"> <div style="display:flex;"> <div class="fileuploadElement file-in cancel" > <i class="fa fa-paperclip"></i> <input onchange="fileUpload(event,this,'4')" alt=query type="file" class="file-bx" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" > </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('4')"></span> </div> </div> <!-- <input type="file" class="form-control cancel" data-iconName="fa fa-upload" onchange="fileUpload(event,'')" name= alt=<?php// the_sub_field('parameter_source'); ?> <?php// $fieldType = get_sub_field('type');?> > --> <!-- <div class="file-upload"> <div style="display: flex;"> <div class="image-upload-wrap"> <input id="file_block_4"class="file-upload-input" type='file' name=To alt= onchange="fileUpload(event,this,'<//?php echo $post_counter?>')" /> <div id="intial-text" class="select_text drag-text"> <h3>Please Select your File</h3> </div> <div class="drag-text "> <h3 class="image-title"></h3> </div> </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('<//?php echo $post_counter?>')"></span> </div> </div> <button type="button" class="btn btn-primary uploadfile" onclick="$('.file-upload-input').trigger( 'click' )">Upload</button> </div> --> </div> <div class="col-lg-4 col-xs-8 hidden"> <textarea type="text" alt=query class="form-control prettyprint pun" rows="12"></textarea> </div> <div class="col-lg-6 col-xs-12 descrpt "> <li class="hidden"> <a type="button" class="btn-block" style="font-weight:700" id="consoleDwnldSampleCsv" onclick="downloadFile(event,'')" href="" > <img width="25" src="https://img.icons8.com/fluency-systems-filled/48/4a90e2/download-from-cloud.png"/> Download Sample CSV</a> </li> <p>Your customer’s phone number. One or multiple To numbers can be provided (in E.164 format) which are comma separated. (max limit: 5)</p> <p>Example:<br /> /Calls?To=<number-1><br /> /Calls?To=<number-1>,<number-2>”</p> </div> </div> <div class="row form-row"> <div class="col-lg-4 col-xs-4"> <h5 class="star-align"> <span class="non-mandatory"> * </span> From </h5> <span class="para-type">query</span> </div> <div class="col-lg-4 col-xs-8 show "> <input type="text" class="form-control cancel" name=From alt=query > </div> <div class="col-lg-4 col-xs-8 hidden"> <div style="display:flex;"> <div class="fileuploadElement file-in cancel" > <i class="fa fa-paperclip"></i> <input onchange="fileUpload(event,this,'4')" alt=query type="file" class="file-bx" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" > </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('4')"></span> </div> </div> <!-- <input type="file" class="form-control cancel" data-iconName="fa fa-upload" onchange="fileUpload(event,'')" name= alt=<?php// the_sub_field('parameter_source'); ?> <?php// $fieldType = get_sub_field('type');?> > --> <!-- <div class="file-upload"> <div style="display: flex;"> <div class="image-upload-wrap"> <input id="file_block_4"class="file-upload-input" type='file' name=From alt= onchange="fileUpload(event,this,'<//?php echo $post_counter?>')" /> <div id="intial-text" class="select_text drag-text"> <h3>Please Select your File</h3> </div> <div class="drag-text "> <h3 class="image-title"></h3> </div> </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('<//?php echo $post_counter?>')"></span> </div> </div> <button type="button" class="btn btn-primary uploadfile" onclick="$('.file-upload-input').trigger( 'click' )">Upload</button> </div> --> </div> <div class="col-lg-4 col-xs-8 hidden"> <textarea type="text" alt=query class="form-control prettyprint pun" rows="12"></textarea> </div> <div class="col-lg-6 col-xs-12 descrpt "> <li class="hidden"> <a type="button" class="btn-block" style="font-weight:700" id="consoleDwnldSampleCsv" onclick="downloadFile(event,'')" href="" > <img width="25" src="https://img.icons8.com/fluency-systems-filled/48/4a90e2/download-from-cloud.png"/> Download Sample CSV</a> </li> <p>The phone number that will be called first. One or multiple From numbers can be provided (in E.164 format) which are comma separated. (max limit: 5)</p> <p>Example:<br /> /Calls?From=<number-1><br /> /Calls?From=<number-1>,<number-2>,…</p> </div> </div> <div class="row form-row"> <div class="col-lg-4 col-xs-4"> <h5 class="star-align"> <span class="non-mandatory"> * </span> Status </h5> <span class="para-type">query</span> </div> <div class="col-lg-4 col-xs-8 show "> <input type="text" class="form-control cancel" name=Status alt=query > </div> <div class="col-lg-4 col-xs-8 hidden"> <div style="display:flex;"> <div class="fileuploadElement file-in cancel" > <i class="fa fa-paperclip"></i> <input onchange="fileUpload(event,this,'4')" alt=query type="file" class="file-bx" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" > </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('4')"></span> </div> </div> <!-- <input type="file" class="form-control cancel" data-iconName="fa fa-upload" onchange="fileUpload(event,'')" name= alt=<?php// the_sub_field('parameter_source'); ?> <?php// $fieldType = get_sub_field('type');?> > --> <!-- <div class="file-upload"> <div style="display: flex;"> <div class="image-upload-wrap"> <input id="file_block_4"class="file-upload-input" type='file' name=Status alt= onchange="fileUpload(event,this,'<//?php echo $post_counter?>')" /> <div id="intial-text" class="select_text drag-text"> <h3>Please Select your File</h3> </div> <div class="drag-text "> <h3 class="image-title"></h3> </div> </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('<//?php echo $post_counter?>')"></span> </div> </div> <button type="button" class="btn btn-primary uploadfile" onclick="$('.file-upload-input').trigger( 'click' )">Upload</button> </div> --> </div> <div class="col-lg-4 col-xs-8 hidden"> <textarea type="text" alt=query class="form-control prettyprint pun" rows="12"></textarea> </div> <div class="col-lg-6 col-xs-12 descrpt "> <li class="hidden"> <a type="button" class="btn-block" style="font-weight:700" id="consoleDwnldSampleCsv" onclick="downloadFile(event,'')" href="" > <img width="25" src="https://img.icons8.com/fluency-systems-filled/48/4a90e2/download-from-cloud.png"/> Download Sample CSV</a> </li> <p>Overall call status, which could be one of:</p> <ul> <li> <p>queued – The call is ready and waiting in line before going out</p> </li> <li> <p>ringing – The call is currently in-flight</p> </li> <li> <p>in-progress – The call was answered and is currently in progress</p> </li> <li> <p>completed – The call was answered and has ended normally</p> </li> <li> <p>failed – The call could not be completed as dialled, most likely because the phone number was non-existent</p> </li> <li> <p>busy – The caller received a busy signal</p> </li> <li> <p>no-answer – The call ended without being answered</p> </li> </ul> <p>Example:<br /> /Calls?Status=completed<br /> /Calls?Status=failed,no-answer,busy,canceled</p> </div> </div> <div class="row form-row"> <div class="col-lg-4 col-xs-4"> <h5 class="star-align"> <span class="non-mandatory"> * </span> Duration </h5> <span class="para-type">query</span> </div> <div class="col-lg-4 col-xs-8 show "> <input type="text" class="form-control cancel" name=Duration alt=query > </div> <div class="col-lg-4 col-xs-8 hidden"> <div style="display:flex;"> <div class="fileuploadElement file-in cancel" > <i class="fa fa-paperclip"></i> <input onchange="fileUpload(event,this,'4')" alt=query type="file" class="file-bx" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" > </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('4')"></span> </div> </div> <!-- <input type="file" class="form-control cancel" data-iconName="fa fa-upload" onchange="fileUpload(event,'')" name= alt=<?php// the_sub_field('parameter_source'); ?> <?php// $fieldType = get_sub_field('type');?> > --> <!-- <div class="file-upload"> <div style="display: flex;"> <div class="image-upload-wrap"> <input id="file_block_4"class="file-upload-input" type='file' name=Duration alt= onchange="fileUpload(event,this,'<//?php echo $post_counter?>')" /> <div id="intial-text" class="select_text drag-text"> <h3>Please Select your File</h3> </div> <div class="drag-text "> <h3 class="image-title"></h3> </div> </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('<//?php echo $post_counter?>')"></span> </div> </div> <button type="button" class="btn btn-primary uploadfile" onclick="$('.file-upload-input').trigger( 'click' )">Upload</button> </div> --> </div> <div class="col-lg-4 col-xs-8 hidden"> <textarea type="text" alt=query class="form-control prettyprint pun" rows="12"></textarea> </div> <div class="col-lg-6 col-xs-12 descrpt "> <li class="hidden"> <a type="button" class="btn-block" style="font-weight:700" id="consoleDwnldSampleCsv" onclick="downloadFile(event,'')" href="" > <img width="25" src="https://img.icons8.com/fluency-systems-filled/48/4a90e2/download-from-cloud.png"/> Download Sample CSV</a> </li> <p>Call duration in seconds. Supported operators (gte, eq and lte), for more info refer to filter operators section below.</p> <p>Example:<br /> /Calls?Duration=gte:10s;lte:45s<br /> /Calls?Duration=eq:30s</p> </div> </div> <div class="row form-row"> <div class="col-lg-4 col-xs-4"> <h5 class="star-align"> <span class="non-mandatory"> * </span> Price </h5> <span class="para-type">query</span> </div> <div class="col-lg-4 col-xs-8 show "> <input type="text" class="form-control cancel" name=Price alt=query > </div> <div class="col-lg-4 col-xs-8 hidden"> <div style="display:flex;"> <div class="fileuploadElement file-in cancel" > <i class="fa fa-paperclip"></i> <input onchange="fileUpload(event,this,'4')" alt=query type="file" class="file-bx" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" > </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('4')"></span> </div> </div> <!-- <input type="file" class="form-control cancel" data-iconName="fa fa-upload" onchange="fileUpload(event,'')" name= alt=<?php// the_sub_field('parameter_source'); ?> <?php// $fieldType = get_sub_field('type');?> > --> <!-- <div class="file-upload"> <div style="display: flex;"> <div class="image-upload-wrap"> <input id="file_block_4"class="file-upload-input" type='file' name=Price alt= onchange="fileUpload(event,this,'<//?php echo $post_counter?>')" /> <div id="intial-text" class="select_text drag-text"> <h3>Please Select your File</h3> </div> <div class="drag-text "> <h3 class="image-title"></h3> </div> </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('<//?php echo $post_counter?>')"></span> </div> </div> <button type="button" class="btn btn-primary uploadfile" onclick="$('.file-upload-input').trigger( 'click' )">Upload</button> </div> --> </div> <div class="col-lg-4 col-xs-8 hidden"> <textarea type="text" alt=query class="form-control prettyprint pun" rows="12"></textarea> </div> <div class="col-lg-6 col-xs-12 descrpt "> <li class="hidden"> <a type="button" class="btn-block" style="font-weight:700" id="consoleDwnldSampleCsv" onclick="downloadFile(event,'')" href="" > <img width="25" src="https://img.icons8.com/fluency-systems-filled/48/4a90e2/download-from-cloud.png"/> Download Sample CSV</a> </li> <p>If present, this will be the amount (as per your billing currency) you have been charged for the call. Supported operators (gte, eq and lte), for more info refer to filter operators section below.</p> <p>Example:<br /> /Calls?Price=gte:0.10;lte:1.0<br /> /Calls?Price=eq:0.300030</p> </div> </div> <div class="row form-row"> <div class="col-lg-4 col-xs-4"> <h5 class="star-align"> <span class="non-mandatory"> * </span> Direction </h5> <span class="para-type">query</span> </div> <div class="col-lg-4 col-xs-8 show "> <input type="text" class="form-control cancel" name=Direction alt=query > </div> <div class="col-lg-4 col-xs-8 hidden"> <div style="display:flex;"> <div class="fileuploadElement file-in cancel" > <i class="fa fa-paperclip"></i> <input onchange="fileUpload(event,this,'4')" alt=query type="file" class="file-bx" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" > </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('4')"></span> </div> </div> <!-- <input type="file" class="form-control cancel" data-iconName="fa fa-upload" onchange="fileUpload(event,'')" name= alt=<?php// the_sub_field('parameter_source'); ?> <?php// $fieldType = get_sub_field('type');?> > --> <!-- <div class="file-upload"> <div style="display: flex;"> <div class="image-upload-wrap"> <input id="file_block_4"class="file-upload-input" type='file' name=Direction alt= onchange="fileUpload(event,this,'<//?php echo $post_counter?>')" /> <div id="intial-text" class="select_text drag-text"> <h3>Please Select your File</h3> </div> <div class="drag-text "> <h3 class="image-title"></h3> </div> </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('<//?php echo $post_counter?>')"></span> </div> </div> <button type="button" class="btn btn-primary uploadfile" onclick="$('.file-upload-input').trigger( 'click' )">Upload</button> </div> --> </div> <div class="col-lg-4 col-xs-8 hidden"> <textarea type="text" alt=query class="form-control prettyprint pun" rows="12"></textarea> </div> <div class="col-lg-6 col-xs-12 descrpt "> <li class="hidden"> <a type="button" class="btn-block" style="font-weight:700" id="consoleDwnldSampleCsv" onclick="downloadFile(event,'')" href="" > <img width="25" src="https://img.icons8.com/fluency-systems-filled/48/4a90e2/download-from-cloud.png"/> Download Sample CSV</a> </li> <ul> <li> <p>inbound</p> </li> <li> <p>outbound-dial – Outbound calls from Exotel dashboard</p> </li> <li> <p>outbound-api – All other Outbound calls (API, campaign etc.)</p> </li> </ul> <p>Example:<br /> /Calls?Direction=inbound<br /> /Calls?Direction=outbound-dial,inbound</p> </div> </div> <div class="row form-row"> <div class="col-lg-4 col-xs-4"> <h5 class="star-align"> <span class="non-mandatory"> * </span> PhoneNumber </h5> <span class="para-type">query</span> </div> <div class="col-lg-4 col-xs-8 show "> <input type="text" class="form-control cancel" name=PhoneNumber alt=query > </div> <div class="col-lg-4 col-xs-8 hidden"> <div style="display:flex;"> <div class="fileuploadElement file-in cancel" > <i class="fa fa-paperclip"></i> <input onchange="fileUpload(event,this,'4')" alt=query type="file" class="file-bx" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" > </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('4')"></span> </div> </div> <!-- <input type="file" class="form-control cancel" data-iconName="fa fa-upload" onchange="fileUpload(event,'')" name= alt=<?php// the_sub_field('parameter_source'); ?> <?php// $fieldType = get_sub_field('type');?> > --> <!-- <div class="file-upload"> <div style="display: flex;"> <div class="image-upload-wrap"> <input id="file_block_4"class="file-upload-input" type='file' name=PhoneNumber alt= onchange="fileUpload(event,this,'<//?php echo $post_counter?>')" /> <div id="intial-text" class="select_text drag-text"> <h3>Please Select your File</h3> </div> <div class="drag-text "> <h3 class="image-title"></h3> </div> </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('<//?php echo $post_counter?>')"></span> </div> </div> <button type="button" class="btn btn-primary uploadfile" onclick="$('.file-upload-input').trigger( 'click' )">Upload</button> </div> --> </div> <div class="col-lg-4 col-xs-8 hidden"> <textarea type="text" alt=query class="form-control prettyprint pun" rows="12"></textarea> </div> <div class="col-lg-6 col-xs-12 descrpt "> <li class="hidden"> <a type="button" class="btn-block" style="font-weight:700" id="consoleDwnldSampleCsv" onclick="downloadFile(event,'')" href="" > <img width="25" src="https://img.icons8.com/fluency-systems-filled/48/4a90e2/download-from-cloud.png"/> Download Sample CSV</a> </li> <p>This represents the Virtual Number (ExoPhone) used for the call. One or multiple PhoneNumber(s) can be provided (in E.164 format) which are comma separated. (max limit: 5)</p> <p>Example:<br /> /Calls?PhoneNumber=<vn-1><br /> /Calls?PhoneNumber=<vn-1>,<vn-2>,…</p> </div> </div> <div class="row form-row"> <div class="col-lg-4 col-xs-4"> <h5 class="star-align"> <span class="non-mandatory"> * </span> PageSize </h5> <span class="para-type">query</span> </div> <div class="col-lg-4 col-xs-8 show "> <input type="text" class="form-control cancel" name=PageSize alt=query > </div> <div class="col-lg-4 col-xs-8 hidden"> <div style="display:flex;"> <div class="fileuploadElement file-in cancel" > <i class="fa fa-paperclip"></i> <input onchange="fileUpload(event,this,'4')" alt=query type="file" class="file-bx" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" > </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('4')"></span> </div> </div> <!-- <input type="file" class="form-control cancel" data-iconName="fa fa-upload" onchange="fileUpload(event,'')" name= alt=<?php// the_sub_field('parameter_source'); ?> <?php// $fieldType = get_sub_field('type');?> > --> <!-- <div class="file-upload"> <div style="display: flex;"> <div class="image-upload-wrap"> <input id="file_block_4"class="file-upload-input" type='file' name=PageSize alt= onchange="fileUpload(event,this,'<//?php echo $post_counter?>')" /> <div id="intial-text" class="select_text drag-text"> <h3>Please Select your File</h3> </div> <div class="drag-text "> <h3 class="image-title"></h3> </div> </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('<//?php echo $post_counter?>')"></span> </div> </div> <button type="button" class="btn btn-primary uploadfile" onclick="$('.file-upload-input').trigger( 'click' )">Upload</button> </div> --> </div> <div class="col-lg-4 col-xs-8 hidden"> <textarea type="text" alt=query class="form-control prettyprint pun" rows="12"></textarea> </div> <div class="col-lg-6 col-xs-12 descrpt "> <li class="hidden"> <a type="button" class="btn-block" style="font-weight:700" id="consoleDwnldSampleCsv" onclick="downloadFile(event,'')" href="" > <img width="25" src="https://img.icons8.com/fluency-systems-filled/48/4a90e2/download-from-cloud.png"/> Download Sample CSV</a> </li> <p>This represents number of records visible in one page of the API response. Default: 50, Max: 100</p> </div> </div> <div class="row form-row"> <div class="col-lg-4 col-xs-4"> <h5 class="star-align"> <span class="non-mandatory"> * </span> SortBy </h5> <span class="para-type">query</span> </div> <div class="col-lg-4 col-xs-8 show "> <input type="text" class="form-control cancel" name=SortBy alt=query > </div> <div class="col-lg-4 col-xs-8 hidden"> <div style="display:flex;"> <div class="fileuploadElement file-in cancel" > <i class="fa fa-paperclip"></i> <input onchange="fileUpload(event,this,'4')" alt=query type="file" class="file-bx" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" > </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('4')"></span> </div> </div> <!-- <input type="file" class="form-control cancel" data-iconName="fa fa-upload" onchange="fileUpload(event,'')" name= alt=<?php// the_sub_field('parameter_source'); ?> <?php// $fieldType = get_sub_field('type');?> > --> <!-- <div class="file-upload"> <div style="display: flex;"> <div class="image-upload-wrap"> <input id="file_block_4"class="file-upload-input" type='file' name=SortBy alt= onchange="fileUpload(event,this,'<//?php echo $post_counter?>')" /> <div id="intial-text" class="select_text drag-text"> <h3>Please Select your File</h3> </div> <div class="drag-text "> <h3 class="image-title"></h3> </div> </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('<//?php echo $post_counter?>')"></span> </div> </div> <button type="button" class="btn btn-primary uploadfile" onclick="$('.file-upload-input').trigger( 'click' )">Upload</button> </div> --> </div> <div class="col-lg-4 col-xs-8 hidden"> <textarea type="text" alt=query class="form-control prettyprint pun" rows="12"></textarea> </div> <div class="col-lg-6 col-xs-12 descrpt "> <li class="hidden"> <a type="button" class="btn-block" style="font-weight:700" id="consoleDwnldSampleCsv" onclick="downloadFile(event,'')" href="" > <img width="25" src="https://img.icons8.com/fluency-systems-filled/48/4a90e2/download-from-cloud.png"/> Download Sample CSV</a> </li> <p>This indicates in what order the Call records are sorted in the API response. By default records are sorted by DateCreated in descending order. However, you can override the same in following way for ascending order:</p> <p>Example:<br /> /Calls?SortBy=DateCreated:asc</p> </div> </div> <div class="row form-row"> <div class="col-lg-4 col-xs-4"> <h5 class="star-align"> <span class="non-mandatory"> * </span> Before </h5> <span class="para-type">query</span> </div> <div class="col-lg-4 col-xs-8 show "> <input type="text" class="form-control cancel" name=Before alt=query > </div> <div class="col-lg-4 col-xs-8 hidden"> <div style="display:flex;"> <div class="fileuploadElement file-in cancel" > <i class="fa fa-paperclip"></i> <input onchange="fileUpload(event,this,'4')" alt=query type="file" class="file-bx" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" > </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('4')"></span> </div> </div> <!-- <input type="file" class="form-control cancel" data-iconName="fa fa-upload" onchange="fileUpload(event,'')" name= alt=<?php// the_sub_field('parameter_source'); ?> <?php// $fieldType = get_sub_field('type');?> > --> <!-- <div class="file-upload"> <div style="display: flex;"> <div class="image-upload-wrap"> <input id="file_block_4"class="file-upload-input" type='file' name=Before alt= onchange="fileUpload(event,this,'<//?php echo $post_counter?>')" /> <div id="intial-text" class="select_text drag-text"> <h3>Please Select your File</h3> </div> <div class="drag-text "> <h3 class="image-title"></h3> </div> </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('<//?php echo $post_counter?>')"></span> </div> </div> <button type="button" class="btn btn-primary uploadfile" onclick="$('.file-upload-input').trigger( 'click' )">Upload</button> </div> --> </div> <div class="col-lg-4 col-xs-8 hidden"> <textarea type="text" alt=query class="form-control prettyprint pun" rows="12"></textarea> </div> <div class="col-lg-6 col-xs-12 descrpt "> <li class="hidden"> <a type="button" class="btn-block" style="font-weight:700" id="consoleDwnldSampleCsv" onclick="downloadFile(event,'')" href="" > <img width="25" src="https://img.icons8.com/fluency-systems-filled/48/4a90e2/download-from-cloud.png"/> Download Sample CSV</a> </li> <p>Auto generated unique string returned in the PrevPageUri (under Metadata) to be used as query param when at least one record is returned in that page. The value of this field is a cursor which identifies a call record uniquely.</p> </div> </div> <div class="row form-row"> <div class="col-lg-4 col-xs-4"> <h5 class="star-align"> <span class="non-mandatory"> * </span> After </h5> <span class="para-type">query</span> </div> <div class="col-lg-4 col-xs-8 show "> <input type="text" class="form-control cancel" name=After alt=query > </div> <div class="col-lg-4 col-xs-8 hidden"> <div style="display:flex;"> <div class="fileuploadElement file-in cancel" > <i class="fa fa-paperclip"></i> <input onchange="fileUpload(event,this,'4')" alt=query type="file" class="file-bx" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" > </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('4')"></span> </div> </div> <!-- <input type="file" class="form-control cancel" data-iconName="fa fa-upload" onchange="fileUpload(event,'')" name= alt=<?php// the_sub_field('parameter_source'); ?> <?php// $fieldType = get_sub_field('type');?> > --> <!-- <div class="file-upload"> <div style="display: flex;"> <div class="image-upload-wrap"> <input id="file_block_4"class="file-upload-input" type='file' name=After alt= onchange="fileUpload(event,this,'<//?php echo $post_counter?>')" /> <div id="intial-text" class="select_text drag-text"> <h3>Please Select your File</h3> </div> <div class="drag-text "> <h3 class="image-title"></h3> </div> </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('<//?php echo $post_counter?>')"></span> </div> </div> <button type="button" class="btn btn-primary uploadfile" onclick="$('.file-upload-input').trigger( 'click' )">Upload</button> </div> --> </div> <div class="col-lg-4 col-xs-8 hidden"> <textarea type="text" alt=query class="form-control prettyprint pun" rows="12"></textarea> </div> <div class="col-lg-6 col-xs-12 descrpt "> <li class="hidden"> <a type="button" class="btn-block" style="font-weight:700" id="consoleDwnldSampleCsv" onclick="downloadFile(event,'')" href="" > <img width="25" src="https://img.icons8.com/fluency-systems-filled/48/4a90e2/download-from-cloud.png"/> Download Sample CSV</a> </li> <p>Auto generated unique string returned in the NextPageUri (under Metadata) to be used as query param when at least one record is present in that page. The value of this field is a cursor which identifies a call record uniquely.</p> </div> </div> </div> <div class="row form-row"> </div> </div> </div> <div class="row drp-area form-row col-lg-12 " style="padding: 1rem 0rem;"> <div class="col-lg-2"> <h5 style="margin: auto auto 2vh auto;">Response Content Type </h5> </div> <div class="col-lg-4 " style="display: flex;padding: 0rem;"> <select class="form-control" id="responseTypeSelected_4"> <option value="application/json">application/json</option> <option value="application/xml">application/xml</option> </select> </div> </div> <div class="row drp-area form-row col-lg-12 show"> <div class="col-lg-4" style="padding:1rem 0rem"> <li> <a type="button" class="trybutton btn-block" id="consoleApiTryBtn" onclick="submitPostdata(event,'https://<subdomain>/v1/Accounts/<your_sid>/Calls<json>','get','4')" href="https://developer.exotel.com/api/make-a-call-api#bulk-call-details" >Try it Now</a> </li> </div> </div> <div hidden class="loading" id="spinner"></div> </form> <div id="parameterRequest_4" style="display:none"> <div class="parameter" style="display:flex;margin:10px 0px"> <div> Server Connection </div> </div> <div class="row form-row"> <div class="col-lg-4"> <h5 class="sub-title heading">Request </h5> </div> </div> <div class="row form-row"> <div class="col-lg-2"> <h5 class="sub-title">Curl</h5> </div> <div class="col-lg-10"> <div class="tab-content"> <div role="tabpanel" class="tab-pane copy-text active"> <pre id="requestCurl_4" class="prettyprint lang-bsh prettyprinted" style="display: flex;min-height:10vh;"> </pre> <button class="copy-button" id="btn2_4" onclick="copyFunction(event,'requestCurl_4','btn2_4')">Copy</button> </div> </div> </div> </div> <div> <div class="row form-row"> <div class="col-lg-3"> <h5 class="sub-title heading">Response </h5> </div> </div> <div class="row form-row"> <div class="col-lg-2"> <h5 class="sub-title">Code</h5> </div> <div class="col-lg-6"> <h5 class="sub-title">Details</h5> </div> </div> <div class="row form-row"> <div class="col-lg-2"> <h5 class="sub-title" id="responseCode_4"></h5> </div> <div class="col-lg-10"> <div class="tab-content"> <div role="tabpanel" class="tab-pane copy-text active"> <pre id="responseOutput_4" class="prettyprint lang-bsh prettyprinted codeClr"> </pre> <button class="copy-button copy-text" id="btn3_4" onclick="copyFunction(event,'responseOutput_4','btn3_4')">Copy</button> </div> </div> </div> </div> </div> </div> <hr> </div> </div> </div> </div> </section> <section class="sectionClass" id="NumberMetadata"> <div class="panel-group" id='accordion5' role="tablist" aria-multiselectable="true"> <div class="panel panel-default"> <div class="panel-heading" role="tab" id="headingOne5" style="display:flex"> <a role="button" data-toggle="collapse" data-parent="#accordion5" href="#collapse5" aria-controls="#collapse5" aria-expanded="false"> <i class="icon-right pull-right"> <img src="https://developer.exotel.com/wp-content/themes/exotel/assets/images/custom-images/cheveron-right.svg"/> </i> <i class="icon-down pull-right"> <img src="https://developer.exotel.com/wp-content/themes/exotel/assets/images/custom-images/openIcon.svg"/> </i> </a> <h1 class="panel-title"> Number Metadata </h1> <a href="https://developer.exotel.com/api/make-a-call-api#metadata-phone" class="apidoclink" target="_blank"> Open in API docs </a> </div> <div id='collapse5' class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne5"> <div class="panel-body"> <form name="form1" id="submitDataForm_5" id=""> <div class="well"> <span class="get">GET</span> <p class="copy-text"> <span id="copyitem_5">https://<your_api_key>:<your_api_token><subdomain>/v1/Accounts/<your_sid>/Numbers/~number~</span> <input type="text" name="apiMethod" hidden value="get"> <input type="text" name="tryoutApi" hidden value="https://<subdomain>/v1/Accounts/<your_sid>/Numbers/<path><json>"> <button class="copy-button" id="btn_5" onclick="copyFunction(event,'copyitem_5','btn_5')">Copy</button> </p> </div> <div class="wrapper-list"> <p>This API provides the following metadata about a phone number:</p> <p>Telecom Circle<br /> Telecom Circle Name<br /> Number Type<br /> Whether the number belongs to DND or not</p> </div> <div class="wrapper-list"> </div> <div class="parameter" style="display:flex;margin-top: 5px;"> <div style="margin-top: 5px;"> Parameter </div> <div style="margin-left:auto;order:2"> <button type="button" onclick="clearParameters('5')" class="clearbutton"> Clear All </button> </div> </div> <div class="row"> <div class="col-lg-12"> <div class="row form-row" style="display:flex"> <div class="col-xs-3 col-lg-4"> <h5 class="sub-title"> Name </h5> </div> <div class="col-xs-3 col-lg-4"> <h5 class="sub-title">Value </h5> </div> <div class="col-xs-3 col-lg-4"> <h5 class="sub-title">Description</h5> </div> </div> <div class="parameterValue"> <div class="row form-row"> <div class="col-lg-4 col-xs-4"> <h5 class="star-align"> <span class="mandatory"> * </span> PhoneNumber </h5> <span class="para-type">path</span> </div> <div class="col-lg-4 col-xs-8 show "> <input type="text" class="form-control cancel" name=PhoneNumber alt=path required> </div> <div class="col-lg-4 col-xs-8 hidden"> <div style="display:flex;"> <div class="fileuploadElement file-in cancel" > <i class="fa fa-paperclip"></i> <input onchange="fileUpload(event,this,'5')" alt=path type="file" class="file-bx" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" > </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('5')"></span> </div> </div> <!-- <input type="file" class="form-control cancel" data-iconName="fa fa-upload" onchange="fileUpload(event,'')" name= alt=<?php// the_sub_field('parameter_source'); ?> <?php// $fieldType = get_sub_field('type');?> > --> <!-- <div class="file-upload"> <div style="display: flex;"> <div class="image-upload-wrap"> <input id="file_block_5"class="file-upload-input" type='file' name=PhoneNumber alt= onchange="fileUpload(event,this,'<//?php echo $post_counter?>')" /> <div id="intial-text" class="select_text drag-text"> <h3>Please Select your File</h3> </div> <div class="drag-text "> <h3 class="image-title"></h3> </div> </div> <div class="file-upload-content"style="margin: auto;"> <span class="crosssign remove-image" type="button" onclick="removeUpload('<//?php echo $post_counter?>')"></span> </div> </div> <button type="button" class="btn btn-primary uploadfile" onclick="$('.file-upload-input').trigger( 'click' )">Upload</button> </div> --> </div> <div class="col-lg-4 col-xs-8 hidden"> <textarea type="text" alt=path class="form-control prettyprint pun" rows="12"></textarea> </div> <div class="col-lg-6 col-xs-12 descrpt "> <li class="hidden"> <a type="button" class="btn-block" style="font-weight:700" id="consoleDwnldSampleCsv" onclick="downloadFile(event,'')" href="" > <img width="25" src="https://img.icons8.com/fluency-systems-filled/48/4a90e2/download-from-cloud.png"/> Download Sample CSV</a> </li> <p>Phone number for which metadata is needed</p> </div> </div> </div> <div class="row form-row"> </div> </div> </div> <div class="row drp-area form-row col-lg-12 " style="padding: 1rem 0rem;"> <div class="col-lg-2"> <h5 style="margin: auto auto 2vh auto;">Response Content Type </h5> </div> <div class="col-lg-4 " style="display: flex;padding: 0rem;"> <select class="form-control" id="responseTypeSelected_5"> <option value="application/json">application/json</option> <option value="application/xml">application/xml</option> </select> </div> </div> <div class="row drp-area form-row col-lg-12 show"> <div class="col-lg-4" style="padding:1rem 0rem"> <li> <a type="button" class="trybutton btn-block" id="consoleApiTryBtn" onclick="submitPostdata(event,'https://<subdomain>/v1/Accounts/<your_sid>/Numbers/<path><json>','get','5')" href="https://developer.exotel.com/api/make-a-call-api#metadata-phone" >Try it Now</a> </li> </div> </div> <div hidden class="loading" id="spinner"></div> </form> <div id="parameterRequest_5" style="display:none"> <div class="parameter" style="display:flex;margin:10px 0px"> <div> Server Connection </div> </div> <div class="row form-row"> <div class="col-lg-4"> <h5 class="sub-title heading">Request </h5> </div> </div> <div class="row form-row"> <div class="col-lg-2"> <h5 class="sub-title">Curl</h5> </div> <div class="col-lg-10"> <div class="tab-content"> <div role="tabpanel" class="tab-pane copy-text active"> <pre id="requestCurl_5" class="prettyprint lang-bsh prettyprinted" style="display: flex;min-height:10vh;"> </pre> <button class="copy-button" id="btn2_5" onclick="copyFunction(event,'requestCurl_5','btn2_5')">Copy</button> </div> </div> </div> </div> <div> <div class="row form-row"> <div class="col-lg-3"> <h5 class="sub-title heading">Response </h5> </div> </div> <div class="row form-row"> <div class="col-lg-2"> <h5 class="sub-title">Code</h5> </div> <div class="col-lg-6"> <h5 class="sub-title">Details</h5> </div> </div> <div class="row form-row"> <div class="col-lg-2"> <h5 class="sub-title" id="responseCode_5"></h5> </div> <div class="col-lg-10"> <div class="tab-content"> <div role="tabpanel" class="tab-pane copy-text active"> <pre id="responseOutput_5" class="prettyprint lang-bsh prettyprinted codeClr"> </pre> <button class="copy-button copy-text" id="btn3_5" onclick="copyFunction(event,'responseOutput_5','btn3_5')">Copy</button> </div> </div> </div> </div> </div> </div> <hr> </div> </div> </div> </div> </section> </div> </div> <div class="row"> <footer id="footer"> <div class="container"> <div class="row"> <div class="col-sm-3"><img class="footer-logo" src="https://developer.exotel.com/wp-content/uploads/2019/10/exotel-footer-logo-2.svg" alt=""> </div> <div class="col-sm-6"> <ul class="list-inline footer-links"> <li><a href="https://exotel.com/about-us/">About Exotel</a></li> <li><a href="https://exotel.com/careers/">Careers</a></li> <li><a href="https://exotel.com/privacy-policy/">Privacy Policy</a></li> <li><a href="https://exotel.com/terms-of-service/">Terms of Service</a></li> <li><a href="http://support.exotel.in/support/home">Support</a></li> <li><a href="https://exotel.com/contact/">Contact</a></li> </ul> </div> <div class="col-sm-3 copyrights"> © 2024Exotel Telecom Pvt. Ltd.</div> </div> </div> </footer> </div> <script src="https://cdn-in.pagesense.io/js/exotel/c6a655fb28364a0d82a2e6874dbec9c0.js"></script> <!-- Google Tag Manager (noscript) snippet added by Site Kit --> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TSLF3FD" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <!-- End Google Tag Manager (noscript) snippet added by Site Kit --> <script type='text/javascript' src='https://developer.exotel.com/wp-includes/js/dist/vendor/regenerator-runtime.min.js?ver=0.13.7' id='regenerator-runtime-js'></script> <script type='text/javascript' src='https://developer.exotel.com/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=3.15.0' id='wp-polyfill-js'></script> <script type='text/javascript' id='contact-form-7-js-extra'> /* <![CDATA[ */ var wpcf7 = {"api":{"root":"https:\/\/developer.exotel.com\/wp-json\/","namespace":"contact-form-7\/v1"},"cached":"1"}; var wpcf7 = {"api":{"root":"https:\/\/developer.exotel.com\/wp-json\/","namespace":"contact-form-7\/v1"},"cached":"1"}; /* ]]> */ </script> <script type='text/javascript' src='https://developer.exotel.com/wp-content/plugins/contact-form-7/includes/js/index.js?ver=5.5.3' id='contact-form-7-js'></script> <script type='text/javascript' src='https://developer.exotel.com/wp-includes/js/jquery/ui/core.min.js?ver=1.12.1' id='jquery-ui-core-js'></script> <script type='text/javascript' src='https://developer.exotel.com/wp-includes/js/jquery/ui/datepicker.min.js?ver=1.12.1' id='jquery-ui-datepicker-js'></script> <script type='text/javascript' id='jquery-ui-datepicker-js-after'> jQuery(document).ready(function(jQuery){jQuery.datepicker.setDefaults({"closeText":"Close","currentText":"Today","monthNames":["January","February","March","April","May","June","July","August","September","October","November","December"],"monthNamesShort":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"nextText":"Next","prevText":"Previous","dayNames":["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],"dayNamesShort":["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],"dayNamesMin":["S","M","T","W","T","F","S"],"dateFormat":"MM d, yy","firstDay":1,"isRTL":false});}); jQuery(document).ready(function(jQuery){jQuery.datepicker.setDefaults({"closeText":"Close","currentText":"Today","monthNames":["January","February","March","April","May","June","July","August","September","October","November","December"],"monthNamesShort":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"nextText":"Next","prevText":"Previous","dayNames":["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],"dayNamesShort":["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],"dayNamesMin":["S","M","T","W","T","F","S"],"dateFormat":"MM d, yy","firstDay":1,"isRTL":false});}); </script> <script type='text/javascript' src='https://developer.exotel.com/wp-content/themes/exotel/assets/js/scripts.js?ver=5.8.10' id='script-js'></script> <script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/run_prettify.min.js?ver=5.8.10' id='prettify-js'></script> <script type='text/javascript' src='https://developer.exotel.com/wp-includes/js/clipboard.min.js?ver=5.8.10' id='clipboard-js'></script> <script type='text/javascript' src='https://developer.exotel.com/wp-content/themes/exotel/assets/js/apiconsole/custom.js?ver=5.8.10' id='custom-js'></script> <script type='text/javascript' src='https://developer.exotel.com/wp-content/themes/exotel/assets/js/apiconsole/xlsx.full.min.js?ver=5.8.10' id='custom1-js'></script> <script type='text/javascript' src='https://developer.exotel.com/wp-content/themes/exotel/script.js?ver=5.8.10' id='des_script-js'></script> <script type='text/javascript' src='https://developer.exotel.com/wp-content/themes/exotel/assets/js/apiconsole/analytics.js?ver=5.8.10' id='analytics-js'></script> <script> window.fwSettings={ 'widget_id':3000000035 }; !function(){if("function"!=typeof window.FreshworksWidget){var n=function(){n.q.push(arguments)};n.q=[],window.FreshworksWidget=n}}() // collapase accordins var colhold=""; function funcollapse(x){ $(".coll-in").hide(); $(".icond").show(); $(".iconu").hide(); console.log(x) if(colhold==x){ // $(x).hide(); document.getElementById(x+"icond").style.display = ""; document.getElementById(x +"iconu").style.display = "none"; $(x).removeClass('collapsed'); document.getElementById(x).style.display = "none"; colhold=""; }else { // console.log(x+"icon") $(x).addClass('collapsed'); document.getElementById(x+"icond").style.display = "none"; document.getElementById(x +"iconu").style.display = ""; document.getElementById(x).style.display = ""; colhold=x; } // console.log(x,colhold) } </script> <script type='text/javascript' src='https://widget.freshworks.com/widgets/3000000035.js' async defer></script> </body> </html>