วิดเจ็ตเช็กลิสต์เดินทางของ Orizn สร้างเช็กลิสต์ก่อนทริปแบบเฉพาะบุคคล — เอกสาร วัคซีน การแพ็คของ เรื่องเงิน — จากจุดหมาย พาสปอร์ต และระยะเวลาทริปของผู้เยี่ยมชม ฝังบนไกด์ทุกประเทศ แล้วเปลี่ยนความกังวลก่อนเดินทางของผู้อ่านให้เป็นยอดขายไกด์ที่มีคุณภาพ
มันทำอะไรได้
“ต้องเตรียมอะไรก่อนออกเดินทาง?” คือคำถามที่ถูกถามมากเป็นอันดับสองในวงการท่องเที่ยว รองจาก “ต้องขอวีซ่าไหม?” คำตอบที่มีอยู่ — PDF “รายการแพ็คของต่างประเทศ” แบบทั่วไป listicle จาก AI โบรชัวร์เอเจนซี่ — ล้วนมีปัญหาเดียวกัน: มันไม่ผูกกับจุดหมาย + พาสปอร์ตเฉพาะของผู้เยี่ยมชม
วิดเจ็ตเช็กลิสต์เดินทางของ Orizn แก้ปัญหานี้ด้วยการประกอบเช็กลิสต์แบบสด ๆ จาก ISO3 สองค่า (จุดหมาย พาสปอร์ต) และตัวเลขหนึ่งตัว (ระยะเวลาทริป) ส่วนเอกสารดึงจากกราฟวีซ่าตัวเดียวกับวิดเจ็ตเช็ควีซ่า วัคซีนจาก WHO IHR + CDC Travel Health Notices อุปกรณ์จากเทมเพลตแพ็คของที่รู้จักภูมิอากาศ และเรื่องเงินจากฟีดสกุลเงินท้องถิ่น
วิดเจ็ต mount ตัวเอง เก็บสถานะเช็คใน localStorage (ไม่มีคุกกี้บุคคลที่สาม ปลอดภัยตาม GDPR) และมีปุ่มพิมพ์เป็น PDF วางโค้ดสองบรรทัดท้ายไกด์ทุกประเทศ แล้วคุณจะได้ flow เตรียมตัวก่อนทริปที่ convert สูง ซึ่งผู้อ่านจะกลับมาใช้ซ้ำหลายครั้งก่อนบิน — ทุกครั้งที่กลับมาคือโอกาสอีกครั้งของ CTA ไกด์แอฟฟิลิเอต
ตัวสร้างวิดเจ็ต
วิดเจ็ตด้านล่างรันสคริปต์ production ตัวเดียวกับที่คุณจะวางบนเว็บไซต์ของคุณเอง ทุกตัวเลือกอัปเดตพรีวิวและสนิปเพ็ตทันที — ภาษา ธีม สี white-label แล้วคัดลอกโค้ดสองบรรทัดไปใช้
Live preview · updates as you type
The widget above runs the exact production script you would paste on your own site — async, zero dependencies, scoped CSS. Every option on the left maps to a data-* attribute in the snippet.
ฟีเจอร์
ฟีเจอร์ที่เจาะจงและมีแหล่งอ้างอิง — ไม่ใช่เช็คบ็อกซ์ทั่วไป ทุกข้อด้านล่างอยู่ในวิดเจ็ต production วันนี้
แค่ ISO3 สองค่า เช็กลิสต์ทั้งหมดจะถูกสร้างใหม่: เอกสารที่พาสปอร์ตนั้นต้องใช้ วัคซีนที่จุดหมายกำหนด การแพ็คของตามภูมิอากาศ และเคล็ดลับเรื่องเงินตามสกุลเงินท้องถิ่น
เอกสาร สุขภาพ แพ็คของ เงิน แต่ละหมวดพับเก็บได้ แต่ละรายการมีเครื่องหมายถูกแบบแตะได้ สถานะถูกเก็บใน localStorage ผู้เยี่ยมชมกลับมาทำต่อทีหลังได้
หมวดสุขภาพดึงวัคซีนบังคับและแนะนำจาก WHO IHR และ CDC Travel Health Notices รีเฟรชรายสัปดาห์ การ์ดไข้เหลืองระบุข้อกำหนดใบรับรองอย่างชัดเจน
ลากสไลเดอร์จาก 1 วันถึง 60 วัน รายการแพ็คของจะปรับสเกล: ชุดชั้นในมากขึ้น สายชาร์จมากขึ้น สำเนาเอกสารเข้า-ออกมากขึ้น ไม่ใช่ “รายการแพ็คของวันหยุด” แบบตายตัว
ใช้กราฟวีซ่าตัวเดียวกับวิดเจ็ตเช็ควีซ่า ถ้าจุดหมายต้องใช้วีซ่า เช็กลิสต์จะรวมรายการ “ยื่นขอวีซ่า” พร้อม URL สถานทูต
แตะครั้งเดียวเรนเดอร์ PDF หน้าเดียวพร้อมสถานะที่ผู้เยี่ยมชมติ๊กไว้ มีประโยชน์สำหรับนักเดินทางสูงวัยที่ต้องการฉบับกระดาษ
CTA ท้ายเช็กลิสต์ชี้ไปยังไกด์จุดหมายฉบับเต็ม เมื่อตั้ง data-affiliate แล้ว ทุกคอนเวอร์ชันแบ่ง 50% ให้คุณ
Vanilla JS โหลดแบบ async สถานะเช็กลิสต์เก็บในเครื่อง — ไม่มี tracking บุคคลที่สาม ไม่มี fingerprinting ปลอดภัยตาม GDPR โดยดีฟอลต์
จุดที่มันโดดเด่น
วิดเจ็ตใช้งานได้ทั่วไป แต่มีสี่กลุ่มที่นำไปใช้บ่อยที่สุด ถ้าคุณเห็นตัวเองในกลุ่มใดกลุ่มหนึ่ง คุณจะได้คุณค่าภายในไม่กี่นาทีหลังวางโค้ด
ฝังท้ายบทความจุดหมายทุกบทความ ผู้อ่านที่อยู่ในโหมดเตรียมทริป convert บน CTA แอฟฟิลิเอตสูงกว่าผู้เยี่ยมชมทั่วไป 3-5 เท่า
วางวิดเจ็ตในเวอร์ชัน hosted ของซีเควนซ์ “เตรียมตัวสำหรับทริปของคุณ” สมาชิกทำเช็กลิสต์ไปเรื่อย ๆ คอนเวอร์ชันนับ attribution ให้โค้ดแอฟฟิลิเอตของคุณ
จับคู่วิดเจ็ตเช็ควีซ่าด้านบนกับวิดเจ็ตเช็กลิสต์ด้านล่าง หน้าเดียวกันตอบทั้ง “ต้องขอวีซ่าไหม” และ “ต้องเตรียมอะไรบ้าง” ใน funnel เดียว
ปักหมุดบน /resources/first-trip เช็กลิสต์เฉพาะบุคคล 40 รายการลดความกังวล “ลืมอะไรหรือเปล่า” ซึ่งเป็นตัวกระตุ้นทางอารมณ์ที่ convert สูงที่สุดในวงการท่องเที่ยว
ข้อมูลมาจากไหน
ส่วนเอกสารจากกราฟวีซ่าของ Orizn (ฟีดสถานทูตกว่า 200 แหล่ง) วัคซีนจาก WHO International Health Regulations และ CDC Travel Health Notices รีเฟรชรายสัปดาห์ การแพ็คของจากเทมเพลตที่รู้จักภูมิอากาศ อิงค่าปกติภูมิอากาศ 30 ปีของ Open-Meteo เคล็ดลับเรื่องเงินจากชุดข้อมูล 195 ประเทศที่คัดสรรด้วยมือ (การรับบัตร ความพร้อมของ ATM มิจฉาชีพที่พบบ่อย)
อ้างอิง
ทุกตัวเลือกคือแอตทริบิวต์ data-* บน container div ไม่ต้องตั้งค่า JavaScript ใด ๆ — วาง ตั้งแอตทริบิวต์ที่ต้องการ แล้วปล่อยของ
| พารามิเตอร์ | ชนิด | ค่าดีฟอลต์ | คำอธิบาย |
|---|---|---|---|
data-destination | ISO3 | "" | ประเทศปลายทางที่ใช้สร้างเช็กลิสต์ (เช่น VNM) |
data-passport | ISO3 | "" | พาสปอร์ตของผู้เยี่ยมชม (เช่น FRA) ขับเคลื่อนส่วนวีซ่า + เอกสาร |
data-lang | string | "auto" | กำหนดภาษาแทนการตรวจจับอัตโนมัติจากเบราว์เซอร์ รองรับ 16 โลแคล: en, fr, es, de, it, pt, ja, ko, zh, ru, ar, hi, th, vi, tl, tr (ภาษาอาหรับแสดงผลแบบ RTL) |
data-theme | string | "auto" | บังคับธีม: "auto" (ตาม OS), "light" หรือ "dark" |
data-affiliate | string | "" | โค้ด ORIZN-XXXXX หรือ aff_… ของคุณ (ใช้ได้ทั้งสองรูปแบบ) สำหรับส่วนแบ่งรายได้ 50/50 จากยอดขายไกด์ |
data-color | hex | #2563EB | สีเน้นสำหรับแถบความคืบหน้า เครื่องหมายถูก และ CTA รับเฉพาะค่า hex (ผ่านการ sanitize) |
data-branding | string | "on" | ตั้งเป็น "off" เพื่อ white-label: ซ่อนฟุตเตอร์ "Powered by Orizn" สคีมา JSON-LD และการอ้างถึง orizn.app ในข้อความแชร์ |
data-radius | int | 16 | รัศมีมุมโค้งเป็น px สำหรับการ์ดวิดเจ็ตและช่องกรอกข้อมูล |
data-font | string | "system-ui" | Font-family ที่ใช้ทั่วทั้งวิดเจ็ต ใช้ CSS font stack ใดก็ได้ |
การเชื่อมต่อ
โค้ดสองบรรทัดเดียวกัน วิธีวางต่างกันเล็กน้อยตาม stack ของคุณ ไกด์ทีละขั้นตอนแยกตาม CMS:
สร้างรายได้
เพิ่ม data-affiliate="ORIZN-XXXXX" ลงบน container div — รับโค้ดทั้งรูปแบบ ORIZN-… และ aff_… การซื้อไกด์ทุกครั้งที่ผู้อ่านทำผ่านวิดเจ็ตจะนับ attribution ให้คุณนาน 30 วัน จ่ายเงินรายเดือนผ่าน Stripe ไม่มีขั้นต่ำ ไม่มี clawback โปร่งใสเต็มที่บนแดชบอร์ดแอฟฟิลิเอต
คำถามที่พบบ่อย
คำถามจริงจากนักพัฒนา บล็อกเกอร์ และนักการตลาดแอฟฟิลิเอตที่กำลังติดตั้งวิดเจ็ต ถ้าคำถามของคุณไม่อยู่ที่นี่ เอกสารที่ /embed/getting-started ครอบคลุมส่วนที่เหลือ
วิดเจ็ตที่เกี่ยวข้อง
วิดเจ็ตทั้งห้าตัวใช้ runtime เดียวกัน การเพิ่มตัวที่สองลงหน้าเดิมจึงไม่มีต้นทุนเพิ่ม ชุดนี้ถูกออกแบบมาให้ใช้ร่วมกัน
ข้อกำหนดวีซ่าแบบเรียลไทม์สำหรับ 199 พาสปอร์ต × 199 จุดหมายปลายทาง
ค่าใช้จ่ายรายวัน รายเดือน รายปีแบบสด 195 ประเทศ ในกว่า 50 สกุลเงิน
อันดับ mobility + รายละเอียด 4 แกนของ 199 พาสปอร์ต รีเฟรชทุกคืน
เทียบข้างกันทั้งค่าใช้จ่าย วีซ่า ความปลอดภัย และภูมิอากาศของสองประเทศใดก็ได้
พร้อมฝังหรือยัง?
HTML สองบรรทัด ไม่มี dependency ฟรีตลอดไป เพิ่มโค้ดแอฟฟิลิเอตแล้วเริ่มรับ 50% จากไกด์ทุกเล่มที่วิดเจ็ตของคุณขายได้