Tanggal :27 Januari 2023
widget social proof laravel

Cara Membuat Widget Dan Integrasi dengan Laravel (Web Jadi Lebih Interaktif)

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

widget web populer
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

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *