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

เอกสาร

เรียนรู้วิธีใช้ 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 ลงใน Framer

คู่มือทีละขั้นตอนสำหรับเว็บไซต์ Framer

รับโค้ดฝัง
แพลตฟอร์ม:
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: การใช้โค้ดแบบกำหนดเอง (แนะนำ)

Framer มีฟีเจอร์โค้ดแบบกำหนดเองในตัวที่ทำให้การเพิ่มสคริปต์ง่าย:

  1. เปิดโปรเจกต์ Framer ของคุณ
  2. คลิกไอคอนเฟือง (Site Settings) ที่มุมซ้ายบน
  3. ไปที่ส่วน "Custom Code"
  4. คลิกปุ่ม "Add Script"
  5. วางโค้ดฝัง Asyntai ของคุณในฟิลด์สคริปต์
  6. ตั้งค่าตำแหน่งเป็น "End of <body> tag"
  7. บันทึกและเผยแพร่เว็บไซต์ของคุณ

เคล็ดลับ: การวางสคริปต์ที่ "End of <body> tag" ช่วยให้โหลดหลังจากเนื้อหาหน้าเว็บ ซึ่งแนะนำสำหรับวิดเจ็ตแชทและจะไม่ทำให้หน้าเว็บโหลดช้าลง Framer ยังมีตัวเลือก "Start of <head>" และ "End of <head>" แต่แนะนำให้ใช้ end of body

ทางเลือก: การใช้คอมโพเนนต์โค้ด

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

  1. ใน Framer editor เปิดหน้าที่คุณต้องการแชทบอท
  2. เพิ่มคอมโพเนนต์โค้ดลงบนแคนวาสของคุณ
  3. วางโค้ดฝัง Asyntai ลงในคอมโพเนนต์
  4. วางตำแหน่งในเลย์เอาต์ตามต้องการ

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

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

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

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