Dokumentasi · AI live chat

AI live chat, dari nol sampai live

Tidak perlu bisa coding. Ikuti langkah ini berurutan, dan dalam sekitar 10 menit website kamu menjawab pengunjung 24 jam.

Apa ini

Tombol chat di website kamu. Pengunjung mengetik pertanyaan (harga, jam buka, pengiriman…) dan AI menjawab dalam hitungan detik, dalam semua bahasa (selalu membalas dalam bahasa yang ditulis pengunjung, info kamu diterjemahkan otomatis), hanya dari info yang kamu tulis. Kalau tidak tahu, ia memberi kontakmu, bukan mengarang.

5 langkah

1. Masuk di lyxvo.ai lalu buka Live chat di menu kiri.
2. Tab Bisnis: tulis nama bisnis dan info yang perlu diketahui asisten (pakai contoh kalau bingung).
3. Isi domain website kamu, misalnya tokomu.com, lalu tekan Simpan.
4. Tab Tampilan: pilih warna, judul, logo, tombol dan pertanyaan cepat; pratinjau menunjukkan hasilnya.
5. Salin satu baris kode dan tempel di website kamu (lihat tempatnya di bawah). Selesai.

Menulis info bisnis

AI hanya menjawab dari teks ini, jadi makin lengkap makin bagus jawabannya. Tulis seperti memberi arahan ke karyawan baru: baris pendek, angka asli, tanpa bahasa iklan. Isi:

• Apa yang dijual dan harganya
• Alamat, area layanan dan jam buka
• Cara pesan atau booking, dan cara bayar
• Pengiriman, retur, syarat
• Pertanyaan yang paling sering ditanya pelanggan, beserta jawabannya

Contoh (kafe). Ganti semua yang ada di [kurung siku]:

Tentang kami: [Nama kafemu] adalah kafe di [kota/daerah]. Alamat: [jalan, kota]. Google Maps: [link].
Jam buka: [Senin–Jumat 08.00–22.00, Sabtu–Minggu 09.00–23.00].
Menu dan harga: [Latte Rp30.000], [Americano Rp25.000], [Croissant Rp20.000], [Nasi goreng Rp35.000].
Antar pesanan: [GoFood dan GrabFood, atau kurir sendiri radius 5 km Rp10.000].
Pembayaran: [tunai, QRIS, kartu debit dan kredit].
Reservasi: [lewat WhatsApp, untuk rombongan 6 orang ke atas].
Wi-Fi dan tempat: [Wi-Fi gratis, colokan, area luar, muat 40 orang].
Pertanyaan yang sering muncul: [Ada menu vegan? Ada, susu oat dan dua kue vegan.]

Membuat tampilannya serasi dengan website

Di tab Tampilan kamu mengatur judul dan subjudul chat, logo (link gambar https), warna, tema terang atau gelap, ikon bulat atau tombol bertulisan, ukuran, sampai 4 pertanyaan cepat, posisi (kiri atau kanan), jarak dari tepi dan kelengkungan sudut. Taruh di sisi yang berlawanan dengan tombol melayang lain, seperti WhatsApp.

Domain kamu (wajib, demi keamanan)

Chat hanya menjawab di website yang kamu daftarkan, termasuk subdomainnya (tokomu.com juga mencakup www.tokomu.com dan blog.tokomu.com). Kalau ada yang menyalin kodemu ke situs lain, chat diam di sana, jadi kuota percakapanmu tidak bisa dipakai orang. Saat menyimpan, kami cek bahwa domain itu benar-benar ada. Sebelum domain diisi, chat hanya jalan di pratinjau di lyxvo.ai.

Tempat menempel kode

Semua website memakai satu baris yang sama. Tempel sekali, tepat sebelum </body>, di setiap halaman (kebanyakan builder punya satu tempat untuk semua halaman):

<script src="https://lyxvo.ai/livechat.js" data-id="YOUR_WIDGET_ID" async></script>

Website builder

HTML

Tempel kode tepat sebelum </body> di setiap halaman.

WordPress

Tampilan → Editor Berkas Tema → footer.php sebelum </body>, atau plugin seperti WPCode → Footer.

Shopify

Toko Online → Tema → Edit kode → theme.liquid, sebelum </body>.

Wix

Pengaturan → Kode kustom → Tambah kode → Body - end, semua halaman.

Squarespace

