รวมข้อเสนอจาก Swiss Activities เข้ากับเว็บไซต์ของคุณ
วิดเจ็ตกิจกรรมของสวิสเป็นวิธีที่ง่ายที่สุดในการรวมกิจกรรมต่างๆ เข้ากับเว็บไซต์ของคุณ เลือกจากวิดเจ็ตประเภทต่างๆ และฝังไว้ในไม่กี่นาที
บทนำ
วิดเจ็ต Swiss Activities เป็นวิธีที่ง่ายที่สุดในการฝังกิจกรรมจาก Swiss Activities ลงในเว็บไซต์ของคุณ เป็นองค์ประกอบ HTML แบบกำหนดเองที่สามารถนำไปใช้ในบริบท HTML ใดก็ได้ วิดเจ็ตมีการตอบสนองและจะปรับขนาดอัตโนมัติตามพื้นที่ที่มีอยู่ในเว็บไซต์ที่ฝัง
การติดตั้ง
เพื่อเริ่มต้น เพียงแค่รวมแท็กสคริปต์ต่อไปนี้ในส่วน <head> ของเว็บไซต์ของคุณ:
วิดเจ็ต
เนื่องจากวิดเจ็ตเป็นองค์ประกอบ HTML แบบกำหนดเอง จึงสามารถปรับแต่งได้โดยใช้แอตทริบิวต์มาตรฐาน แอตทริบิวต์ต่อไปนี้มีให้ใช้และสามารถใช้เพื่อปรับวิดเจ็ตตามความต้องการของคุณ
- affiliate: ID พันธมิตรของคุณ
- booking: ปุ่มควรเปิดวิดเจ็ตโดยตรงในโมดัลหรือลิงก์ไปยัง Swiss Activities (ค่าเริ่มต้น: false)
- button-background: สีพื้นหลังของปุ่ม (ค่าเริ่มต้น: #ff385c)
- button-color: สีข้อความของปุ่ม (ค่าเริ่มต้น: #fff)
- button-text: ข้อความของปุ่ม
- display: โหมดการแสดงผลของวิดเจ็ต (widget | cta | button) / (ค่าเริ่มต้น: widget)
- heading-text: ข้อความหัวเรื่อง
- ident: ID ของกิจกรรม
- language: ภาษาของวิดเจ็ต (de | en | fr | it) / (ค่าเริ่มต้น: de)
- paragraph-text: ข้อความย่อหน้า
โหมดการแสดงผล
วิดเจ็ต
โดยค่าเริ่มต้น วิดเจ็ตจะแสดงในโหมดวิดเจ็ต ซึ่งจะดึงข้อมูลกิจกรรมปัจจุบัน เช่น ชื่อเรื่อง คำอธิบาย และรูปภาพจาก API ของ Swiss Activities
CTA
วิดเจ็ตยังสามารถแสดงในโหมด CTA (call to action) ซึ่งจะแสดงชื่อและคำอธิบายกิจกรรม หรือหัวเรื่องและข้อความย่อหน้าที่กำหนดเอง
Fixed
ในการแสดงผลแบบคงที่ วิดเจ็ตจะแสดงในตำแหน่งคงที่ที่ด้านล่างของหน้า
Button
ในรูปแบบพื้นฐานที่สุด วิดเจ็ตยังสามารถแสดงเป็นปุ่มธรรมดาได้
Headless
หากไม่มีตัวเลือกข้างต้นที่ตรงกับความต้องการของคุณ คุณยังสามารถใช้วิดเจ็ตในโหมด headless ได้ ซึ่งจะไม่แสดงผล HTML ใดๆ แทนที่จะเป็นเช่นนั้น คุณต้องกำหนด HTML เอง โหมดนี้มีประโยชน์หากคุณต้องการเชื่อมโยงหลายกิจกรรมในข้อความหรือต้องการใช้เทมเพลตที่กำหนดเองสำหรับวิดเจ็ต
การรับ ID กิจกรรม
ID กิจกรรมคือตัวระบุเฉพาะของกิจกรรมใน Swiss Activities สามารถพบได้ในส่วนท้ายของหน้าเมื่อคุณกำลังเรียกดูหน้ากิจกรรม
