Texto Via URL Para WhatsApp

by Daniel Gualberto

HTML

<script src="https://code.jquery.com/jquery-3.4.1.slim.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css">
<div class="container-fluid py-3">
  <div class="form-group">
    <label for="telefone">Telefone:</label>
    <div class="input-group">
      <input type="text" class="form-control" id="telefone" aria-describedby="telefoneHelp">
      <div class="input-group-append">
        <button class="btn btn-outline-secondary" onclick="field_del('telefone')"><i class="fa fa-eraser" aria-hidden="true"></i></button>
      </div>
    </div>
    <small id="telefoneHelp" class="form-text text-muted">O <em>55</em> do DDI é adicionado automaticamente na frente do número, ou ignorado caso o tenha. Ative a opção abaixo caso o DDI seja outro além do <em>55</em>.</small>
  </div>
  <div class="custom-control custom-switch mb-3">
    <input type="checkbox" class="custom-control-input" id="DDIGlobal">
    <label class="custom-control-label" for="DDIGlobal">É número internacional.</label>
  </div>
  <div class="form-group">
    <label for="mensagem">Mensagem:</label>
    <div class="input-group">
      <textarea class="form-control" id="mensagem" rows="3"></textarea>
      <div class="input-group-append">
        <button class="btn btn-outline-secondary" onclick="field_del('mensagem')"><i class="fa fa-eraser" aria-hidden="true"></i></button>
      </div>
    </div>
  </div>
  <div class="form-group">
    <button class="btn btn-success btn-block" onclick="urlWhatsApp()"><i class="fa fa-cogs" aria-hidden="true"></i> Gerar URL!</button>
  </div>
  <div class="input-group">
    <input type="text" class="form-control" placeholder="A URL...

JavaScript

function urlWhatsApp() {
  var telefone = document.querySelector("#telefone").value;
  telefone = telefone.replace(/\D/g, ''); //Deixar apenas números

  let checkDDIGlobal = $('#DDIGlobal');

  if (!checkDDIGlobal.is(":checked")) {
    //Verificar se tem DDI e adicionar se não tiver
    if (telefone.length < 13) {
      telefone = "55" + telefone;
    }
  }

  var texto = document.querySelector("#mensagem").value;
  if (texto.length == 0) {
    texto = "";
  } else {
    texto = "&text=" + window.encodeURIComponent(texto);
  }

  let urlApi = "https://web.whatsapp.com/send";

  if (mobileCheck()) {
    urlApi = "https://api.whatsapp.com/send";
  }

  document.getElementById("urlWhatsApp").value = urlApi + "?phone=" + telefone + texto;
  //window.open(urlApi + "?phone=" + telefone + "&text=" + texto, "_blank");
  //Obs.. use "_system", no lugar de blank, caso você esteja usando Phonegap / Cordova / Ionic ou qualquer um baseado em webview;
}

function mobileCheck() {
  let check = false;
  (function(a) {
    if (/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac(...