Cara Menambahkan Chatbot AI Asyntai ke Odoo

Panduan langkah demi langkah untuk situs web Odoo

Platform:

Langkah 1: Dapatkan Kode Embed Anda

Pertama, buka Dasbor Asyntai dan gulir ke bawah ke bagian "Kode Embed". Salin kode embed unik Anda yang akan terlihat seperti ini:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

Catatan: Kode di atas hanya contoh. Anda harus menyalin kode embed unik Anda sendiri dari Dasbor karena berisi ID widget personal Anda.

Langkah 2: Tambahkan Kode Menggunakan Code Injection (Odoo 16+)

Jika Anda menggunakan Odoo versi 16 atau yang lebih baru, Anda dapat menggunakan fitur Code Injection bawaan untuk menambahkan chatbot ke semua halaman:

Masuk ke backend Odoo Anda dan buka aplikasi Website
Klik Edit untuk masuk ke editor situs web
Klik opsi Theme di toolbar editor
Navigasi ke Website Settings
Temukan dan klik pada Code Injection
Klik opsi </body> untuk menambahkan kode sebelum tag penutup body
Tempel kode embed Asyntai Anda di editor kode
Klik Save untuk menerapkan perubahan

Tip: Menambahkan kode ke bagian </body> menempatkannya tepat sebelum tag penutup body, yang merupakan penempatan yang direkomendasikan untuk widget chat dan tidak akan memperlambat pemuatan halaman Anda.

Alternatif: Menggunakan Editor HTML (Odoo 14-15)

Untuk Odoo versi 14 dan 15, Anda dapat menggunakan Editor HTML untuk menambahkan kode:

Masuk ke backend Odoo Anda dan buka aplikasi Website
Klik Edit untuk masuk ke editor situs web
Klik menu dropdown Customize
Pilih HTML/CSS/JS Editor
Pilih Main Layout dari daftar template yang dapat diedit
Gulir ke bagian bawah template, tepat sebelum tag penutup </t>
Tempel kode embed Asyntai Anda
Klik Save dan segarkan halaman

Penting: Saat mengedit HTML secara langsung, pastikan menggunakan sintaks XHTML yang valid. Tag skrip Anda harus ditutup sendiri jika diperlukan. Perubahan akan berlaku untuk semua halaman di situs web Anda.

Alternatif: Metode Pengembang (Modul Kustom)

Jika Anda seorang pengembang atau memiliki akses ke modul Odoo kustom, Anda dapat membuat template yang mewarisi dari layout situs web:

<template id="asyntai_chatbot" inherit_id="website.layout">

    <xpath expr="//div[@id='wrapwrap']" position="after">

        <script async="async" src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"/>

    </xpath>

</template>

Catatan: Metode ini memerlukan pembuatan modul Odoo kustom dan menambahkan kode di atas ke tampilan XML modul Anda. Setelah menambahkan, perbarui daftar modul Anda dan instal modul tersebut.

Langkah 3: Verifikasi Instalasi

Setelah menyimpan perubahan Anda, buka situs web Anda di tab browser baru atau jendela penyamaran. Anda seharusnya melihat tombol widget chat di pojok kanan bawah. Klik untuk memastikan widget terbuka dan berfungsi dengan benar.