กลับไปที่แดชบอร์ด

เอกสาร

เรียนรู้วิธีใช้ Asyntai

เริ่มต้นใช้งาน
การติดตั้ง ฐานความรู้ AI เข้าถึงเนื้อหาของคุณอย่างไร เชื่อมต่อเว็บไซต์ของคุณ ทดสอบ AI ของคุณ จัดการเว็บไซต์
การปรับแต่ง
ดีไซน์ปุ่มแชท ไอคอนปุ่มแชท สีวิดเจ็ต ชื่อผู้ช่วย AI ข้อความเริ่มต้น ตำแหน่งวิดเจ็ต ทริกเกอร์อัตโนมัติ ฟองข้อความต้อนรับ ป้ายข้อความยังไม่อ่าน โหมดคำสั่ง ถามคำถาม ใช้อิโมจิ อนุญาตเฉพาะบางภาษา เก็บอีเมล เก็บหมายเลขโทรศัพท์ การจับลูกค้าเป้าหมายอัจฉริยะ การปรับให้เข้ากับท้องถิ่น ซ่อนแบรนด์ ลิงก์ความเป็นส่วนตัว ประกาศที่กำหนดเอง เปิดลิงก์ในแท็บเดิม ดาวน์โหลดบันทึกการสนทนา การสนทนาใหม่ ประวัติการสนทนา แท็กไลน์และจุดสถานะ เสียงเป็นข้อความ ไอคอนแชท โลโก้บริษัท จำกัดตัวอักษร อุณหภูมิ
เคล็ดลับคำสั่ง AI ย้ายจากแชทบอทอื่น เปรียบเทียบแผน
ฟีเจอร์
แถบ Ask AI แถบค้นหา AI การรวบรวมข้อมูลเว็บไซต์ ช่องว่างความรู้ การ์ดสินค้า การ์ดสินค้าแบบไดนามิก ภาพแบบไดนามิก บริบทผู้ใช้ เครื่องมือที่กำหนดเอง พารามิเตอร์ลิงก์ ข้อความเชิงรุก การติดตามแบบเรียลไทม์ Human Takeover การยกระดับ การแจ้งเตือน AI การแจ้งเตือนเบราว์เซอร์ รายงานประจำวัน ฟีดข้อมูลแบบเรียลไทม์ ฟีดข้อมูลแบบเรียลไทม์ Max สมาชิกในทีม การลงชื่อเข้าใช้ครั้งเดียว การยืนยันตัวตนสองขั้นตอน รวมรูปภาพ การมองเห็นรูปภาพ วิดเจ็ตแปลภาษา การปรับให้เข้ากับท้องถิ่น ความโปร่งใสของ AI ลูกค้าเป้าหมาย การจับลูกค้าเป้าหมายอัจฉริยะ ตั๋วสนับสนุน หมวดหมู่การสนทนา การจอง เอเจนต์เสียง การฝัง ยกเว้นหน้า IP ที่ถูกบล็อก นโยบายการเก็บรักษาข้อมูล โหมดไม่เก็บข้อมูล การปกปิดข้อมูลส่วนบุคคล (PII) ตัวคัดกรองคำตอบ Access Tags การตรึงเวอร์ชันวิดเจ็ต บันทึกการตรวจสอบ คำแนะนำการตอบกลับ ข้อความติดตามผล เสียงเป็นข้อความ ดาวน์โหลดบันทึกการสนทนา แชทแบบฝังตัว การฝังด้วย iframe
การวิเคราะห์
การวิเคราะห์แชท บันทึกการแชท
การเชื่อมต่อ
REST API Instagram Messenger WhatsApp Twilio Discord Zapier Email แอปมือถือ
อื่นๆ
เพิ่มลงในหน้าจอหลัก ปุ่มเปิดแบบกำหนดเอง ปุ่มถาม AI ชำระเงินไม่สำเร็จ?
ถาม AI

วิธีเพิ่มแชทบอท AI Asyntai ลงใน Bubble

คู่มือทีละขั้นตอนสำหรับแอป Bubble

