Cara Memasang Popup Website

Popup Website adalah jendela kecil yang muncul saat kita mengunjungi sebuah website. Popup ini biasanya digunakan untuk meningkatkan konversi atau kegiatan dari pengunjung yang menguntungkan misal menjadi subscriber, mendownload ebook, mendaftar keanggotaan hingga melakukan pembelian barang atau jasa.

Dibawah ini adalah contoh popup pada website yang seringkali kita jumpai dibanyak website, ini berisi iklan diskon penawaran harga.

Ada cukup banyak plugin wordpress yang menyediakan popup semacam ini antara lain :

  1. Popup Maker
  2. Popup Builder
  3. OptinMonster
  4. Sumo
  5. Popup by Supsystic

Nah di kesempatan ini , kita akan mencoba membuat popup dengan menggunakan salah satu plugin tsb yaitu Popup Maker. Langsung saja kita install plugin tsb, pada menu Plugins – Add New – ketik Popup Maker di isian keyword, akan muncul plugin tsb , lalu klik tombol Install Now dan klik tombol Active untuk melakukan aktivasi plugin Popup Maker tsb. Setelah plugin Popup Maker tsb aktif, maka akan muncul menu Popup Maker pada panel menu kiri, klik Popup Maker lalu akan tampil list sample popup yang sudah tersedia.

Selanjutnya kita akan mulai untuk membuat sample popup, dalam case ini kta membuat popup untuk promosi gratis bikin/setup website untuk kebutuhan client UMKM.

Pertama-tama kita siapkan image banner untuk ditampilan di popup, disini kita bisa menggunakan tools photoshop atau online tools gratis misalnya canva.com .

Setelah image banner siap, kita mulai membuat popup baru dengan cara klik menu Create Popup lalu isi Popup Name & kosongkan saja isian Popup Title, kemudian pada bagian input area, insert image banner yang sudah kita siapkan sebelumnya. Cara insert image banner yaitu dgn klik tombol Add Media – pilih tab Media Library, makan tampilan akan seperti dibawah ini.

Kemudian kita lanjut setting pop tsb pada menu Trigger – Add New Trigger, pilih Time Delay / Auto Open. Lalu centang pada opsi Prevent popup from showing to visitor again using a cookie? Lalu pilih On Popup Close pada opsi Stop showing popup once visitor takes this action, lalu klik tombol  Add, contoh seperti gambar dibawah ini.

Kemudian pada setting Time Delay Settings, default isian Delay adalah 500 ms ( setengah detik), biarkan saja, lalu klik tombol Add

Dan tampilan setting Trigger akan mejadi seperti gambar dibawah ini.

Kita lanjutkan setting untuk action mengarahkan ke halaman tertentu saat popup ditutup oleh pengunjung website, untuk contoh, kita akan arahkan ke halaman Homepage (utama). Klik menu Targeting – Choose a Condition – General – HomePage. Kita juga bisa men-setting untuk tidak memunculkan popup pada akses mobile browser dan tablet browser, namun kali ini kita akan biarkan saja sesuai default, seperti yang tampak pada gambar dibawah ini.

Kemudian kita akan setting posisi display dari popup tsb, pilihan posisi ada di tengah, kanan bawah, atas dan kiri bawah. Silahkan disesuaikan dengan kebutuhan, pada umumnya setting display popup ada di posisi tengah halaman web. Pilihan posisi display dapat terlihat pada kotak berwarna merah seperti gambar dibawah ini.

Selanjutnya, kita akan aktifkan popup yang baru saja kita buat, caranya klik menu Popup Maker – All Popups, pada bagian list popup, pastikan Enabled aktif pada popup yang baru saja kita buat, warna opsi Enabled menjadi hijau, contoh seperti gambar dibawah ini.

Sampai disini kita sudah berhasil membuat popup website yang akan muncul di halaman utama saat website kita diakses oleh pengunjung. Kita dapat bereksperiment dengan beragam atribut popup ini, karena cukup banyak setting yang disediakan oleh popup maker plugin ini.

