Membuat Form Order Langsung ke WhatsApp

Membuat Form Order WhatsApp Rotator

Melanjutkan artikel saya tentang Membuat Form Order Langsung ke WhatsApp, kali ini akan saya lanjutkan dengan menambahkan opsi rotator di dalam form order ini.

Seperti janji saya pada postingan sebelumnya, Membuat Form Order Langsung ke WhatsApp. Kali ini kita akan melanjutkan form order kita, dengan menambahkan fitur rotator untuk mengacak nomor WhatsApp admin.

Rotator Untuk Acak Nomor WhatsApp

Dari artikel sebelumnya, cukup banyak yang meminta saya untuk melanjutkan artikel tentang Form Order WhatsApp dengan menambahkan fitur rotator nomor WhatsApp admin. Tapi, karena kesibukan di kerjaan, baru kali ini saya bisa membuat artikel lanjutan ini.

Ya, fungsi rotator ini akan memungkinkan kita membuat form order otomatis ke WhatsApp yang bisa dipakai oleh banyak nomor. Hal ini sering sekali dibutuhkan oleh para pebisnis online yang mereka memiliki lebih dari satu CS (Customer Service).

Jadi, skenarionya kita akan membuat satu form order WhatsApp. Kemudian, ketika calon pembeli mengisi form order tersebut, hasil isian akan dikirim ke beberapa nomor WhatsApp CS secara acak. Inilah fungsi dari Form Order WhatsApp Rotator.

Cara Membuat Form Order WhatsApp Otomatis dengan Rotator

Di sini, saya tidak akan menjelaskan lagi dari awal. Saya hanya akan menerangkan tentang penambahan fitu rotatornya. Untuk itu, kalau kamu belum membaca artikel pertama saya tentang form order ini, silakan baca dulu artikel saya tentang Membuat Form Order Langsung ke WhatsApp.

Sebenarnya, ada banyak cara untuk membuat rotator ini. Tapi, kali ini saya akan memberikan cara yang menurut saya cukup mudah untuk dipahami. Disini, saya akan menggunakan JavaScript untuk membuat fungsi rotatornya.

Oke, langsung saja. Disini saya asumsikan bahwa kamu sudah membuat form sampai ke tahap memasukkan kode JavaScript ini ke dalam file HTML kamu.

Yang perlu dilakukan adalah mengganti semua kode JavaScript tersebut dengan yang baru seperti di bawah ini.

//rotator
var minNumber = 0;
var maxNumber = 3
var randomNumber = randomNumberFromRange(minNumber, maxNumber);

function randomNumberFromRange(min,max)
{
    return Math.floor(Math.random()*(max-min+1)+min);
}
if (randomNumber == 1){
  $("#noAdmin").val("081111111111");;
} else if (randomNumber == 2) {
  $("#noAdmin").val("082222222222");;
}else {
  $("#noAdmin").val("083333333333");;
}

  $('.whatsapp-btn').click(function () {
    $('#whatsapp').toggleClass('toggle');
  });
  // Onclick Whatsapp Sent!
  $('#whatsapp .submit').click(WhatsApp);
  $("#whatsapp input, #whatsapp textarea").keypress(function () {
    if (event.which == 13) WhatsApp();
  });
  var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
  function WhatsApp() {
    var ph = '';
    if ($('#whatsapp .nama').val() == '') { // Cek Nama
      ph = $('#whatsapp .nama').attr('placeholder');
      alert('Silahkan tulis ' + ph);
      $('#whatsapp .nama').focus();
      return false;
    } else if ($('#whatsapp .nowhatsapp').val() == '') { // Cek Whatsapp
      ph = $('#whatsapp .nowhatsapp').attr('placeholder');
      alert('Silahkan tulis ' + ph);
      $('#whatsapp .nowhatsapp').focus();
      return false;
    } else if ($('#whatsapp .alamat').val() == '') { // Cek Alamat
      ph = $('#whatsapp .alamat').attr('placeholder');
      alert('Silahkan tulis ' + ph);
      $('#whatsapp .alamat').focus();
      return false;
    } else {
      // Check Device (Mobile/Desktop)
      var url_wa = 'https://web.whatsapp.com/send';
      if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
        url_wa = 'whatsapp://send/';
      }
      // Get Value
      var tujuan = $('#whatsapp .tujuan').val(),
        via_url = location.href,
        nama = $('#whatsapp .nama').val(),
        nowhatsapp = $('#whatsapp .nowhatsapp').val(),
        alamat = $('#whatsapp .alamat').val();
      $(this).attr('href', url_wa + '?phone=62 ' + tujuan + '&text=Nama: ' + nama + ' %0ANo. Whatsapp: ' + nowhatsapp + '%0AAlamat: ' + alamat + ' %0A%0Avia ' + via_url);
      var w = 960,
        h = 540,
        left = Number((screen.width / 2) - (w / 2)),
        tops = Number((screen.height / 2) - (h / 2)),
        popupWindow = window.open(this.href, '', 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=1, copyhistory=no, width=' + w + ', height=' + h + ', top=' + tops + ', left=' + left);
      popupWindow.focus();
      return false;
    }
  }

Saya akan sedikit membahas kode di atas. Perbedaan dengan artikel sebelumnya hanya terletak di baris ini saja sebenarnya.

//rotator
var minNumber = 0;
var maxNumber = 3
var randomNumber = randomNumberFromRange(minNumber, maxNumber);

function randomNumberFromRange(min,max)
{
    return Math.floor(Math.random()*(max-min+1)+min);
}
if (randomNumber == 1){
  $("#noAdmin").val("081111111111");;
} else if (randomNumber == 2) {
  $("#noAdmin").val("082222222222");;
}else {
  $("#noAdmin").val("083333333333);;
}

Yang perlu diperhatikan adalah pada variabel maxNumber. Disini, saya isi dengan angka 3. Ini adalah jumlah berapa banyak nomor WhatsApp yang akan kita acak.

Kemudian kita memanggil fungsi randomNumberFromRange untuk melakukan pengacakan dari 1 sampai 3. Dan, terakhir kita melakukan pengkondisian. Dengan memanggil nomor admin ketika hasil pengacakan keluar.

Kesimpulan

Oke, itu dia cara membuat form order WhatsApp rotator. Sekali lagi, sebenarnya banyak cara untuk membuat form order yang otomatis mengarah ke WhatsApp. Begitu juga untuk fungsi rotator CS nya. Dan, saya hanya menyebutkan salah satu diantaranya saja yang menurut saya cukup mudah.

Akhirnya, semoga artikel ini bermanfaat. Jika ada pertanyaan, silakan bisa komentar di artikel ini. Kamu juga bisa mengisi alamat email kamu pada kolom di bawah untuk berlangganan artikel terbaru saya. Semoga bermanfaat…

Berlangganan Email

Dapatkan tutorial dan info terbaru dari saya.

3 comments on “Membuat Form Order WhatsApp Rotator”

Leave a Reply

Your email address will not be published. Required fields are marked *