Send a WhatsApp API using JavaScript

Contents hide

1 Introduction

2 Send template using WhatsApp API and JavaScript

3 Send a text message using WhatsApp API and JavaScript

Introduction

In this code snippet, you learn how to send a WhatsApp API using JavaScript, to send a text message, WhatsApp Templates, media, interactive buttons, lists, products … etc, Alvochat account is required to run the following codes. Create an Account if you don’t have one.

Send template using WhatsApp API and JavaScript

var myHeaders = new Headers();
myHeaders.append("Content-Type", "application/x-www-form-urlencoded");

var urlencoded = new URLSearchParams();
urlencoded.append("token","YourToken");
urlencoded.append("to","16315555555");
urlencoded.append("name","hello_world");
urlencoded.append("language","en_us");
urlencoded.append("header","");
urlencoded.append("body","");
urlencoded.append("buttons","");
urlencoded.append("priority","");


var requestOptions = {
  method: 'POST',
  headers: myHeaders,
  body: urlencoded,
  redirect: 'follow'
};

fetch("https://api.alvochat.com/instance1199/messages/template", requestOptions)
  .then(response => response.text())
  .then(result => console.log(result))
  .catch(error => console.log('error', error));

Send a text message using WhatsApp API and JavaScript

var myHeaders = new Headers();
myHeaders.append("Content-Type", "application/x-www-form-urlencoded");

var urlencoded = new URLSearchParams();
urlencoded.append("token","YourToken");
urlencoded.append("to","16315555555");
urlencoded.append("body","WhatsApp API on alvochat.com works good");
urlencoded.append("priority","");
urlencoded.append("preview_url","");
urlencoded.append("message_id","");


var requestOptions = {
  method: 'POST',
  headers: myHeaders,
  body: urlencoded,
  redirect: 'follow'
};

fetch("https://api.alvochat.com/instance1199/messages/chat", requestOptions)
  .then(response => response.text())
  .then(result => console.log(result))
  .catch(error => console.log('error', error));

Send image

var myHeaders = new Headers();
myHeaders.append("Content-Type", "application/x-www-form-urlencoded");

var urlencoded = new URLSearchParams();
urlencoded.append("token","YourToken");
urlencoded.append("to","16315555555");
urlencoded.append("image","https://alvochat-example.s3-accelerate.amazonaws.com/image/1.jpeg");
urlencoded.append("caption","image caption");
urlencoded.append("priority","");
urlencoded.append("message_id","");


var requestOptions = {
  method: 'POST',
  headers: myHeaders,
  body: urlencoded,
  redirect: 'follow'
};

fetch("https://api.alvochat.com/instance1199/messages/image", requestOptions)
  .then(response => response.text())
  .then(result => console.log(result))
  .catch(error => console.log('error', error));

Send audio

var myHeaders = new Headers();
myHeaders.append("Content-Type", "application/x-www-form-urlencoded");

var urlencoded = new URLSearchParams();
urlencoded.append("token","YourToken");
urlencoded.append("to","16315555555");
urlencoded.append("audio","https://alvochat-example.s3-accelerate.amazonaws.com/audio/1.mp3");
urlencoded.append("priority","");
urlencoded.append("message_id","");


var requestOptions = {
  method: 'POST',
  headers: myHeaders,
  body: urlencoded,
  redirect: 'follow'
};

fetch("https://api.alvochat.com/instance1199/messages/audio", requestOptions)
  .then(response => response.text())
  .then(result => console.log(result))
  .catch(error => console.log('error', error));

Send video

var myHeaders = new Headers();
myHeaders.append("Content-Type", "application/x-www-form-urlencoded");

var urlencoded = new URLSearchParams();
urlencoded.append("token","YourToken");
urlencoded.append("to","16315555555");
urlencoded.append("video","https://alvochat-example.s3-accelerate.amazonaws.com/video/1.mp4");
urlencoded.append("caption","video caption");
urlencoded.append("priority","");
urlencoded.append("message_id","");


var requestOptions = {
  method: 'POST',
  headers: myHeaders,
  body: urlencoded,
  redirect: 'follow'
};

fetch("https://api.alvochat.com/instance1199/messages/video", requestOptions)
  .then(response => response.text())
  .then(result => console.log(result))
  .catch(error => console.log('error', error));

Send document

var myHeaders = new Headers();
myHeaders.append("Content-Type", "application/x-www-form-urlencoded");

var urlencoded = new URLSearchParams();
urlencoded.append("token","YourToken");
urlencoded.append("to","16315555555");
urlencoded.append("document","https://alvochat-example.s3-accelerate.amazonaws.com/document/1.pdf");
urlencoded.append("filename","");
urlencoded.append("priority","");
urlencoded.append("message_id","");


var requestOptions = {
  method: 'POST',
  headers: myHeaders,
  body: urlencoded,
  redirect: 'follow'
};

fetch("https://api.alvochat.com/instance1199/messages/document", requestOptions)
  .then(response => response.text())
  .then(result => console.log(result))
  .catch(error => console.log('error', error));

