Saat kita membangun web salah satu hal yang kita inginkan adalah membuat website yang interaktif dan seperti hidup, salah satu cara untuk mencapai hal tersebut adalah menambahkan widget pada website yang kita kelola, Di artikel ini kita akan membahas bagaimana cara membuat widget dan integrasi dengan web laravel untuk membuat widgetnya disini kami menggunakan Free Widget Social Proof
Jenis-Jenis Widget Web Populer
Saat ini banyak sekali jenis-jenis widget yang banyak digunakan di berbagai website yaitu:
- Whatsaapp Chat
- Informasi
- Call To Action
- Social Share
- Email Collector
- Kupon
Jenis-jenis widget diatatas merupakan widget yang banyak di gunakan di antara puluhan jenis widget lainnya
Cara Membuat Widget Social Proof Gratis
Untuk membuat widget anda dapat menggunakan website MID Social Proof karena banyak menyediakan widget yang siap pakai dan pastinya gratis.
Berikut ini adalah cara membuat widget social proof gratis menggunakan MID Social Proof
Pertama, silahkan anda buka situs MID Social Proof
Kedua, silahkan klik tombol login dan silahkan anda login menggunakan akun google atau facebook
ketiga, setelah berhasil login silahkan klik tombol create campaign
keempat, masukkan nama dan domain yang ingin anda buatkan widgetnya setelah itu klik tombol create
kelima, copy code pixel yang muncul ke notepad kode ini nantinya akan kita gunakan untuk integrasi ke website laravel ataupun cms web seperti wordpress
contoh kode pixel widget :
<!-- Paste disini -->
<!-- Pixel Code for https://midteknologi.com/tools/social-proof/ -->
<script defer src="https://midteknologi.com/tools/social-proof/pixel/sdasdsdasd221gckexor1"></script>
<!-- END Pixel Code -->keenam, setelah itu kita buat notifikasi dengan cara klik tombol create notification dan pilih jenis notifikasi widget yang anda inginkan, pada contoh ini saya memilih social share widget lalu klik tombol create
langkah selanjutnya adalah anda isikan form-form isian sesuai dengan informasi widget yang anda pilih dan klik tombol update
lalu klik menu triggers, pada menu ini adalah bagian yang paling penting dimana kita menentukan kapan widget tersebut di tampilkan, disini saya memilih exit intent artinya saat pengujung hendak keluar dari website kita maka widget notifkasi ini akan di tampilkan
Agar widget menjadi lebih menarik anda dapat melakukan kustomisasi tampilan widget seperti mengganti warna dan animasi widgetnya pada menu customize, setelah merubah jangan lupa klik tombol update agar perubahan yang anda lakukan tersimpan
Langkah terakhir adalah mengaktifkan widget yang kita buat dengan cara klik tombol switch di seblah kanan atas menjadi active
dengan mengikuti langkah-langkah diatas kita sudah berhasil membuat widget social share website dengan sangat mudah dan cepat, selanjutnya kita akan megintegrasikan dengan laravel
Integrasi Widget Social Proof Dengan Laravel
Untuk melakukan integrasi widget yang sudah kita buat sebelumnya dengan laravel sangat mudah kita hanya perlu memasang kode pixel yang sudah kita copy sebelumnya saat membuat notifikasi ( step no 5 )
Berikut Cara Integrasi Widget Social Share dengan laravel:
buka project web laravel anda
setelah itu buka menu layout header
dan paste kan kode pixel widget sebelum tag </head> contohnya sbb:
<head>
<!-- Paste disini -->
<!-- Pixel Code for https://midteknologi.com/tools/social-proof/ -->
<script defer src="https://midteknologi.com/tools/social-proof/pixel/sdasdsdasd221gckexor1"></script>
<!-- END Pixel Code -->
</head>lalu save dan coba anda akses website anda sekarang
Untuk contoh implementasinya silahkan kunjugi situs: supertools.me
Catatan : Widget ini hanya berfungsi pada domain jadi pastikan setelah anda merubah code silahkan upload kode ke production dan akses situs anda melalui nama domain web tersebut
Apa Itu Widget Social Proof?
Widget social proof adalah sebuah elemen yang dapat ditambahkan ke sebuah situs web yang menampilkan notifikasi atau pesan yang menunjukkan bahwa orang lain sedang melakukan sesuatu di situs tersebut.
Misalnya, widget social proof dapat menampilkan jumlah orang yang sedang online di situs tersebut atau jumlah orang yang telah melakukan pembelian di toko online yang terhubung dengan situs tersebut.
Tujuan dari widget social proof adalah untuk memberikan kepercayaan kepada pengunjung situs bahwa orang lain juga melakukan aktivitas di situs tersebut, sehingga pengunjung merasa lebih yakin untuk melakukan aksi yang diinginkan, misalnya melakukan pembelian atau mendaftar untuk newsletter.
Widget social proof dapat sangat bermanfaat untuk meningkatkan tingkat kepercayaan dan konversi di situs web.
Kesimpulan
Dengan menambahkan widget pada website kita maka akan membuat website kita menjadi lebih menarik dan hidup dibandingkan tanpa widget bagi anda yang tertarik menambahkan widget di project web anda silahkan coba widget gratis dari mid social proof
Tinggalkan Balasan