ใช้เครื่องมือเลือกสีเพื่อปรับแต่งลักษณะและแบรนด์ของเครื่องมือจองของคุณ

เครื่องมือ เลือกสี เป็นเครื่องมือที่ช่วยให้คุณสามารถเลือกและระบุรหัสสีที่คุณต้องการ นำมาใช้เพื่อปรับใช้สีของคุณและรักษาความเป็นตัวตนของแบรนด์ของคุณอย่างสม่ำเสมอบนเว็บ

บทความนี้อธิบายวิธีการปรับใช้สีที่กำหนดเองในหน้าเครื่องมือจอง Cloudbeds ด้วย เครื่องมือเลือกสีใน Cloudbeds PMS

กำลังมองหาข้อมูลเพิ่มเติมเกี่ยวกับ รหัสการปรับแต่ง สำหรับเครื่องมือการจองของคุณหรือไม่? ดูวิธี เพิ่มรหัส HTML และ CSS เพื่อปรับแต่งเครื่องมือการจอง Cloudbeds ของคุณ

ภาพรวม

เครื่องมือเลือกสีช่วยให้คุณสามารถ เลือกสี ที่คุณต้องการปรับแต่งเครื่องมือการจองของคุณ ค้นหาเครื่องมือเลือกสีที่ใช้ง่ายสำหรับส่วนที่ห้าของเครื่องมือการจองต่อไปนี้:

  1. สีหลัก
  2. สีพื้นหลัง
  3. สีส่วนหัว
  4. พื้นหลังหน้าการจอง
1. สีหลัก

สีหลักคือสีที่ปรากฏสำหรับทุก ปุ่ม CTA (Call to Action) ในหน้าเครื่องมือการจองของคุณ, ตัวเลือกวันที่, และลิงก์ อ่านเพิ่มเติม ดูตัวอย่างบางอย่างด้านล่าง:

2. สีพื้นหลัง

นี่คือสีที่ปรากฏใน พื้นหลังของส่วนข้อมูลที่พัก (สีเทาอ่อนในตัวอย่างต่อไปนี้), อยู่ด้านล่างของตัวเลือกวันที่และหน้าการจอง:

3. สีส่วนหัว

ส่วนหัวคือ ส่วนบนของหน้าการจองของคุณ เครื่องมือสีส่วนหัวช่วยให้คุณสามารถแก้ไข/เลือกสีที่จะถูกนำไปใช้กับส่วนนี้ ดูตัวอย่างด้านล่าง (สีน้ำเงินเข้ม):

4. พื้นหลังหน้าการจอง

นี่คือสีพื้นหลังที่จะปรากฏ บนหน้าแลนดิ้งเพจของเครื่องมือการจอง (สีฟ้าอ่อนในตัวอย่างด้านล่าง) หากไม่มีภาพที่เลือกสำหรับภาพคุณลักษณะ:

วิธีใช้เครื่องมือเลือกสีเพื่อปรับแต่งเครื่องมือการจองของคุณ

  1. ไปที่หน้าการตั้งค่าในเมนูบัญชีของคุณ และคลิกที่ส่วนเครื่องมือการจอง
  2. คลิกที่แท็บปรับแต่ง
  3. เลือกสีโดยการคลิกที่สีตัวอย่าง ขณะเลือกสี ดูตัวอย่างทางด้านขวา คุณยังสามารถพิมพ์รหัสสีเฉพาะได้
  4. บันทึก สีที่เลือกจะถูกนำไปใช้กับพื้นที่หน้าการจองที่เกี่ยวข้อง
  • เพื่อให้สีของเครื่องมือการจอง Cloudbeds สอดคล้องกับพาเลทของเว็บไซต์ของคุณ เราขอแนะนำให้ใช้เครื่องมือเลือกสีออนไลน์ (เช่น Image Color Picker, หรือลองGoogle's Color Pickerเพื่อระบุรหัสสีของแบรนด์ของคุณ
  • เพื่อรวมหัวเรื่องและส่วนท้ายที่ปรับแต่งเองลงในหน้าการจองของคุณ ใส่ข้อมูลตามที่แสดงด้านบน หากไม่มีข้อมูลใดๆ ถูกใส่ลงในช่อง หัวเรื่องและส่วนท้ายโรงแรมเริ่มต้นจะถูกนำมาใช้
  • คลิกรีเซ็ตทั้งหมดเป็นค่าเริ่มต้นเพื่อเปลี่ยนกลับไปยังโครงสีเริ่มต้นของ Cloudbeds สำหรับส่วนบุคคลหรือสำหรับทุกส่วน
  • เพื่อทำให้หัวเรื่องและลูกศรนำทาง (ตัวอย่างเช่น) มีสีเดียวกัน คัดลอกรหัส (รวมถึงสัญลักษณ์ "#") จากช่องป้อนข้อมูลหนึ่งไปยังอีกหนึ่ง
บทความนี้มีประโยชน์หรือไม่
4 จาก 8 เห็นว่ามีประโยชน์

ข้อคิดเห็น

0 ข้อคิดเห็น

โปรด ลงชื่อเข้าใช้ เพื่อแสดงข้อคิดเห็น