Semoga panduan ini bermanfaat buat teman-teman semua !

Note : jika popup tidak muncul, pastikan Anda cek jika ada plugin cache yang aktif, coba untuk nonaktifkan dulu.

 

 

 

 

 

 

 

 

 

WordPress – Cara Memasang Google Analytics di Website

Tolak ukur kesuksesan sebuah website salah satunya adalah dari banyaknya jumlah pengunjung (statistik) dan pembaca website kita. Cara memonitor statistik pengunjung website dapat menggunakan tools yang bernama Google Analytics. Kita akan coba memasang tools google analytics pada website. Ada dua pekerjaan yaitu, membuat/mendaftar google analytics di google dan memasang plugin wordpress di website kita.

Mendaftar Google Analytics

Sign in pada https://analytics.google.com/analytics/web/ menggunakan akun gmail kita, kemudian akan muncul tampilan Welcome dari google analytics, klik tombol Start Measuring ( atau Setup For Free)

google analytics using monster insight for wordpress

Akan muncul tampilan Create Account dengan 3 langkah yaitu :

    1. Account Setup
    2. What do you want to measure?
    3. Property setup

Kita akan bahas satu persatu 3 langkah diatas tadi.

Account Setup

Isi Account name dengan title website yang akan kita monitor. Untuk Account Data Sharing Settings, biarkan saja default isiannya, tidak perlu diubah, lalu klik tombol next

google analytics

 

What do you want to measure?

Akan  muncul pilihan apa yang mau kita ukur, dalam hal ini pilih Web, lalu klik tombol next

 

google analytics using monster insight for wordpress

Akan muncul Property setup, isi :

    • Website Name : nama website kita
    • Website URL : url lengkap website kita
    • Industry Category : sesuaikan dengan industri website, misal Travel
    • Reporting Time Zone : pilih Indonesia

google analytics using monster insight for wordpress

Kemudian klik tombol Create, akan muncul form Google Analytics Terms of Service Agreement. Pilih negara Indonesia, klik 2 checkbox yang tersedia lalu klik tombol I Accept.

google analytics using monster insight for wordpress

 

Kemudian akan muncul tampilan My email communications, klik tombol Save.

google analytics using monster insight for wordpress

Setelah itu akan muncul tampilan Google Analytic yang menampilkan Tracking Info, berupa Tracking ID, Status dan Website Tracking. Tracking ID dan Tracking Code inilah yang bisa kita pasang pada website yang akan kita monitor  traffiknya. Karena website kita menggunakan WordPress, akan lebih mudah mengintegrasikan Google Analytics ini dengan cara menginstall Plugin WordPress. Biarkan saja page google analytics ini terbuka untuk mempermudah proses integrasi dengan plugin wordpress.

google analytics using monster insight for wordpress

 

Menginstall Plugin Google Analytics

Silahkan masuk ke dashboard wordpress pada website kita dengan melakukan login, kemudian pilih menu Plugins – Add New. Pada isian keyword , ketik google analytics, maka akan muncul banyak pilihan plugin, dalam contoh ini kita pilih plugin : Google Analytics Dashboard Plugin for WordPress by MonsterInsights. Klik tombol Install Now, setelah proses tsb lalu lanjutkan dengan meng-klik tombol Activate,

google analytics using monster insight for wordpress

lalu setelah proses aktivate selesai, akan muncul tampilan plugin dari Monster Insight.

google analytics using monster insight for wordpress

Klik tombol Launch The Wizard lalu akan muncul pilihan Business Website, Publisher (blog) dan Ecommerce, untuk latihan kali ini, kita pilih Business Website, lalu klik tombol Save and Continue.

Kemudian akan tampil info di step ini kita akan meng-koneksikan Google Analytic + WordPress, klik tombol Connect MonsterInsight. Lalu akan muncul proses authentication dan pilih akun gmail yang tadi sudah kita gunakan untuk membuat akun google analitic.

 

google analytics using monster insight for wordpress