Settings → Advanced → Code injection → Footer.

Webflow

Site settings → Custom code → Footer code, lalu publish.

Blogger

Tema → Edit HTML, tempel sebelum </body>, simpan.

Google Tag Manager

Tag baru → Custom HTML, tempel kode, pemicu: All Pages.

Framework dan bahasa server

Chat berjalan di browser pengunjung, jadi di framework atau bahasa server apa pun kamu cukup menaruh tag script ini di layout utama. Ganti YOUR_WIDGET_ID dengan id di dashboard kamu.

// Load the Lyxvo AI live chat once, from any JavaScript.
const s = document.createElement("script");
s.src = "https://lyxvo.ai/livechat.js";
s.async = true;
s.dataset.id = "YOUR_WIDGET_ID";
document.body.appendChild(s);

<!-- public/index.html or index.html, right before </body> -->
<script src="https://lyxvo.ai/livechat.js" data-id="YOUR_WIDGET_ID" async></script>

import Script from "next/script";

export default function RootLayout({ children }: { children: React.ReactNode }) {
  return (
    <html lang="en">
      <body>
        {children}
        <Script src="https://lyxvo.ai/livechat.js" data-id="YOUR_WIDGET_ID" strategy="lazyOnload" />
      </body>
    </html>
  );
}

<!-- Vue: index.html, right before </body> -->
<script src="https://lyxvo.ai/livechat.js" data-id="YOUR_WIDGET_ID" async></script>

// Nuxt 3: nuxt.config.ts
export default defineNuxtConfig({
  app: { head: { script: [{ src: "https://lyxvo.ai/livechat.js", async: true, "data-id": "YOUR_WIDGET_ID", tagPosition: "bodyClose" }] } },
});

<!-- src/index.html, right before </body> -->
<script src="https://lyxvo.ai/livechat.js" data-id="YOUR_WIDGET_ID" async></script>

<!-- SvelteKit: src/app.html, right before </body> -->
<script src="https://lyxvo.ai/livechat.js" data-id="YOUR_WIDGET_ID" async></script>

{{/* templates/layout.html, right before </body> */}}
<script src="https://lyxvo.ai/livechat.js" data-id="YOUR_WIDGET_ID" async></script>

// main.go: nothing else to change; render the layout as usual.
// http.HandleFunc("/", func(w http.ResponseWriter, r *http.Request) {
//     tmpl.ExecuteTemplate(w, "layout.html", data)
// })

<!-- templates/base.html (Askama / Tera), right before </body> -->
<script src="https://lyxvo.ai/livechat.js" data-id="YOUR_WIDGET_ID" async></script>

// Maud:
// html! { body { (content) script src="https://lyxvo.ai/livechat.js" data-id="YOUR_WIDGET_ID" async {} } }

<!-- Plain PHP: footer.php · Laravel: layouts/app.blade.php, right before </body> -->
<script src="https://lyxvo.ai/livechat.js" data-id="YOUR_WIDGET_ID" async></script>

{# templates/base.html, right before </body> #}
<script src="https://lyxvo.ai/livechat.js" data-id="YOUR_WIDGET_ID" async></script>

<%# app/views/layouts/application.html.erb, right before </body> %>
<script src="https://lyxvo.ai/livechat.js" data-id="YOUR_WIDGET_ID" async></script>

<!-- views/layout.ejs, right before </body> -->
<script src="https://lyxvo.ai/livechat.js" data-id="YOUR_WIDGET_ID" async></script>

// Express with plain HTML: put the same line in public/index.html.

Paket dan yang dihitung

Satu percakapan = satu pengunjung yang ngobrol dengan asistenmu (maksimal 30 pesan). Tidak peduli siapa dia atau dari mana; yang dihitung hanya percakapan, per akun, per bulan.

• Gratis Rp 0: Menjawab dalam semua bahasa · 100 percakapan per bulan · 3 live chat, semua pengaturan tampilan · Ada tulisan “Free AI live chat by Lyxvo AI”
• Basic Rp 319.000/bulan: 1.000 percakapan per bulan · 5 live chat · Tanpa tulisan Lyxvo AI: hanya merekmu
• Pro Rp 639.000/bulan: 7.500 percakapan per bulan · 15 live chat · Tanpa tulisan Lyxvo AI: hanya merekmu

Kalau ada yang tidak jalan

Buka Live chat Tentang AI live chat English