วิธีเพิ่มแชทบอท AI Asyntai ลงใน Blogger
คู่มือทีละขั้นตอนสำหรับเว็บไซต์ Blogger
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>(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: ใช้แกดเจ็ต HTML/JavaScript (แนะนำ)
วิธีที่ง่ายที่สุดในการเพิ่มแชทบอทคือใช้แกดเจ็ต HTML/JavaScript ในตัวของ Blogger:
- เข้าสู่ระบบ Blogger Dashboard ของคุณที่ blogger.com
- เลือกบล็อกของคุณจากรายการ
- คลิก "Layout" ในแถบด้านข้างซ้าย
- ค้นหาส่วนที่คุณต้องการเพิ่มวิดเจ็ต (ควรเป็นส่วนท้าย)
- คลิก "Add a Gadget"
- เลือก "HTML/JavaScript" จากรายการแกดเจ็ต
- ปล่อยชื่อว่างไว้ (หรือเพิ่มหากต้องการ)
- วางโค้ดฝังตัว Asyntai ของคุณในพื้นที่เนื้อหา
- คลิก "Save"
- คลิก "Save arrangement" ในหน้า Layout
เคล็ดลับ: การเพิ่มแกดเจ็ตลงในส่วนท้ายทำให้แน่ใจว่าโหลดในทุกหน้าของบล็อก แชทบอทจะปรากฏเป็นปุ่มลอยไม่ว่าคุณจะวางแกดเจ็ตไว้ที่ไหน
ทางเลือก: แก้ไข HTML ของธีม
คุณยังสามารถเพิ่มโค้ดลงใน HTML ของธีมโดยตรง:
- ไปที่ "Theme" ในแถบด้านข้างซ้าย
- คลิกลูกศรดรอปดาวน์ถัดจาก "Customize"
- เลือก "Edit HTML"
- กด Ctrl+F (หรือ Cmd+F บน Mac) เพื่อเปิดการค้นหา
- ค้นหา
</body> - วางโค้ดฝังตัว Asyntai ของคุณก่อนแท็ก
</body> - คลิก "Save theme"
สำคัญ: เมื่อแก้ไข HTML ของธีม ระวังอย่าลบหรือแก้ไขโค้ดอื่น พิจารณาสำรองข้อมูลธีมก่อนโดยคลิก "Backup" ก่อนทำการเปลี่ยนแปลง
ขั้นตอนที่ 3: ยืนยันการติดตั้ง
หลังจากบันทึกการเปลี่ยนแปลง เข้าชมบล็อกของคุณในแท็บเบราว์เซอร์ใหม่หรือหน้าต่างไม่ระบุตัวตน คุณควรเห็นปุ่มวิดเจ็ตแชทที่มุมล่างขวา คลิกเพื่อให้แน่ใจว่าเปิดและทำงานได้อย่างถูกต้อง
ไม่เห็นวิดเจ็ต? Blogger อาจใช้เวลาสักครู่ในการใช้การเปลี่ยนแปลง ลองล้างแคชเบราว์เซอร์หรือดูในหน้าต่างไม่ระบุตัวตน ตรวจสอบให้แน่ใจว่าคุณคลิก "Save" หลังจากเพิ่มแกดเจ็ต