เริ่มจาก preset แล้วค่อยปรับ หรือไล่ตาม 4 ขั้นตอนด้านล่าง
พรีวิว
ลากตรงกลางเพื่อย้าย · ลากจุดเขียวมุมเพื่อปรับขนาด
{
"type": "flex",
"altText": "การ์ดโปรโมชัน 🐶",
"contents": {
"type": "bubble",
"body": {
"type": "box",
"layout": "vertical",
"height": "260px",
"backgroundColor": "#EAF2ED",
"contents": [
{
"type": "image",
"url": "https://cdn.loomi.app/flex-animations/MAIN-IMAGE.png",
"animated": true,
"size": "full",
"aspectRatio": "1:1",
"aspectMode": "cover",
"align": "center",
"gravity": "center",
"backgroundColor": "#F5F5F5"
},
{
"type": "text",
"text": "🐶",
"size": "44px",
"position": "absolute",
"offsetTop": "7.5%",
"offsetStart": "71.5%"
},
{
"type": "button",
"style": "primary",
"height": "sm",
"color": "#06C755",
"position": "absolute",
"offsetTop": "82.2%",
"offsetStart": "0.0%",
"action": {
"type": "uri",
"uri": "https://mimoth.com",
"label": "ดูรายละเอียด"
}
}
]
}
}
}⚠️ สติกเกอร์อิโมจิ = text component เคลื่อนไหวได้แค่ในพรีวิว ถ้าอยากให้ขยับจริงในแอป LINE ต้องใช้ไฟล์ APNG แทน ตำแหน่งที่ลากไว้แปลงเป็น offsetTop/offsetStart แบบ % อัตโนมัติแล้ว กล่องหลักสูงคงที่ 260px (อ้างอิงความกว้าง 260px) — ถ้า bubble จริงกว้างกว่านี้ให้ปรับตามสัดส่วนเดียวกัน