Cara Membuat link WA Untuk Olshop
Lompat ke konten Lompat ke sidebar Lompat ke footer

Widget Atas Posting

Beranda / Tutorial Blog

Cara Membuat link WA Untuk Olshop

Topic [Show]

Cara membuat link WA untuk Olshop sebenernya sih mudah banget guys, tetapi tergantung pula jenis link yang akan ente buat.

Apabila link itu bersifat sederhana, prosesnya juga sangat sederhana banget. Yaitu dengan menggunakan sistem API.

Begitu pula sebaliknya, apabila link Wa untuk Olshop yang kamu buat cukup profesional, maka prosesnya sedikit rumit.

Jika Penasaran seperti apa proses pembuatan yang saya lakukan, pahami beberapa instruksi di bawah. Cuss, langsung masuk ke tutorial.

Persiapan Sebelum Membuat Link WA Untuk Olshop

Tentu awal yang harus kamu persiapkan yaitu nomor Wa itu sendiri. Tanpa adanya nomor tersebut, maka kamu tidak akan bisa membuat Link Wa untuk Olshop.

Di satu sisi, nomor wa yang perlu kamu gunakan juga sudah aktif dan terdaftar di Wa. Baik itu WhatsApp bisnis, atau WA messenger, itu sama saja. Yang utama, nomor masih aktif dan terdaftar di WhatsApp.

Jenis Link Wa Untuk Olshop

Banyak jenis link WA yang dapat kamu pilih untuk mempermudah calon pelanggan menerima dukungan customers secara profesional.

Meskipun memiliki banyak jenis, konsep dari semuanya sama.

Entah itu kinerja dari link tersebut, isi api untuk nomor tersebut, dan bahkan semuanya melibatkan permalink yang dikonfigurasi dengan nomor HP kalian.

Yang membedakan dari semua jenis link wa tersebut hanyalah kode HTML nya saja. Karena dengan kode tersebut, maka kamu bisa menciptakan model link wa untuk olshop sesuai preferensi sendiri.

Sementara itu, permalink utama yang bisa mamu gunakan ialah https://wa.me/+nomorAnda.

Tanpa dukungan dari permalink tersebut, maka link wa yang kamu install ke Olshop tidak akan berfungsi dengan baik.

Berikut ini beberapa tahapan yang bisa kamu ikuti untuk membuat Link WA.

Cara Membuat Link WA Untuk Olshop

Cara paling mudah membuat link Wa untuk olshop yaitu:

  1. Siapkan nomor HP Anda.
  2. Ketik https://wa.me/NomorHP.
  3. Pada nomor HP. kamu perlu memasukkan kode+62 (jika nomor tersebut berasal dari Indonesia).
  4. Selesai.

Ilustrasinya begini Guys, ketika menggunakan rumus di atas maka hasilnya akan tampak seperti:

https://wa.me/6293739373927292 (hanya contoh)

Coba perhatikan angka "62" yang sudah saya beri cetak tebal di atas. Kode 62 merupakan kode negara untuk indonesia. Jadi, jika nomor WhatsApp yang akan kalian gunakan berasal dari negara lain, maka sesuaikan kode tersebut sesuai negara.

Sementara itu, 62 ini sifatnya paket. Mungkin kamu akan merubahnya ke angka "08". Sayangnya, perintah 08 tidak bisa digunakan untuk membuat link wa untuk Olshop.

Nah ketika kamu menggunakan link Wa seperti di atas, maka hanya dapat berfungsi di beberapa platform saja.

Platform tersebut ialah Facebook, Twitter dan WhatsApp serta sosial media lainnya. Sementara itu, url di atas tidak akan berfungsi dengan baik di situs pribadi atau web olshop yang sudah kamu bangun.

Oleh karena itu, butuh dukungan HTM, CSS atau bahkan script JS agar link di atas bida digunakan calon pelanggan yang masuk ke situs mu.

Untuk cara membuatnya, kamu bisa mengikuti semua instruksi yang sudah saya sediakan berikut ini!

Agar Link WA Bisa di Klik dan Otomatis Masuk ke Chat

Supaya proses cara membuat link Wa untuk Olshop ini semakin sempurna, pertimbangkan dengan baik untuk memahami semua konteks ini. Karena ini akan menjadi faktor penentu kesuksesan Olshop yang kamu buat.