Selanjutnya akan tampil info plugin MonsterInsight akan minta akses ke akun gmail tsb, klik tombol Allow.

google analytics using monster insight for wordpress

Selanjutnya akan tampil pilihan profile dari google analitic yg sudah kita buatkan sebelumnya, pilih pofile tsb dan klik tombol Complete Connection.

google analytics using monster insight for wordpress

Kemudian akan muncul info Finalizing Authentication dan Recommendation Setting, langsung saja scroll ke bawah , klik tombol Save and continue. Lalu akan muncul info Recommended Addon, abaikan saja pilihan upgrade to pro, langsung klik tombol Save and continue. lalu kemungkinan akan muncul tawaran untuk install plugin lain (MonsterInsights Recommends WPForms), abaikan saja dengan memilih link Skip this Step, lalu klik tombol Finish Setup & Exit Wizard.

Selamat ! kita baru saja berhasil mengintegrasikan google analitic di website, tampilan utama dari plugin analitic ini seperti gambar dibawah ini.

google analytics using monster insight for wordpress

Kemudian klik tombol View Reports untuk masuk ke dalam tampilan utama Overview Report. Ada 2 tab yaitu Session dan Page View, karena belum ada traffic yang tercatat, maka tampilannya masih seperti ini, alias kosong 🙂

google analytics using monster insight for wordpress

Kita akan coba ambil contoh reports yang sudah ada trafficnya, ini diambil dari web resmi monsterinsights.com , seperti capture dibawah ini.

google analytics using monster insight for wordpress

Tepat di bawah grafik lalu lintas, kita akan melihat statistik cepat yang terkait dengan perilaku pengunjung situs kita , termasuk jumlah sesi, jumlah tampilan halaman, durasi sesi rata-rata, dan rasio pengunjung yang mental (pergi) dari keseluruhan situs kita .

Kita dapat menggunakan tanggal untuk menampilkan 7 hari terakhir atau 30 hari terakhir, atau beberapa periode waktu default lainnya. Kita juga dapat mengubahnya ke rentang tanggal khusus jika kita perlu melihat data untuk jangka waktu tertentu.

Kita juga akan melihat persentase perubahan dibandingkan dengan periode waktu yang kita pilih untuk laporan ini. Misalnya, jika kita memilih untuk melihat jumlah sesi dan tampilan halaman selama 30 hari terakhir, kita juga akan melihat perbandingan dengan 30 hari sebelumnya.

Cukup banyak fitur google analitic yang tersaji melalui plugin ini. Di kesempatan lain kita akan bahas lebih detail fitur dan report lainnya, yang tentu saja sangat berguna sebagai bahan analisa untuk dijadikan acuan dalam berstrategi menaikkan traffic dan kunjungan ke website kita.

Ok sampai jumpa lagi di artikel yang lainnya teman-teman, semoga bermanfaat !

 

 

Cara Install Plugin di WordPress

Setelah menginstall wordpress, maka langkah selanjutnya untuk melengkapi fitur di website kita, dari wordpress menyediakan fitur aplikasi yang bernama plugin. Nah plugin ini memungkinkan kita untuk mengisi website dengan beragam fitur aplikasi seperti header dengan slider, contact form, keranjang belanja, tracking analitic pengunjung dan lain-lain.

Cara install plugin di wordpress sangat mudah, silahkan ikuti step dibawah ini :

Pilih menu Plugin – Add New pada area dashboard wordpress, maka akan muncul tampilan dibawah ini. Lalu ketik mana plugin yang ingin kita install :

Setelah itu akan muncul list plugin yang berhubungan dengan nama plugin yg kita cari. Kita bisa memilih plugin yg sesuai dengan kebutuhan, lalu klik tombol ‘Install Now’. Plugin akan terinstall dan tombol berubah menjadi tombol ‘Activate’.

Kemudian klik tombol ‘Activate’ untuk mengaktifkan plugin tsb. Nah, sampai disini kita sudah berhasil melakukan install plugin di website. Langkah selanjutnya adalah men-setting plugin yg sudah aktif tsb. Settingan tiap plugin berbeda sesuai dengan fungsinya.

