Live Preview

Ilham Wahyudin

Live Preview adalah plugin inovatif yang dirancang khusus untuk memaksimalkan pengalaman belanja di toko WooCommerce Anda. Dengan plugin ini, Anda dapat menambahkan tombol “Live Preview” ke halaman produk, memungkinkan calon pelanggan melihat tampilan langsung dari website yang Anda jual — baik itu tema, template, maupun landing page.

Instalasi

Silakan download terlebih dahulu plugin yang telah Anda beli di halaman akun Anda. Kemudian upload ke website Anda di menu Plugins > Add New Plugin > Upload Plugin > Choose File > Install Now.

Setelah berhasil melakukan instalasi, silakan klik Activate untuk plugin Onesender Sheet Broadcast Pro di halaman Plugins.

Lisensi

Setelah aktif, silakan menuju menu Plugins > Installed Plugins > Onesender Sheet Broadcast Pro > License. Kemudian masukkan kode lisensi yang Anda dapatkan setelah melakukan pembelian plugin.

Features

Anda dapat mengaktifkan atau menonaktifkan fitur yang ada di Live Preview.

  1. Live Preview: Menonaktifkan ini berarti berhenti menggunakan seluruh fitur yang ada di plugin ini, artinya Anda tidak akan melihat tombol live preview di seluruh produk WooCommerce Anda.
  2. Dekstop, Tablet, dan Mobile Mode: Menonaktifkan salah satu dari 3 ini akan menghilangkan opsi mode preview tersebut.
  3. Visit Mode: Menonaktifkan ini akan menghilangkan tombol Visit Live Site

Display Condition

Anda dapat mengatur tempat munculnya tombol di seluruh atau sebagian produk WooCommerce Anda. Anda dapat menggunakan 4 pengaturan:

  1. Single Product
  2. Product Archive
  3. Product Categories
  4. Product Tags

Pilihan di Single Product dan Product Archive itu akan menentukan tempat tombol diletakkan. Anda memiliki 48 pilihan letak yang mana bisa Anda sesuaikan berdasarkan preferensi website atau support dari theme (karena terkadang ada theme yang tidak mensupport letak tertentu).

Pilihan Product Categories dan Product Tags itu akan menentukan di kategori dan tag yang mana tombol akan ditampilkan. Dan logika yang digunakan adalah “AND”, artinya bila Anda memilih:

  • Product Categories: Template
  • Product Tags: Gutenberg

Maka tombol live preview hanya akan muncul bila sebuah produk memiliki kategori Template, dan tag Gutenberg. Bila sebuah produk memiliki kategori “Template”, akan tetapi memiliki tag “Elementor” maka tombol live preview tidak akan ditampilkan.

Color Options

Anda dapat mengatur warna popup, teks, dan tombol sesuai dengan warna branding website Anda. Ini memberikan fleksibilitas dalam kustomisasi. Adapun pengaturan yang bisa Anda atur adalah sebagai berikut:

  1. Header Background
  2. Text
  3. Button
  4. Text hover
  5. Button hover
  6. Visit Button

Anda dapat mengatur lebar dan tinggi popup live preview. Berikut pengaturan yang tersedia:

  1. Width: lebar popup dalam persen
  2. Max Width: maksimal lebar popup dalam pixel
  3. Height: tinggi popup dalam persen
  4. Max Height: maksimal tinggi popup dalam pixel

Breakpoint

Mode yang disediakan plugin ini ada 3: desktop, tablet, dan mobile. Untuk desktop, tentu breakpoint secara default adalah 100%, sedangkan untuk tablet dan mobil ini bisa di kustomisasi sesuai dengan preferensi Anda. Bila dikosongkan, maka breakpoint default akan digunakan.

Anda juga bisa mengatur mode default live preview Anda di pengaturan ini.

Text String

Anda dapat melakukan kustomisasi pada text string popup, artinya Anda bisa menyesuaikan penamaan mode sesuai dengan preferensi Anda.

Miscellaneous

Pengaturan lanjutan ini saat ini berisi Custom CSS, sehingga Anda bisa menambahkan CSS untuk memberikan kustomisasi style pada berbagai aspek di plugin ini, misalnya tampilan tombol, teks, ukuran popup dan lain sebagainya.

Update

Lakukan backup sebelum update!

Untuk melakukan update, Anda bisa menuju ke Plugins dan cari plugin Live Preview. Bila ada pembaharuan dari kami, Anda cukup melakukan klik Update Now seperti gambar di bawah.