Tanpa dilandasi dengan kode HTML, maka tautan di atas tidak akan berfungsi di semua platform web. Sementara itu, untuk membuatnya lebih berguna, tambahkan kode HTML link aktif ke url tersebut dengan kode sebagai berikut:

<a href="AlamatURLWhatsApp">Teks yang dapat di Klik oleh Calon Pembeli</a>

Sehingga hasilnya akan menjadi tampak seperti terlihat pada HTML berikut:

<a href="https://wa.me/<b>62</b>93739373927292">Teks yang dapat di Klik oleh Calon Pembeli</a>

Kemudian jika kamu terapkan pada halaman web Olshop, maka hasilnya akan menjadi seperti ini: "Teks yang dapat di Klik oleh Calon Pembeli". Mudah Banget kan Guys.

Catatan Penting! Sebaiknya ganti tulisan "Teks yang dapat di Klik oleh Calon Pembeli" dengan kalimat yang sesuai dengan preferensi diri kalian. Beberapa rekomnedasi kalimat yang bisa kamu gunakan mungkin saja:
  • Klik Disini
  • Hubungi kami
  • Dapatkan Penawaran Menarik
  • Dukungan Pelanggan
  • Klik Beli
  • Beli Sekarang
  • Contact WhatsApp
  • Click to Chat
  • Dan lain sebagainya.

Dengan menggunakan kalimat seperti yang saya sebut di atas mungkin bisa menarik perhatian banyak calon pelanggan dan membuat olshop kamu kebanjiran pesanan. Namun, jika kamu punya kalimat yang lebih kreatif dan lebih mengandung unsur Copywriting, maka tidak ada salahnya mencoba kalimat tersebut.

Perlu kalian ketahui guys, Cara Membuat link WA Untuk Olshop mseperti di atas adalah salah satu contoh HTML sederhana yang dapat kamu terapkan ke web kalin.

Jadi, link wa tersebut tidak memiliki variasi apa pun. Untuk membuatnya lebih menarik, sebaiknya pahami lebih lanjut tentang penggunaan CSS pada link di atas. Kamu bisa mempelajarinya melalui panduan yang sudah saya sediakan dalam konteks sederhana berikut!

Cara Membuat link WA Untuk Olshop Menarik dengan HTML dan CSS

Contoh Link Wa untuk olshop ini berupa tombol yang kemudian bisa di klik oleh calon pembeli. Namun perlu kamu ingat, semua kode di bawah hanya dapat berfungsi di website atau blogger. Intinya dapat berguna jika kamu punya platform web sendiri. Sementara itu, cara membuat link wa untuk olshop ini dapat kamu lakukan dengan menyalin kode berikut:

CSS Link WhatsApp

<style>
.waolshop1 {
background-color: #4CAF50; /* Green */
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
}
</style>

HTML Button WhatsApp

<a class="waolshop1" href="https://wa.me/6293739373927292">Contact Me</a>

Contoh Link WA untuk Olshop

Jika semua kode CSS dan HTML di atas kamu install ke blog atau website sendiri, maka hasilnya akan tampak menjadi sebagai mana terlihat dalam contoh di bawah ini:

Contact Me

Keterangan Tombol WhatsApp

  • .waolshop1 adalah kode css yang dapat dipanggil untuk memberi design pada HTML Link WA yang sudah kamu miliki.
  • background-color: #4CAF50; Merupakan kode css untuk menampilkan warna backgroud hijau.
  • border: none; Merupakan kode untuk menghilangkan garis tepi atau border pada sebuah design.
  • color: white; berguna untuk memberi warna putih pada link wa yang akan kamu tampilkan ke olshop.
  • padding: 15px 32px; Untuk membuat jarak antara teks dengan border atau background.
  • text-align: center; Berguna untuk membuat teks berada pada posisi tengah.
  • text-decoration: none Ini merupakan kode CSS yang berguna untuk menghilangkan garis bawah pada link WA.
  • font-size: 16px Kode tersebut berguna untuk mengatur ukuran text.
  • https://wa.me/ Merupakan alamat resmi api WhatsApp.
  • class="waolshop1 Merupakan kode pemanggil untuk kode css .waolshop1.
  • 6293739373927292 Merupakan contoh nomor wa yang akan kamu gunakan untuk di intall ke Olshop.

Demikian lah tutorial cara membuat link WA untuk Olshop yang dapat saya bagikan hari ini ke kalian. Jika informasi ini berguna, sebaiknya share ke sejumlah teman mu, sampai jumpa di lain waktu.