วิธีเพิ่มแชทบอท AI Asyntai ไปยัง Squarespace
คู่มือทีละขั้นตอนสำหรับเว็บไซต์ Squarespace
HTML/Custom
WordPress
Shopify
WooCommerce
BigCommerce
Ecwid
Wix
Squarespace
Webflow
Weebly
HubSpot
Tilda
Adobe Experience Manager
Duda
Google Sites
Bludit
Plesk
Concrete CMS
Craft CMS
Contentful
Docusaurus
Strapi
Joomla
Kentico
Drupal
Magento
Blogger
Bitrix
TYPO3
PrestaShop
OpenCart
Ghost
Hugo
Statamic
Umbraco
Volusion
Moodle
SilverStripe
Grav
October CMS
ProcessWire
Sanity
ExpressionEngine
Sylius
Backdrop CMS
MODX
Bagisto
PayloadCMS
e107
CrafterCMS
Kirby
MedusaCMS
DatoCMS
GoDaddy
Framer
Bubble
Carrd
Jimdo
Strikingly
Kajabi
Teachable
Thinkific
ClickFunnels
Hostinger
Unbounce
Leadpages
Systeme.io
Instapage
ขั้นตอนที่ 1: รับโค้ดฝังตัวของคุณ
ก่อนอื่น ไปที่แดชบอร์ด Asyntai ของคุณและเลื่อนลงไปที่ส่วน "Embed Code" คัดลอกโค้ดฝังตัวเฉพาะของคุณซึ่งจะมีลักษณะดังนี้:
<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
หมายเหตุ: โค้ดด้านบนเป็นเพียงตัวอย่าง คุณต้องคัดลอกโค้ดฝังตัวเฉพาะของคุณจากแดชบอร์ดเนื่องจากมี widget ID ส่วนตัวของคุณ
ขั้นตอนที่ 2: เพิ่มโค้ดโดยใช้ Code Injection (แผน Business และ Commerce)
หากคุณมีแผน Squarespace Business หรือ Commerce คุณสามารถเพิ่มแชทบอทไปยังทุกหน้าพร้อมกันโดยใช้ Code Injection:
- เข้าสู่ระบบบัญชี Squarespace ของคุณและเปิดเว็บไซต์
- คลิก Settings ในแถบด้านข้างซ้าย
- คลิก Advanced
- คลิก Code Injection
- เลื่อนลงไปที่ส่วน Footer
- วางโค้ดฝังตัว Asyntai ของคุณในกล่องข้อความ Footer
- คลิก "Save" ที่มุมซ้ายบน
เคล็ดลับ: การเพิ่มโค้ดไปยังส่วน Footer จะวางไว้ก่อนแท็กปิด </body> ซึ่งเป็นตำแหน่งที่แนะนำสำหรับวิดเจ็ตแชทและจะไม่ทำให้หน้าโหลดช้าลง
ทางเลือก: การใช้ Code Blocks (ทุกแผน)
หากคุณอยู่ในแผน Personal หรือต้องการเพิ่มแชทบอทเฉพาะบางหน้า คุณสามารถใช้ Code Blocks:
- เปิดเว็บไซต์ของคุณใน Squarespace Editor
- ไปที่หน้าที่คุณต้องการเพิ่มแชทบอท
- คลิก "Edit" บนหน้า
- วางเมาส์เหนือส่วนและคลิก "+ Add Block"
- เลื่อนลงและเลือก "Code"
- คลิกไอคอนดินสอเพื่อแก้ไข code block
- วางโค้ดฝังตัว Asyntai ของคุณ
- คลิกนอก block เพื่อปิดตัวแก้ไข
- คลิก "Save" ที่มุมซ้ายบน
สำคัญ: เมื่อใช้ Code Blocks คุณต้องเพิ่มโค้ดในแต่ละหน้าที่คุณต้องการให้แชทบอทปรากฏ สำหรับการติดตั้งทั่วทั้งเว็บไซต์ ให้ใช้วิธี Code Injection ข้างต้น (ต้องมีแผน Business หรือ Commerce)
ขั้นตอนที่ 3: ยืนยันการติดตั้ง
หลังจากบันทึกการเปลี่ยนแปลงแล้ว ให้เปิดเว็บไซต์ของคุณในแท็บเบราว์เซอร์ใหม่หรือหน้าต่างไม่ระบุตัวตน คุณควรเห็นปุ่มวิดเจ็ตแชทที่มุมขวาล่าง คลิกเพื่อตรวจสอบว่าเปิดขึ้นมาและทำงานได้อย่างถูกต้อง
ไม่เห็นวิดเจ็ต? ตรวจสอบให้แน่ใจว่าคุณบันทึกและเผยแพร่การเปลี่ยนแปลงแล้ว ลองล้างแคชเบราว์เซอร์หรือดูเว็บไซต์ในหน้าต่างไม่ระบุตัวตน Squarespace อาจใช้เวลาสักครู่ในการใช้การเปลี่ยนแปลงโค้ด