Untuk setting plugin akan kami jelaskan pada postingan-postingan berikutnya yg tentunya sesuai dengan fungsi dan kegunaan dari masing-masing plugin tsb. Sampai jumpa di postingan berikutnya.

Elementor Sebagai Plugin Andalan Page Builder

Elementor adalah salah satu plugin WordPress yang berfungsi sebagai page builder. Dengan Elementor, pembuatan sebuah page website menjadi semakin mudah. beberapa fitur dan kelebihan dari Elementor antara lain :

  • Tidak membutuhkan keahlian coding, ini karena Elementor adalah plugin dari WordPress
  • Drag and drop, cukup geser dan letakkan elemen atau object yang dibutuhkan untuk membuat page
  • Fitur lengkap, sudah cukup untuk membuat page standar dengan beragam fitur
  • Responsive design, tampilan otomatis menyesuaikan viewnya jika diakses dari laptop atau gadget
  • Integrasi, mudah diintegrasikan dengan addon, template atau plugin wordpress lainnya
  • Cepat dan mudah, dapat memenuhi ekspektasi dari mockup awal hingga selesai pembuatan

Intinya, jika kita menggunakan Elementor sebagai page builder di wordpress, proses pembuatan sebuah website jadi mudah dan cepat. Yang paling asyik adalah, kita bisa membuat sebuah page atau website, benar-benar dari awal desain, sehingga bisa menyesuaikan dengan mockup design awal yang disepakati, jadi selesainya sebuah page atau website tsb menjadi lebih pasti.

Dan karena Elementor ini adalah bagian plugin dari WordPress, tidak dibutuhkan keahlian coding. Cukup drag & drop, lalu properties dan attribut bisa disesuaikan dengan kebutuhan, mengacu pada mockup design.

Di kesempatan lain, kita akan coba membuat website dengan beragam kategori industri sebagai study case belajar. Sampai jumpa lagi 🙂

WordPress – Cara Redirect Website Menggunakan Plugin

Terkadang kita sudah menyewa domain dan hostingnya, tapi ternyata website kita belum siap, entah itu dari segi desain atau konten. Untuk itu kita akan coba arahkan website yang belum siap tsb ke akun sosial media yang sudah ada, kemungkinan besar ini sudah ada donk ya.

Kita bisa menggunakan plugin wordpress untuk melakukan redirect tsb seperti panduan dibawah ini.

Pilih menu Plugin – Add Plugins , ketik keyword : redirect pada kolom isian kanan, maka akan muncul pilihan plugin, disini kita akan pilih Plugin Redirection sesuai gambar dibawah ini.

 

redirect website

Kemudian install Plugin tsb dengan meng-klik tombol Install Now. Setelah berhasil terinstall, aktifkan dengan meng-klik tombol Activate.

Selanjutnya kita akan melakukan setting redirection dengan cara, pilih menu Plugin – Redirection – Settings. Disini akan muncul tampilan Plugin redirection, klik tombol Start Setup – Continue Setup – Finished Setup – Finished.

Kemudian pilih menu Tools – Redirections, maka akan muncul tampilan Redirections. Isi kolom seperti gambar dibawah ini.

cara redirect website

  • Source URL : URL website kita
  • Query Parameters : default sesuai isian
  • Target URL : URL sosial media kita
  • Group : default sesuai isian

Setelah itu, klik tombol Add Redirect, maka list Redirect akan terisi data yang baru saja kita simpan, seperti gambar dibawah ini.

 

Untuk mencoba URL redirect yang baru saja kita buat, silahkan klik postingan ini : https://bisabikinweb.id/contoh-redirect-halaman.html yang jika kita kunjungi, akan redirect (pindah) ke URL sosial media seperti yang kita setting sebelumnya.

Demikian cara redirect website menggunakan Plugin di WordPress, selamat mencoba teman-teman.