Yukdigitalz

Member Area

Tested on

  • Version 1.2.0
  • Wordpress 6.4
  • Php 8.0

Showcase Portfolio Addon

Facebook Twitter Youtube

Showcase Portfolio Addon adalah plugin ekstensi Elementor premium yang dirancang khusus untuk web developer, freelancer, dan agensi digital. Plugin ini memungkinkan Anda memamerkan hasil karya website (portofolio) melalui antarmuka pop-up bergaya SaaS interaktif.

Alih-alih membebani halaman dengan banyak iframe yang merusak metrik performa (First Contentful Paint), plugin ini menggunakan sistem lazy-load pintar di mana iframe hanya dimuat saat pengunjung mengklik tombol atau kartu proyek.

Ideal untuk freelancer, agensi, dan desainer web modern.

Fitur Utama

  • Dua Widget Pilihan: Tersedia widget Showcase Button (tombol tunggal) dan Showcase Grid (galeri kartu interaktif).

  • 3 Gaya Device Frame: Sesuaikan desain window pop-up dengan branding Anda: macOS Style (Default), Windows 11 Style, atau Minimalist Dark Mode.

  • Simulasi Responsif: Pengunjung dapat melihat tampilan web proyek Anda dalam versi Desktop, Tablet, dan Mobile langsung dari dalam pop-up.

  • Project Info Sidebar: Panel informasi tersembunyi (slide-out) untuk menjelaskan case study, teknologi yang digunakan, atau detail proyek.

  • Sistem Filter Grid: Kategorikan portofolio Anda menggunakan sistem Tag dinamis dengan animasi transisi yang mulus.

  • Super Ringan (Performance First): Memori iframe dibersihkan secara otomatis (about:blank) ketika pop-up ditutup untuk mencegah browser menjadi berat.

Instalasi

  1. Unduh Plugin: Siapkan file .zip dari plugin Showcase Portfolio Addon.

  2. Unggah ke WordPress: Masuk ke Dasbor WordPress Anda, navigasikan ke Plugins > Add New (Tambah Baru), lalu klik Upload Plugin.

  3. Instal & Aktifkan: Pilih file .zip tadi, klik Install Now, lalu klik Activate Plugin.

  4. Catatan: Pastikan plugin Elementor sudah terinstal dan aktif di situs Anda, karena plugin ini bergantung pada core Elementor.

Quick Start (Mulai Cepat)

Cara menggunakan widget ini di dalam Elementor:

  1. Buka halaman, postingan, atau template menggunakan Elementor Editor.

  2. Pada panel pencarian widget di sebelah kiri, ketik “Showcase”. Anda akan melihat dua widget baru: Showcase Portfolio dan Showcase Grid.

  3. Tarik (drag & drop) salah satu widget ke dalam area kanvas kerja Anda.

  4. Konfigurasi Konten:

    • Masukkan Judul Proyek dan URL Iframe (Tautan website yang ingin dipamerkan).

    • (Khusus Grid) Tambahkan kategori di kolom Tags (pisahkan dengan koma, contoh: Web Design, E-commerce) untuk mengaktifkan menu filter.

    • Isi Project Description jika Anda ingin mengaktifkan tombol Info Sidebar.

  5. Konfigurasi Tampilan (Popup Settings):

    • Pilih Window Style (Mac, Windows, atau Minimalist).

    • Atur Default View saat pertama kali dibuka (Desktop/Tablet/Mobile).

  6. Sesuaikan warna, border, dan tipografi melalui tab Style seperti biasa.

  7. Klik Update / Save, lalu pratinjau halaman Anda.

Dukungan & Pemecahan Masalah

  • Tampilan Pop-up Berantakan? Pastikan Anda menekan Ctrl + F5 untuk melakukan Hard Refresh pada browser Anda agar file CSS/JS terbaru dari plugin berhasil dimuat. Bersihkan juga cache plugin seperti LiteSpeed jika Anda menggunakannya.

  • Iframe Menolak Dimuat (Refused to Connect)? Beberapa website besar (seperti Google atau Facebook) memblokir situs mereka agar tidak bisa dimuat di dalam iframe demi keamanan (X-Frame-Options). Pastikan URL yang Anda masukkan mengizinkan embedding iframe.

  • Bantuan Lebih Lanjut: Jika Anda menemukan bug atau memiliki permintaan fitur, silakan hubungi tim pengembang melalui email yang ada di member area.

Other plugin

server contabo
Gitaz - AI Assistant