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

เอกสาร

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

เริ่มต้นใช้งาน
การติดตั้ง ฐานความรู้ AI เข้าถึงเนื้อหาของคุณอย่างไร เชื่อมต่อเว็บไซต์ของคุณ ทดสอบ AI ของคุณ จัดการเว็บไซต์
การปรับแต่ง
ดีไซน์ปุ่มแชท ไอคอนปุ่มแชท สีวิดเจ็ต ชื่อผู้ช่วย AI ข้อความเริ่มต้น ตำแหน่งวิดเจ็ต ทริกเกอร์อัตโนมัติ ฟองข้อความต้อนรับ ป้ายข้อความยังไม่อ่าน โหมดคำสั่ง ถามคำถาม ใช้อิโมจิ เก็บอีเมล เก็บหมายเลขโทรศัพท์ การจับลูกค้าเป้าหมายอัจฉริยะ การปรับให้เข้ากับท้องถิ่น ซ่อนแบรนด์ ลิงก์ความเป็นส่วนตัว ประกาศที่กำหนดเอง ดาวน์โหลดบันทึกการสนทนา การสนทนาใหม่ ประวัติการสนทนา แท็กไลน์และจุดสถานะ เสียงเป็นข้อความ ไอคอนแชท โลโก้บริษัท จำกัดตัวอักษร อุณหภูมิ
เคล็ดลับคำสั่ง AI ย้ายจากแชทบอทอื่น เปรียบเทียบแผน
ฟีเจอร์
แถบ Ask AI แถบค้นหา AI การค้นหาด้วย AI สำหรับ WordPress AI Search for Joomla AI Search for Webflow AI Search for Moodle AI Search for TYPO3 AI Search for Craft CMS AI Search for Grav AI Search for October CMS AI Search for ProcessWire AI Search for Odoo AI Search for Bagisto AI Search for OpenCart AI Search for BigCommerce AI Search for Magento การรวบรวมข้อมูลเว็บไซต์ ช่องว่างความรู้ การ์ดสินค้า การ์ดสินค้าแบบไดนามิก ภาพแบบไดนามิก บริบทผู้ใช้ เครื่องมือที่กำหนดเอง พารามิเตอร์ลิงก์ การติดตามแบบเรียลไทม์ Human Takeover การยกระดับ การแจ้งเตือน AI รายงานประจำวัน ฟีดข้อมูลแบบเรียลไทม์ ฟีดข้อมูลแบบเรียลไทม์ Max สมาชิกในทีม การลงชื่อเข้าใช้ครั้งเดียว การยืนยันตัวตนสองขั้นตอน รวมรูปภาพ การมองเห็นรูปภาพ วิดเจ็ตแปลภาษา การปรับให้เข้ากับท้องถิ่น ความโปร่งใสของ AI ลูกค้าเป้าหมาย การจับลูกค้าเป้าหมายอัจฉริยะ ตั๋วสนับสนุน หมวดหมู่การสนทนา การจอง การฝัง ยกเว้นหน้า IP ที่ถูกบล็อก นโยบายการเก็บรักษาข้อมูล โหมดไม่เก็บข้อมูล การปกปิดข้อมูลส่วนบุคคล (PII) ตัวคัดกรองคำตอบ Access Tags การตรึงเวอร์ชันวิดเจ็ต บันทึกการตรวจสอบ โมเดลที่ฉลาดกว่า เปิดใช้งานการคิดวิเคราะห์ คำแนะนำการตอบกลับ ข้อความติดตามผล เสียงเป็นข้อความ ดาวน์โหลดบันทึกการสนทนา แชทแบบฝังตัว การฝังด้วย iframe
การวิเคราะห์
การวิเคราะห์แชท บันทึกการแชท
การเชื่อมต่อ
REST API ตัวเชื่อม MCP Instagram Messenger WhatsApp Discord Zulip Bitrix24 phpBB NodeBB Wagtail HumHub XenForo Rocket.Chat WHMCS FOSSBilling FreeScout Crisp Airtable Trello Matomo Shoplazza Jumpseller ShopRenter Shift4Shop ActiveCampaign Browser Extension Raycast Astro Nuxt Obsidian Attio SuiteCRM YouTrack Kit nopCommerce Nuvemshop Squarespace Coda Thinkific Docusaurus Google Tag Manager CS-Cart XWiki MediaWiki DokuWiki Webex Activepieces Albato Zapier Email Notion Google Sheets GitBook Confluence Jira Service Management Contao Zoho Desk แอปมือถือ
อื่นๆ
เพิ่มลงในหน้าจอหลัก ปุ่มเปิดแบบกำหนดเอง ปุ่มถาม 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 ของคุณและเลื่อนลงไปที่ส่วน "Embed Code" คัดลอกโค้ดฝังตัวเฉพาะของคุณซึ่งจะมีลักษณะดังนี้:

<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 แอปหลังจากเพิ่มโค้ด ลองล้างแคชเบราว์เซอร์หรือดูในหน้าต่างไม่ระบุตัวตน หากทดสอบในโหมดพัฒนา ตรวจสอบเวอร์ชันที่เผยแพร่ของแอปด้วย