วาง 1 บรรทัด · ใช้ได้ทุก CMS 🧩
Copy-paste snippet เดียว · ทำงานกับ WP, Shopify, Wix, Webflow, Squarespace, React, Next.js, Vue, Static HTML · ไม่มี plugin ต้องลง
1 Copy-Paste Snippet
วางก่อน </body> ของเว็บคุณ · ปรับสีและตำแหน่งได้ใน dashboard
<!-- AIM AI Widget --> <script src="https://cdn.aim-dev.com/widget.js" data-key="pk_YOUR_SITE_KEY" data-lang="auto" data-color="#6366f1" defer></script>
💡 เปลี่ยน pk_YOUR_SITE_KEY เป็น key จริงที่เราให้ · เริ่มใช้ได้เลย
2 แพลตฟอร์มที่รองรับ
คลิก tab เพื่อดูวิธีวางสำหรับแต่ละระบบ
WordPress (ทุกธีม)
เปิด Admin → Appearance → Theme File Editor → footer.php · วางก่อน </body>
<script src="https://cdn.aim-dev.com/widget.js" data-key="pk_xxx" defer></script>
✓ เทสติดใน Astra, Divi, Avada, GeneratePress, Kadence, Elementor
Shopify (Liquid theme)
Online Store → Themes → Edit code → theme.liquid · วางก่อน </body>
<script src="https://cdn.aim-dev.com/widget.js" data-key="pk_xxx" data-shop="{{ shop.permanent_domain }}" defer></script>
✓ รวมกับ Shopify Chat · ดึงข้อมูลสินค้าจาก store อัตโนมัติ
Wix Editor
Settings → Custom Code → Add Custom Code · Position: body-end
<script src="https://cdn.aim-dev.com/widget.js" data-key="pk_xxx" defer></script>
✓ ต้อง upgrade Premium plan (Wix limitation)
React / Next.js
ใน layout.tsx หรือ _document.tsx
import Script from 'next/script' export default function Layout({children}) { return ( <> {children} <Script src="https://cdn.aim-dev.com/widget.js" data-key="pk_xxx" strategy="afterInteractive" /> </> ) }
Static HTML
วางในทุกหน้าก่อน </body>
<script src="https://cdn.aim-dev.com/widget.js" data-key="pk_xxx" defer></script>
Webflow
Project Settings → Custom Code → Footer Code
<script src="https://cdn.aim-dev.com/widget.js" data-key="pk_xxx" defer></script>
3 ปรับแต่งได้ทุกอย่าง
ทุก option ตั้งผ่าน data-attributes · หรือผ่าน dashboard
| Attribute | Options | Default |
|---|---|---|
data-key | pk_xxx (required) | — |
data-lang | th / en / auto | auto |
data-color | hex color | #6366f1 |
data-position | bottom-right / bottom-left | bottom-right |
data-greeting | custom greeting text | "สวัสดีครับ!" |
data-mobile | show / hide | show |
data-delay | seconds before first popup | 15 |
data-user-id | logged-in user id (for CRM) | null |
4 Feature Built-in
5 ราคา & Tier
Widget ตัวนี้ทำงานอยู่บนเว็บนี้แล้ว 👀
ลองคลิก 💬 ที่มุมล่างขวาสิ · นี่คือ widget ตัวเดียวกัน