Panduan Pasang Widget
Panduan Pasang Widget
Langkah 1: Dapatkan Kode Widget
- Login ke dashboard Kinexa
- Buka Messenger > Pengaturan > Widget
- Salin kode embed unik Anda
Kode Anda akan terlihat seperti ini:
<script src="https://api.liqaa.id/widget.js"
data-widget-key="wk_KUNCI_ANDA"
data-guest-mode="true"
data-color="#2563eb">
</script>Langkah 2: Pasang di Platform Anda
HTML Biasa
Tempel kode sebelum tag </body> di setiap halaman:
<body>
<!-- konten Anda -->
<script src="https://api.liqaa.id/widget.js" data-widget-key="wk_KUNCI_ANDA"></script>
</body>WordPress
- Buka Tampilan > Editor Tema (atau gunakan plugin Insert Headers & Footers)
- Buka
footer.php - Tempel kode widget sebelum
</body> - Simpan perubahan
Shopify
- Buka Toko Online > Tema > Edit Kode
- Buka
theme.liquid - Tempel sebelum tag penutup
</body> - Simpan
React / Next.js
Tambahkan ke root layout atau _app.tsx:
import Script from "next/script";
export default function Layout({ children }) {
return (
<>
{children}
<Script src="https://api.liqaa.id/widget.js"
data-widget-key="wk_KUNCI_ANDA"
strategy="lazyOnload" />
</>
);
}Vue / Nuxt
Tambahkan ke app.vue atau nuxt.config.ts:
<template>
<div>
<NuxtPage />
</div>
</template>
<script setup>
useHead({
script: [{ src: "https://api.liqaa.id/widget.js", "data-widget-key": "wk_KUNCI_ANDA" }]
});
</script>Langkah 3: Verifikasi Pemasangan
- Buka website Anda di browser
- Anda akan melihat ikon chat di pojok kanan bawah
- Klik dan kirim pesan percobaan
- Cek inbox Liqaa Anda — pesan akan muncul
Troubleshooting
- Widget tidak muncul? Periksa domain sudah diverifikasi dan widget key benar
- Error di console? Pastikan script dimuat via HTTPS
- Ad blocker bisa menyembunyikan widget — uji di mode incognito