Send sticker

var myHeaders = new Headers();
myHeaders.append("Content-Type", "application/x-www-form-urlencoded");

var urlencoded = new URLSearchParams();
urlencoded.append("token","YourToken");
urlencoded.append("to","16315555555");
urlencoded.append("sticker","https://alvochat-example.s3-accelerate.amazonaws.com/sticker/1.webp");
urlencoded.append("priority","");
urlencoded.append("message_id","");


var requestOptions = {
  method: 'POST',
  headers: myHeaders,
  body: urlencoded,
  redirect: 'follow'
};

fetch("https://api.alvochat.com/instance1199/messages/sticker", requestOptions)
  .then(response => response.text())
  .then(result => console.log(result))
  .catch(error => console.log('error', error));

Send Contact

var myHeaders = new Headers();
myHeaders.append("Content-Type", "application/x-www-form-urlencoded");

var urlencoded = new URLSearchParams();
urlencoded.append("token","YourToken");
urlencoded.append("to","16315555555");
urlencoded.append("contact","");
urlencoded.append("priority","");
urlencoded.append("message_id","");


var requestOptions = {
  method: 'POST',
  headers: myHeaders,
  body: urlencoded,
  redirect: 'follow'
};

fetch("https://api.alvochat.com/instance1199/messages/contact", requestOptions)
  .then(response => response.text())
  .then(result => console.log(result))
  .catch(error => console.log('error', error));

Send Location

var myHeaders = new Headers();
myHeaders.append("Content-Type", "application/x-www-form-urlencoded");

var urlencoded = new URLSearchParams();
urlencoded.append("token","YourToken");
urlencoded.append("to","16315555555");
urlencoded.append("lat","37.484296");
urlencoded.append("lng","-122.148703");
urlencoded.append("address","Menlo Park, California, United States");
urlencoded.append("name","Meta Headquarters");
urlencoded.append("priority","");
urlencoded.append("message_id","");


var requestOptions = {
  method: 'POST',
  headers: myHeaders,
  body: urlencoded,
  redirect: 'follow'
};

fetch("https://api.alvochat.com/instance1199/messages/location", requestOptions)
  .then(response => response.text())
  .then(result => console.log(result))
  .catch(error => console.log('error', error));

Send list

var myHeaders = new Headers();
myHeaders.append("Content-Type", "application/x-www-form-urlencoded");

var urlencoded = new URLSearchParams();
urlencoded.append("token","YourToken");
urlencoded.append("to","16315555555");
urlencoded.append("header","header");
urlencoded.append("body"," please select one of the following options");
urlencoded.append("footer","footer");
urlencoded.append("button","options");
urlencoded.append("sections","option_1,option_2,option_3");
urlencoded.append("priority","");
urlencoded.append("message_id","");


var requestOptions = {
  method: 'POST',
  headers: myHeaders,
  body: urlencoded,
  redirect: 'follow'
};

fetch("https://api.alvochat.com/instance1199/messages/list", requestOptions)
  .then(response => response.text())
  .then(result => console.log(result))
  .catch(error => console.log('error', error));

Send button

var myHeaders = new Headers();
myHeaders.append("Content-Type", "application/x-www-form-urlencoded");

var urlencoded = new URLSearchParams();
urlencoded.append("token","YourToken");
urlencoded.append("to","16315555555");
urlencoded.append("header","header");
urlencoded.append("body"," please select one of the following options");
urlencoded.append("footer","footer");
urlencoded.append("buttons","option_1,option_2,option_3");
urlencoded.append("priority","");
urlencoded.append("message_id","");


var requestOptions = {
  method: 'POST',
  headers: myHeaders,
  body: urlencoded,
  redirect: 'follow'
};

fetch("https://api.alvochat.com/instance1199/messages/button", requestOptions)
  .then(response => response.text())
  .then(result => console.log(result))
  .catch(error => console.log('error', error));

Send products

var myHeaders = new Headers();
myHeaders.append("Content-Type", "application/x-www-form-urlencoded");

var urlencoded = new URLSearchParams();
urlencoded.append("token","YourToken");
urlencoded.append("to","16315555555");
urlencoded.append("header","header");
urlencoded.append("body","Hi , check out our new products");
urlencoded.append("footer","footer");
urlencoded.append("catalog_id","");
urlencoded.append("product","");
urlencoded.append("priority","");
urlencoded.append("message_id","");


var requestOptions = {
  method: 'POST',
  headers: myHeaders,
  body: urlencoded,
  redirect: 'follow'
};

fetch("https://api.alvochat.com/instance1199/messages/product", requestOptions)
  .then(response => response.text())
  .then(result => console.log(result))
  .catch(error => console.log('error', error));

The codes above use Javascript using fetch , if you want to send a WhatsApp API with Javascript using the XMLHttpRequest, you can view the codes from here.

You can see the Full Whatsapp API Documentation here.