{"id":1087,"date":"2022-11-08T20:45:02","date_gmt":"2022-11-08T20:45:02","guid":{"rendered":"https:\/\/alvochat.com\/blog\/inviare-unapi-whatsapp-con-javascript\/"},"modified":"2022-11-13T06:57:28","modified_gmt":"2022-11-13T06:57:28","slug":"come-inviare-whatsapp-api-utilizzando-javascript","status":"publish","type":"post","link":"https:\/\/alvochat.com\/blog\/it\/come-inviare-whatsapp-api-utilizzando-javascript\/","title":{"rendered":"Inviare un&#8217;API WhatsApp con JavaScript"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Introduzione<\/h2>\n\n<p>In questo snippet di codice, imparerete come inviare un&#8217;API WhatsApp utilizzando JavaScript, per inviare un messaggio di testo, modelli WhatsApp, media, pulsanti interattivi, elenchi, prodotti &#8230; ecc, \u00e8 necessario un account Alvochat per eseguire i seguenti codici. <a href=\"http:\/\/alvochat.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Create un account<\/a> se non ne avete uno.<\/p>\n\n<p><\/p>\n\n<h2 class=\"wp-block-heading\" id=\"first-whatsapp-message-using-curl\">Inviare un modello utilizzando l&#8217;API di WhatsApp e JavaScript<\/h2>\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<pre class=\"wp-block-code\"><code><code data-enlighter-language=\"js\" class=\"EnlighterJSRAW\">var myHeaders = new Headers();\nmyHeaders.append(\"Content-Type\", \"application\/x-www-form-urlencoded\");\n\nvar urlencoded = new URLSearchParams();\nurlencoded.append(\"token\",\"YourToken\");\nurlencoded.append(\"to\",\"16315555555\");\nurlencoded.append(\"name\",\"hello_world\");\nurlencoded.append(\"language\",\"en_us\");\nurlencoded.append(\"header\",\"\");\nurlencoded.append(\"body\",\"\");\nurlencoded.append(\"buttons\",\"\");\nurlencoded.append(\"priority\",\"\");\n\n\nvar requestOptions = {\n  method: 'POST',\n  headers: myHeaders,\n  body: urlencoded,\n  redirect: 'follow'\n};\n\nfetch(\"https:\/\/api.alvochat.com\/instance1199\/messages\/template\", requestOptions)\n  .then(response =&gt; response.text())\n  .then(result =&gt; console.log(result))\n  .catch(error =&gt; console.log('error', error));<\/code><\/code><\/pre>\n<\/div>\n<\/div>\n\n<h2 class=\"wp-block-heading\">Inviare un messaggio di testo utilizzando le API di WhatsApp e JavaScript<\/h2>\n\n<p><\/p>\n\n<pre class=\"wp-block-code\"><code><code data-enlighter-language=\"js\" class=\"EnlighterJSRAW\">var myHeaders = new Headers();\nmyHeaders.append(\"Content-Type\", \"application\/x-www-form-urlencoded\");\n\nvar urlencoded = new URLSearchParams();\nurlencoded.append(\"token\",\"YourToken\");\nurlencoded.append(\"to\",\"16315555555\");\nurlencoded.append(\"body\",\"WhatsApp API on alvochat.com works good\");\nurlencoded.append(\"priority\",\"\");\nurlencoded.append(\"preview_url\",\"\");\nurlencoded.append(\"message_id\",\"\");\n\n\nvar requestOptions = {\n  method: 'POST',\n  headers: myHeaders,\n  body: urlencoded,\n  redirect: 'follow'\n};\n\nfetch(\"https:\/\/api.alvochat.com\/instance1199\/messages\/chat\", requestOptions)\n  .then(response =&gt; response.text())\n  .then(result =&gt; console.log(result))\n  .catch(error =&gt; console.log('error', error));<\/code><\/code><\/pre>\n\n<h2 class=\"wp-block-heading\">Invia immagine<\/h2>\n\n<p><\/p>\n\n<pre class=\"wp-block-code\"><code><code data-enlighter-language=\"js\" class=\"EnlighterJSRAW\">var myHeaders = new Headers();\nmyHeaders.append(\"Content-Type\", \"application\/x-www-form-urlencoded\");\n\nvar urlencoded = new URLSearchParams();\nurlencoded.append(\"token\",\"YourToken\");\nurlencoded.append(\"to\",\"16315555555\");\nurlencoded.append(\"image\",\"https:\/\/alvochat-example.s3-accelerate.amazonaws.com\/image\/1.jpeg\");\nurlencoded.append(\"caption\",\"image caption\");\nurlencoded.append(\"priority\",\"\");\nurlencoded.append(\"message_id\",\"\");\n\n\nvar requestOptions = {\n  method: 'POST',\n  headers: myHeaders,\n  body: urlencoded,\n  redirect: 'follow'\n};\n\nfetch(\"https:\/\/api.alvochat.com\/instance1199\/messages\/image\", requestOptions)\n  .then(response =&gt; response.text())\n  .then(result =&gt; console.log(result))\n  .catch(error =&gt; console.log('error', error));<\/code><\/code><\/pre>\n\n<h2 class=\"wp-block-heading\">Inviare l&#8217;audio<\/h2>\n\n<p><\/p>\n\n<pre class=\"wp-block-code\"><code><code data-enlighter-language=\"js\" class=\"EnlighterJSRAW\">var myHeaders = new Headers();\nmyHeaders.append(\"Content-Type\", \"application\/x-www-form-urlencoded\");\n\nvar urlencoded = new URLSearchParams();\nurlencoded.append(\"token\",\"YourToken\");\nurlencoded.append(\"to\",\"16315555555\");\nurlencoded.append(\"audio\",\"https:\/\/alvochat-example.s3-accelerate.amazonaws.com\/audio\/1.mp3\");\nurlencoded.append(\"priority\",\"\");\nurlencoded.append(\"message_id\",\"\");\n\n\nvar requestOptions = {\n  method: 'POST',\n  headers: myHeaders,\n  body: urlencoded,\n  redirect: 'follow'\n};\n\nfetch(\"https:\/\/api.alvochat.com\/instance1199\/messages\/audio\", requestOptions)\n  .then(response =&gt; response.text())\n  .then(result =&gt; console.log(result))\n  .catch(error =&gt; console.log('error', error));<\/code><\/code><\/pre>\n\n<h2 class=\"wp-block-heading\">Invia il video<\/h2>\n\n<pre class=\"wp-block-code\"><code><code data-enlighter-language=\"js\" class=\"EnlighterJSRAW\">var myHeaders = new Headers();\nmyHeaders.append(\"Content-Type\", \"application\/x-www-form-urlencoded\");\n\nvar urlencoded = new URLSearchParams();\nurlencoded.append(\"token\",\"YourToken\");\nurlencoded.append(\"to\",\"16315555555\");\nurlencoded.append(\"video\",\"https:\/\/alvochat-example.s3-accelerate.amazonaws.com\/video\/1.mp4\");\nurlencoded.append(\"caption\",\"video caption\");\nurlencoded.append(\"priority\",\"\");\nurlencoded.append(\"message_id\",\"\");\n\n\nvar requestOptions = {\n  method: 'POST',\n  headers: myHeaders,\n  body: urlencoded,\n  redirect: 'follow'\n};\n\nfetch(\"https:\/\/api.alvochat.com\/instance1199\/messages\/video\", requestOptions)\n  .then(response =&gt; response.text())\n  .then(result =&gt; console.log(result))\n  .catch(error =&gt; console.log('error', error));<\/code><\/code><\/pre>\n\n<h2 class=\"wp-block-heading\">Inviare il documento  <\/h2>\n\n<pre class=\"wp-block-code\"><code><code data-enlighter-language=\"js\" class=\"EnlighterJSRAW\">var myHeaders = new Headers();\nmyHeaders.append(\"Content-Type\", \"application\/x-www-form-urlencoded\");\n\nvar urlencoded = new URLSearchParams();\nurlencoded.append(\"token\",\"YourToken\");\nurlencoded.append(\"to\",\"16315555555\");\nurlencoded.append(\"document\",\"https:\/\/alvochat-example.s3-accelerate.amazonaws.com\/document\/1.pdf\");\nurlencoded.append(\"filename\",\"\");\nurlencoded.append(\"priority\",\"\");\nurlencoded.append(\"message_id\",\"\");\n\n\nvar requestOptions = {\n  method: 'POST',\n  headers: myHeaders,\n  body: urlencoded,\n  redirect: 'follow'\n};\n\nfetch(\"https:\/\/api.alvochat.com\/instance1199\/messages\/document\", requestOptions)\n  .then(response =&gt; response.text())\n  .then(result =&gt; console.log(result))\n  .catch(error =&gt; console.log('error', error));<\/code><\/code><\/pre>\n\n<h2 class=\"wp-block-heading\">Invia l&#8217;adesivo<\/h2>\n\n<pre class=\"wp-block-code\"><code><code data-enlighter-language=\"js\" class=\"EnlighterJSRAW\">var myHeaders = new Headers();\nmyHeaders.append(\"Content-Type\", \"application\/x-www-form-urlencoded\");\n\nvar urlencoded = new URLSearchParams();\nurlencoded.append(\"token\",\"YourToken\");\nurlencoded.append(\"to\",\"16315555555\");\nurlencoded.append(\"sticker\",\"https:\/\/alvochat-example.s3-accelerate.amazonaws.com\/sticker\/1.webp\");\nurlencoded.append(\"priority\",\"\");\nurlencoded.append(\"message_id\",\"\");\n\n\nvar requestOptions = {\n  method: 'POST',\n  headers: myHeaders,\n  body: urlencoded,\n  redirect: 'follow'\n};\n\nfetch(\"https:\/\/api.alvochat.com\/instance1199\/messages\/sticker\", requestOptions)\n  .then(response =&gt; response.text())\n  .then(result =&gt; console.log(result))\n  .catch(error =&gt; console.log('error', error));<\/code><\/code><\/pre>\n\n<h2 class=\"wp-block-heading\">Inviare il contatto<\/h2>\n\n<pre class=\"wp-block-code\"><code><code data-enlighter-language=\"js\" class=\"EnlighterJSRAW\">var myHeaders = new Headers();\nmyHeaders.append(\"Content-Type\", \"application\/x-www-form-urlencoded\");\n\nvar urlencoded = new URLSearchParams();\nurlencoded.append(\"token\",\"YourToken\");\nurlencoded.append(\"to\",\"16315555555\");\nurlencoded.append(\"contact\",\"\");\nurlencoded.append(\"priority\",\"\");\nurlencoded.append(\"message_id\",\"\");\n\n\nvar requestOptions = {\n  method: 'POST',\n  headers: myHeaders,\n  body: urlencoded,\n  redirect: 'follow'\n};\n\nfetch(\"https:\/\/api.alvochat.com\/instance1199\/messages\/contact\", requestOptions)\n  .then(response =&gt; response.text())\n  .then(result =&gt; console.log(result))\n  .catch(error =&gt; console.log('error', error));<\/code><\/code><\/pre>\n\n<h2 class=\"wp-block-heading\">Invia posizione<\/h2>\n\n<pre class=\"wp-block-code\"><code><code data-enlighter-language=\"js\" class=\"EnlighterJSRAW\">var myHeaders = new Headers();\nmyHeaders.append(\"Content-Type\", \"application\/x-www-form-urlencoded\");\n\nvar urlencoded = new URLSearchParams();\nurlencoded.append(\"token\",\"YourToken\");\nurlencoded.append(\"to\",\"16315555555\");\nurlencoded.append(\"lat\",\"37.484296\");\nurlencoded.append(\"lng\",\"-122.148703\");\nurlencoded.append(\"address\",\"Menlo Park, California, United States\");\nurlencoded.append(\"name\",\"Meta Headquarters\");\nurlencoded.append(\"priority\",\"\");\nurlencoded.append(\"message_id\",\"\");\n\n\nvar requestOptions = {\n  method: 'POST',\n  headers: myHeaders,\n  body: urlencoded,\n  redirect: 'follow'\n};\n\nfetch(\"https:\/\/api.alvochat.com\/instance1199\/messages\/location\", requestOptions)\n  .then(response =&gt; response.text())\n  .then(result =&gt; console.log(result))\n  .catch(error =&gt; console.log('error', error));<\/code><\/code><\/pre>\n\n<h2 class=\"wp-block-heading\">Inviare l&#8217;elenco  <\/h2>\n\n<pre class=\"wp-block-code\"><code><code data-enlighter-language=\"js\" class=\"EnlighterJSRAW\">var myHeaders = new Headers();\nmyHeaders.append(\"Content-Type\", \"application\/x-www-form-urlencoded\");\n\nvar urlencoded = new URLSearchParams();\nurlencoded.append(\"token\",\"YourToken\");\nurlencoded.append(\"to\",\"16315555555\");\nurlencoded.append(\"header\",\"header\");\nurlencoded.append(\"body\",\" please select one of the following options\");\nurlencoded.append(\"footer\",\"footer\");\nurlencoded.append(\"button\",\"options\");\nurlencoded.append(\"sections\",\"option_1,option_2,option_3\");\nurlencoded.append(\"priority\",\"\");\nurlencoded.append(\"message_id\",\"\");\n\n\nvar requestOptions = {\n  method: 'POST',\n  headers: myHeaders,\n  body: urlencoded,\n  redirect: 'follow'\n};\n\nfetch(\"https:\/\/api.alvochat.com\/instance1199\/messages\/list\", requestOptions)\n  .then(response =&gt; response.text())\n  .then(result =&gt; console.log(result))\n  .catch(error =&gt; console.log('error', error));<\/code><\/code><\/pre>\n\n<p><\/p>\n\n<h2 class=\"wp-block-heading\">Pulsante di invio  <\/h2>\n\n<p><\/p>\n\n<pre class=\"wp-block-code\"><code><code data-enlighter-language=\"js\" class=\"EnlighterJSRAW\">var myHeaders = new Headers();\nmyHeaders.append(\"Content-Type\", \"application\/x-www-form-urlencoded\");\n\nvar urlencoded = new URLSearchParams();\nurlencoded.append(\"token\",\"YourToken\");\nurlencoded.append(\"to\",\"16315555555\");\nurlencoded.append(\"header\",\"header\");\nurlencoded.append(\"body\",\" please select one of the following options\");\nurlencoded.append(\"footer\",\"footer\");\nurlencoded.append(\"buttons\",\"option_1,option_2,option_3\");\nurlencoded.append(\"priority\",\"\");\nurlencoded.append(\"message_id\",\"\");\n\n\nvar requestOptions = {\n  method: 'POST',\n  headers: myHeaders,\n  body: urlencoded,\n  redirect: 'follow'\n};\n\nfetch(\"https:\/\/api.alvochat.com\/instance1199\/messages\/button\", requestOptions)\n  .then(response =&gt; response.text())\n  .then(result =&gt; console.log(result))\n  .catch(error =&gt; console.log('error', error));<\/code><\/code><\/pre>\n\n<p><\/p>\n\n<h2 class=\"wp-block-heading\">Inviare i prodotti  <\/h2>\n\n<pre class=\"wp-block-code\"><code><code data-enlighter-language=\"js\" class=\"EnlighterJSRAW\">var myHeaders = new Headers();\nmyHeaders.append(\"Content-Type\", \"application\/x-www-form-urlencoded\");\n\nvar urlencoded = new URLSearchParams();\nurlencoded.append(\"token\",\"YourToken\");\nurlencoded.append(\"to\",\"16315555555\");\nurlencoded.append(\"header\",\"header\");\nurlencoded.append(\"body\",\"Hi , check out our new products\");\nurlencoded.append(\"footer\",\"footer\");\nurlencoded.append(\"catalog_id\",\"\");\nurlencoded.append(\"product\",\"\");\nurlencoded.append(\"priority\",\"\");\nurlencoded.append(\"message_id\",\"\");\n\n\nvar requestOptions = {\n  method: 'POST',\n  headers: myHeaders,\n  body: urlencoded,\n  redirect: 'follow'\n};\n\nfetch(\"https:\/\/api.alvochat.com\/instance1199\/messages\/product\", requestOptions)\n  .then(response =&gt; response.text())\n  .then(result =&gt; console.log(result))\n  .catch(error =&gt; console.log('error', error));<\/code><\/code><\/pre>\n\n<h2 class=\"wp-block-heading\"><\/h2>\n\n<p>I codici di cui sopra utilizzano Javascript con<code> fetch<\/code>, se si desidera inviare un&#8217;API WhatsApp con Javascript utilizzando <code>XMLHttpRequest<\/code>, \u00e8 possibile visualizzare i codici da <a href=\"https:\/\/alvochat.com\/docs\/api\/post\/messages\/chat?docs_tab=javascript-xhr\" data-type=\"URL\" data-id=\"https:\/\/alvochat.com\/docs\/api\/post\/messages\/chat?docs_tab=javascript-xhr\" target=\"_blank\" rel=\"noreferrer noopener\">qui<\/a>.<\/p>\n\n<p>\u00c8 possibile consultare la documentazione completa dell&#8217;API di Whatsapp <a href=\"https:\/\/alvochat.com\/docs\/\" data-type=\"URL\" data-id=\"https:\/\/alvochat.com\/docs\/\" target=\"_blank\" rel=\"noreferrer noopener\">qui<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introduzione In questo snippet di codice, imparerete come inviare un&#8217;API WhatsApp utilizzando JavaScript, per inviare &#8230; <\/p>\n<p class=\"read-more-container\"><a title=\"Inviare un&#8217;API WhatsApp con JavaScript\" class=\"read-more button\" href=\"https:\/\/alvochat.com\/blog\/it\/come-inviare-whatsapp-api-utilizzando-javascript\/#more-1087\" aria-label=\"Per saperne di pi\u00f9 su Inviare un&#8217;API WhatsApp con JavaScript\">Read More<\/a><\/p>\n","protected":false},"author":1,"featured_media":712,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rank_math_title":"%title% | %currentyear%","rank_math_description":"In questo frammento di codice, imparerete come inviare un'API di WhatsApp utilizzando javascript, per inviare un messaggio di testo, modelli, media, pulsanti, elenchi, prodotti\n","rank_math_focus_keyword":"JavaScript, API WhatsApp","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[87,88],"tags":[89,90],"class_list":["post-1087","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorial-it","category-whatsappapi-it","tag-api-whatsapp-it","tag-tutorial-it","infinite-scroll-item","generate-columns","tablet-grid-50","mobile-grid-100","grid-parent","grid-50","no-featured-image-padding"],"jetpack_featured_media_url":"https:\/\/alvochat.com\/blog\/wp-content\/uploads\/2022\/11\/WhatsApp-API-JavaScript.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/alvochat.com\/blog\/it\/wp-json\/wp\/v2\/posts\/1087","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alvochat.com\/blog\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/alvochat.com\/blog\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/alvochat.com\/blog\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alvochat.com\/blog\/it\/wp-json\/wp\/v2\/comments?post=1087"}],"version-history":[{"count":2,"href":"https:\/\/alvochat.com\/blog\/it\/wp-json\/wp\/v2\/posts\/1087\/revisions"}],"predecessor-version":[{"id":1256,"href":"https:\/\/alvochat.com\/blog\/it\/wp-json\/wp\/v2\/posts\/1087\/revisions\/1256"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/alvochat.com\/blog\/it\/wp-json\/wp\/v2\/media\/712"}],"wp:attachment":[{"href":"https:\/\/alvochat.com\/blog\/it\/wp-json\/wp\/v2\/media?parent=1087"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/alvochat.com\/blog\/it\/wp-json\/wp\/v2\/categories?post=1087"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/alvochat.com\/blog\/it\/wp-json\/wp\/v2\/tags?post=1087"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}