รับโค้ดฝัง
แพลตฟอร์ม:
HTML HTML/Custom WordPress WordPress Shopify Shopify WooCommerce WooCommerce BigCommerce BigCommerce Ecwid Ecwid Wix Wix Squarespace Squarespace Webflow Webflow Weebly Weebly HubSpot HubSpot Tilda Tilda Adobe Experience Manager Adobe Experience Manager Duda Duda Google Sites Google Sites Bludit Bludit Plesk Plesk Concrete CMS Concrete CMS Craft CMS Craft CMS Contentful Contentful Docusaurus Docusaurus Strapi Strapi Joomla Joomla Kentico Kentico Drupal Drupal Magento Magento Blogger Blogger Bitrix Bitrix TYPO3 TYPO3 PrestaShop PrestaShop OpenCart OpenCart Ghost Ghost Hugo Hugo Statamic Statamic Umbraco Umbraco Volusion Volusion Moodle Moodle SilverStripe SilverStripe Grav Grav October CMS October CMS ProcessWire ProcessWire Sanity Sanity ExpressionEngine ExpressionEngine Sylius Sylius Backdrop CMS Backdrop CMS MODX MODX Bagisto Bagisto PayloadCMS PayloadCMS e107 e107 CrafterCMS CrafterCMS Kirby Kirby MedusaCMS MedusaCMS DatoCMS DatoCMS GoDaddy GoDaddy Framer Framer Bubble Bubble Carrd Carrd Jimdo Jimdo Strikingly Strikingly Kajabi Kajabi Teachable Teachable Thinkific Thinkific ClickFunnels ClickFunnels Hostinger Hostinger Unbounce Unbounce Leadpages Leadpages Systeme.io Systeme.io Instapage Instapage

ขั้นตอนที่ 1: รับโค้ดฝังตัวของคุณ

ขั้นแรก ไปที่ แดชบอร์ด Asyntai ของคุณ แล้วเลื่อนลงไปที่ส่วน "โค้ดฝัง" คัดลอกโค้ดฝังเฉพาะของคุณ ซึ่งจะมีลักษณะดังนี้:

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>

หมายเหตุ: โค้ดด้านบนเป็นเพียงตัวอย่าง คุณต้องคัดลอกโค้ดฝังตัวเฉพาะของคุณจากแดชบอร์ดเนื่องจากมี widget ID ส่วนตัวของคุณ

ขั้นตอนที่ 2: ใช้การตั้งค่าแอป (แนะนำ)

Bubble มีวิธีในตัวสำหรับเพิ่มสคริปต์ที่กำหนดเองผ่านการตั้งค่าแอป:

  1. เข้าสู่ระบบตัวแก้ไขแอป Bubble ของคุณ
  2. ไปที่ Settings ในแถบด้านข้างซ้าย
  3. คลิกแท็บ "Web App"
  4. เลื่อนลงไปที่ "Advanced Settings"
  5. ค้นหาส่วน "Custom headers and body"
  6. วางโค้ดฝังตัว Asyntai ของคุณในฟิลด์ "Script in body"
  7. Deploy แอปของคุณ

เคล็ดลับ: การเพิ่มโค้ดลงในฟิลด์ body script ทำให้แน่ใจว่าโหลดในทุกหน้าของแอป Bubble ซึ่งเป็นวิธีที่แนะนำสำหรับวิดเจ็ตแชท ฟีเจอร์นี้พร้อมใช้งานในทุกแผนของ Bubble รวมถึง Free

ทางเลือก: ใช้องค์ประกอบ HTML

หากคุณต้องการเพิ่มแชทบอทเฉพาะหน้าใดหน้าหนึ่ง:

  1. ในตัวแก้ไข Bubble เปิดหน้าที่คุณต้องการแชทบอท
  2. เพิ่มองค์ประกอบ HTML ลงในหน้าของคุณ
  3. วางโค้ดฝังตัว Asyntai ลงในองค์ประกอบ
  4. Deploy แอปของคุณ

หมายเหตุ: วิธีการตั้งค่าแอปเป็นที่ต้องการเนื่องจากใช้แชทบอทกับทั้งแอปของคุณ วิธีองค์ประกอบ HTML จะเพิ่มแชทบอทเฉพาะหน้าที่คุณวางองค์ประกอบเท่านั้น

ขั้นตอนที่ 3: ยืนยันการติดตั้ง

หลังจาก deploy แอปของคุณ เข้าชมไซต์ Bubble ในแท็บเบราว์เซอร์ใหม่หรือหน้าต่างไม่ระบุตัวตน คุณควรเห็นปุ่มวิดเจ็ตแชทที่มุมล่างขวา คลิกเพื่อให้แน่ใจว่าเปิดและทำงานได้อย่างถูกต้อง

ไม่เห็นวิดเจ็ต? ตรวจสอบให้แน่ใจว่าคุณ deploy แอปหลังจากเพิ่มโค้ด ลองล้างแคชเบราว์เซอร์หรือดูในหน้าต่างไม่ระบุตัวตน หากทดสอบในโหมดพัฒนา ตรวจสอบเวอร์ชันที่เผยแพร่ของแอปด้วย