Timer Hitung Mundur Error? Ini Cara Setting Native Countdown Luxee WidgetKit!

📌 Apa itu Modul Native Countdown (lxwdk-countdown)?

Native Countdown (widgetType: "lxwdk-countdown") adalah widget hitung mundur resmi dari plugin Luxee WidgetKit. Berbeda dari script countdown JavaScript manual konvensional yang boros DOM dan rentan freeze, modul ini terintegrasi langsung dengan antarmuka datepicker Elementor dan CSS hardware acceleration.

⚠️ Status Pembelian Plugin Penunjang (PENTING)

Harap diingat bahwa widget lxwdk-countdown bersumber dari plugin Luxee WidgetKit yang disediakan secara terpisah dari paket template Luxee AnyEvent. Jika website Anda sudah memasang plugin Luxee WidgetKit, seluruh template AnyEvent akan secara otomatis menampilkan widget countdown ini dengan sempurna.

✨ Keunggulan Native Countdown

• 1 Widget Ringan (Zero Script Bloat): Mengurangi beban DOM website hingga 80%.
• Datepicker Kalender Visual: Mengatur tanggal & jam acara cukup dengan klik kalender di Elementor.
• Label Bahasa Indonesia: Mendukung kustomisasi label HARI, JAM, MENIT, DETIK.
• Aksi Otomatis Saat Expired: Menampilkan pesan penutupan atau redirect ke tautan acara saat waktu habis.

🛠️ Langkah Mengatur Tanggal Target Acara

1. Klik widget Luxee Countdown pada section Hero / Banner template Anda.
2. Pada panel kiri Elementor di tab Content → Countdown Settings:
   • Due Date: Klik ikon kalender dan tentukan tanggal serta jam dimulainya acara.
   • Custom Labels: Aktifkan untuk memastikan teks label berbahasa Indonesia.
3. Buka tab Style untuk menyesuaikan warna angka (digits), jenis huruf tipografi, warna kotak latar (box background), dan radius sudut.

🎨 3 Preset Styling Siap Pakai per Kategori Event

1. Preset Modern Dark Tech / Amber (Webinar, Workshop, Tech Event)

{
  "box_background_color": "#1E293B",
  "box_border_radius": { "unit": "px", "top": "8", "right": "8", "bottom": "8", "left": "8", "isLinked": true },
  "box_border_border": "solid",
  "box_border_color": "rgba(255, 255, 255, 0.08)",
  "digits_color": "#F59E0B",
  "digits_typography_font_family": "Outfit",
  "digits_typography_font_size": { "unit": "px", "size": 20 },
  "digits_typography_font_weight": "800",
  "label_color": "#9CA3AF"
}

2. Preset Luxury Gold / Corporate (Event Bisnis, Awarding, Gala)

{
  "box_background_color": "rgba(22, 26, 29, 0.95)",
  "box_border_radius": { "unit": "px", "top": "0", "right": "0", "bottom": "0", "left": "0", "isLinked": true },
  "box_border_border": "solid",
  "box_border_color": "rgba(201, 168, 76, 0.3)",
  "digits_color": "#C9A84C",
  "digits_typography_font_family": "Cinzel",
  "label_color": "#E5E7EB"
}

3. Preset Soft Emerald & Coral (Tasyakuran, Aqiqah, Maulid Nabi)

{
  "box_background_color": "#0F1A15D9",
  "box_border_radius": { "unit": "px", "top": "6", "right": "6", "bottom": "6", "left": "6", "isLinked": true },
  "digits_color": "#E28D75",
  "digits_typography_font_family": "Plus Jakarta Sans",
  "label_color": "#A3B899"
}