Mei 2019 ~ Help Biznis.Top

Script Form Responsive untuk Elementor

Buat teman2 yang menggunakan elementor free pada website menggunakan wordpress dapat menggunakan script form ini agar terlihat responsive dan menarik.


<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
<style>
@media screen and (max-width: 600px) {
    .col-25, .col-75, input[type=submit] {
        width: 100%;
        margin-top: 0;
    }
}

* {
    box-sizing: border-box;
}
input[type=text], select, textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: vertical;
}
label {
    padding: 12px 12px 12px 0;
    display: inline-block;
}
input[type=submit] {
    background-color: #4CAF50;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    float: right;
}
input[type=submit]:hover {
    background-color: #45a049;
}
.container {
    border-radius: 5px;
    background-color: #f2f2f2;
    padding: 20px;
}
.col-25 {
    float: left;
    width: 25%;
    margin-top: 6px;
}
.col-75 {
    float: left;
    width: 75%;
    margin-top: 6px;
}
.row:after {
    content: "";
    display: table;
    clear: both;
}
</style>
</head>
<body>

<div class="container">
  <form id="keform" action="https://namadomainanda/autobiznis/subs.php" method="post">
    <div class="row">
      <div class="col-25">
        <label >Nama</label>
      </div>
      <div class="col-75">
        <input type="text" name="name" placeholder="Nama" required>
      </div>
    </div>
    <div class="row">
      <div class="col-25">
        <label >Email</label>
      </div>
      <div class="col-75">
        <input type="text"  name="email" placeholder="abc@yahoo.co.id" required>
      </div>
    </div>
 
 <div class="row">
      <div class="col-25">
        <label >Handphone</label>
      </div>
      <div class="col-75">
        <input type="text"  name="hp" placeholder="0821...." required>
      </div>
    </div>
 
 <div class="row">
      <div class="col-25">
        <label >Nomor KTP</label>
      </div>
      <div class="col-75">
        <input type="text"  name="custom[nomorktp]" placeholder="1234567890123456">
      </div>
    </div>
 
 <div class="row">
      <div class="col-25">
        <label >Tanggal Lahir</label>
      </div>
      <div class="col-75">
        <input type="text"  name="custom[tanggallahir]" placeholder="01/01/2010">
      </div>
    </div>
 
 <div class="row">
      <div class="col-25">
        <label >Alamat</label>
      </div>
      <div class="col-75">
        <input type="text"  name="custom[alamat]" placeholder="Alamat anda ...">
      </div>
    </div>
 
    <div class="row">
      <div class="col-25">
        <label for="country">Pilihan Paket</label>
      </div>
      <div class="col-75">
        <select name="custom[paket]">
          <option value="Paket BASIC: 1 Lisensi (Rp.1.500.000)">Paket BASIC: 1 Lisensi (Rp.1.500.000)</option>
    <option value="Paket SUB AGEN: 3 Lisensi (Rp.4.500.000)">Paket SUB AGEN: 3 Lisensi (Rp.4.500.000)</option>
    <option value="PAKET AGEN: 7 Lisensi (Rp.10.500.000)">PAKET AGEN: 7 Lisensi (Rp.10.500.000)</option>
    <option value="Paket MASTER AGEN: 15 Lisensi (Rp.22.500.000)">Paket MASTER AGEN: 15 Lisensi (Rp.22.500.000)</option>
    <option value="Paket STOKIST: 31 Lisensi (Rp.46.500.000)">Paket STOKIST: 31 Lisensi (Rp.46.500.000)</option>
        </select>
      </div>
    </div>
    
    <div class="row">
      <input type="hidden" name="grup" value="1"/> <p><input type="submit" value="Daftar"/>
    </div>
  </form>
</div>

</body>
</html>

Jika dijalakan akan seperti ini

Jadi anda tidak harus membeli elementor yang pro. :)

Ada problem, kontak sy di WA 0821-5065-1122

Notifikasi via Telegram

Notifikasi via Telegram ini sebagai tambahan fitur notifikasi. Notifikasi juga bisa dilakukan via SMS hanya ini perlu anggaran tambahan untuk anda berlangganan kredit SMS.

Notifikasi via Telegram sifatnya gratis selagi yang punya (telegram) kasi gratis :) :)

Seperti ini notifikasinya:

Anda akan mendapat laporan seputar aktifitas Tools Email Marketing anda (Auto BiznisTop).

Berikut cara setting notifikasi via telegram:

1. Pada dashboard Auto BiznisTop anda klik menu pojok kanan atas, pilih Setting.

2. Masukkan ID Telegram anda. Cara mendapatkan id telegram KLIK DISINI.

3. Masukkan Token Telegram Anda. Cara mendapatkan token, KLIK DISINI

4. Klik tombol Setting untuk menyimpan.

Mendapatkan Token Telegram

Sebelumnya dibahas cara mendapatkan ID telegram. Berikut cara mendapatkan token telegram. Perhatikan gambar dibawah ini:

Berikut penjelasannya:

1. Ketik dipencarian BotFather atau KLIK DISINI.

2. Ketik perintah /newbot dan send.

3. Ketik nama bot anda, misal: Auto Biznis Top, dan send.

4. Ketik username, misal: AutoBiznisTopbot, dan send. Pengetikan username tidak boleh spasi dan berakhiran bot dibelakangnya.

5. Secara otomatis keluar url alamat aplikasi anda untuk informasi notifikasi.

6. Copy token anda. Token sifatnya rahasia. Dan paste.

7. Klik url aplikasi anda (t.me/autobiznistopbot) dan klik tombol START.

Ada problem, kontak WA 0821-5065-1122

Mendapatkan ID Telegram

Terlebih dahulu akses web telegram, KLIK DISINI.
Ikuti petunjuk pada gambar dibawah ini:

Penjelasan:
1. Ketik get id pada pencarian, tampil di klik. Atau klik link ini >> https://t.me/get_id_bot
2. klik menu Start.
3. Copy ID telegram anda.