Script Form Send WhatsApp

 Kita bisa membuat sebuah form di wordpress elementor atau landingpress plus notifikasi whatsappnya. Berikut script formnya:


<!DOCTYPE html>

<html>


<head>

  <meta charset="utf-8" />

  <meta http-equiv="X-UA-Compatible" content="IE=edge" />

  <title>Card</title>

  <meta name="viewport" content="width=device-width, initial-scale=1.0" />

  <style>

      a {

  text-decoration: none;

}

body {

  background: -webkit-linear-gradient(bottom, #2dbd6e);

  background-repeat: no-repeat;

}

label {

  font-family: "Raleway", sans-serif;

  font-size: 11pt;

}

#forgot-pass {

  color: #2dbd6e;

  font-family: "Raleway", sans-serif;

  font-size: 10pt;

  margin-top: 3px;

  text-align: right;

}

#card {

  background: #fbfbfb;

  border-radius: 8px;

  box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.65);

  height: 410px;

  margin: 6rem auto 8.1rem auto;

  width: 329px;

}

#card-content {

  padding: 12px 44px;

}

#card-title {

  font-family: "Raleway Thin", sans-serif;

  letter-spacing: 4px;

  padding-bottom: 23px;

  padding-top: 13px;

  text-align: center;

}

#signup {

  color: #2dbd6e;

  font-family: "Raleway", sans-serif;

  font-size: 10pt;

  margin-top: 16px;

  text-align: center;

}

#submit-btn {

  background: -webkit-linear-gradient(right, #a6f77b, #2dbd6e);

  border: none;

  border-radius: 21px;

  box-shadow: 0px 1px 8px #24c64f;

  cursor: pointer;

  color: white;

  font-family: "Raleway SemiBold", sans-serif;

  height: 42.3px;

  margin: 0 auto;

  margin-top: 50px;

  transition: 0.25s;

  width: 153px;

}

#submit-btn:hover {

  box-shadow: 0px 1px 18px #24c64f;

}

.form {

  align-items: left;

  display: flex;

  flex-direction: column;

}

.form-border {

  background: -webkit-linear-gradient(right, #a6f77b, #2ec06f);

  height: 1px;

  width: 100%;

}

.form-content {

  background: #fbfbfb;

  border: none;

  outline: none;

  padding-top: 14px;

}

.underline-title {

  background: -webkit-linear-gradient(right, #a6f77b, #2ec06f);

  height: 2px;

  margin: -1.1rem auto 0 auto;

  width: 89px;

}

  </style>

</head>


<body>

  <div id="card">

    <div id="card-content">

      <div id="card-title">

        

      </div>

      <form method="post" class="form" id="keform" action="https://notifwabiz.com/m/apiscriptform.php">

        <label for="user-name" style="padding-top:13px">

            &nbsp;Nama Lengkap

          </label>

        <input id="user-name" class="form-content" type="text" name="name" required />

        <div class="form-border"></div>  

        <label for="user-email" style="padding-top:13px">

            &nbsp;Email

          </label>

        <input id="user-email" class="form-content" type="email" name="email" autocomplete="on" required />

        <div class="form-border"></div>

        <label for="user-hp" style="padding-top:22px">&nbsp;Handphone/WA

          </label>

        <input id="user-password" class="form-content" type="text" name="whatsapp" required />

        <input type="hidden" name="id_device" value="6281341621312"/>

        <input type="hidden" name="message" value="Terima kasih ya [nama], sudah berminat pada produk kami"/>

        <input type="hidden" name="redirect" value="https://yantonaim.web.id/wabiz/"/>

        <div class="form-border"></div>

        <input id="submit-btn" type="submit" name="submit" value="KIRIM" />

        

      </form>

    </div>

  </div>

</body>


</html>

Copy dan paste script diatas pada element html di elementor atau landingpress anda. 


Berikut script yang disesuaikan:

<input type="hidden" name="id_device" value="6281342353112"/>

        <input type="hidden" name="message" value="Terima kasih ya [nama], sudah berminat pada produk kami"/>

        <input type="hidden" name="redirect" value="https://yantonaim.web.id/wabiz/"/>

id_device diganti dengan Nomor WhatsApp Pengirim. Tambahkan simbol \n (enter) pesan 


Semoga berhasil, DEMO



Yanto

Author & Editor

Tim Creator BIZNIS.TOP.