Web Chatbot

Langkah-langkah mengkoneksikan Bot AI kamu ke Landing Page atau Website, untuk keperluan (Bot Chat)

1. Klik Menu Connected Platforms, Lalu Klik Web Chatbot dan Klik Connect

1. Buat Webchatmu

1. Tambahkan domain atau subdomain di Authorized websites. Web chatbot hanya akan tampil di situs yang kamu tambahkan.

• Name: Nama file kamu, untuk membedakan dengan file web chatbot lainnya *Wajib

• Welcome Message: Ini adalah pesan pertama yang akan diterima pengguna dari Bot Anda *Opsional

• Authorized websites: Domain atau subdomain yang kamu izinkan untuk menampilkan chatbot *Opsional

• Conversation Starters: Pembuka Percakapan menyediakan cara bagi pengguna untuk memulai percakapan dengan bisnis Anda dengan daftar pertanyaan yang sering diajukan *Opsional

• Persistent Menu: Menu dapat dikonfigurasi untuk membantu pengguna menemukan dan mengakses fitur Bot Anda dengan lebih mudah. ​​Menu selalu tersedia bagi pengguna. Menu ini harus berisi tindakan tingkat atas yang dapat digunakan pengguna kapan saja. Memiliki menu dengan mudah mengomunikasikan kemampuan dasar bot Anda untuk pengguna pemula dan pengguna lama *Opsional

More Options

• Template: Pilih template chatbot kamu *Opsional

• Brand Color: Pilih Warna yang sesuai dengan brand kamu *Opsional

• Customize webchat with CSS: Tampilan chatbotnya masih belum sesuai dengan keinginan kamu? silahkan tambahkan cssnya *Opsional

Option Name	Possible Values/Description	Default
type	floating/window/container container: include the chatbot inside any HTML element window: the chatbot will open on a new window	floating
element	Only used if “type” is “container”. example “#div1”
headerTitle	The title that is shown on the header of the webchat	Account Name
color	any color name or color code	#007BFF
hideHeader	Hide the session that contains the business name true/false	false
ref	any ref/flow/step ID to be sent automatically once the user clicks on the chat ICON. Set ref as “get_started_button” to automatically send the Welcome flow.
showPersona	true/false	false
hideComposer	true/false	false
template	template1/template2
icon	the chat icon that shows on the bottom | right
right	Distance of the icon from the left edge of the screen	20px
bottom	Distance of the icon from the bottom edge of the screen	20px
loadMessages	Load past conversations with the contact when webchat is opened. true/false	true
setCustomFields	Allow to set multiple custom fields. id: Custom Field ID You can use a system field name as ID: email, phone, full_name, first_name,last_name	[{id:”email”, value:”…@gmail.com”}, {id:348574, value:”Value here”}]

1. Setelah membuat Web chatbot kamu, lalu klik 3 titik dan dapatkan kodenya.

1. Setelah mendapatkan codenya, kamu pasang pada header website atau landing page kamu