การออกแบบส่วนการกำหนดราคาที่มีประสิทธิภาพสำหรับเว็บไซต์ของคุณถือเป็นสิ่งสำคัญในการชี้แนะผู้มีโอกาสเป็นลูกค้าในการตัดสินใจซื้อและกลยุทธ์การตลาดโดยรวม
คุณสามารถใช้ส่วนนี้บนเว็บไซต์ของคุณเพื่อแสดงราคาของบริการทั้งหมดของคุณที่นำเสนอ และเปลี่ยนเส้นทางลูกค้าไปยังหน้าการชำระเงินโดยใช้ปุ่มคำกระตุ้นการตัดสินใจ
ในบทความนี้
- เพิ่มส่วนการกำหนดราคา
- จัดการส่วนราคา
- เพิ่มและแก้ไขรายการ
- การจัดลำดับรายการ
- จัดการเค้าโครง
- ส่วนการกำหนดราคาสไตล์
เพิ่มส่วนการกำหนดราคา
- สามารถเพิ่มส่วนลงในเพจได้ คุณสามารถเพิ่มส่วนลงในเพจที่มีอยู่แล้วหรือ สร้างเพจใหม่ ภายในเว็บไซต์ของคุณ
- บนหน้าของคุณ, คลิกที่ สีน้ำเงิน + ไอคอน เพื่อเพิ่มส่วนใหม่
- ตอนนี้คุณจะเห็น หมวดหมู่ส่วน ด้านซ้าย
- เลื่อนไปที่ ราคา (1) และคลิกที่มัน หน้าจอจะเด้งขึ้นมาให้คุณเลือกแบบต่างๆ รูปแบบ (2) ของส่วนโลโก้
- เลือกเค้าโครงส่วนใดก็ได้แล้วคลิกเพื่อเพิ่มลงในเพจของคุณ
จัดการส่วนราคา
เมื่อคุณเพิ่มส่วนนี้แล้ว:
- คลิกที่ จัดการราคา (1) ปุ่มเพื่อเปิด ส่วนการกำหนดราคา (2) การตั้งค่า
เพิ่มและแก้ไขรายการ
เพิ่มรายการ
- คลิกที่ เพิ่มรายการ (1) ปุ่มเพื่อเพิ่มรายการใหม่ลงในรายการ
- ซ้ำ or ลบ (2) รายการ
- แก้ไข พาดหัว (3) ของมาตรา
แก้ไขรายการ
คลิกที่รายการที่คุณต้องการแก้ไข จะเปิดตัวเลือกการแก้ไขของรายการนั้นๆ
จากที่นี่คุณสามารถ:
- อัพโหลด or ลบ (1) รูปภาพ คุณยังสามารถแก้ไข สี Accent ซึ่งจะมองเห็นได้ในขณะที่วางเคอร์เซอร์ไว้เหนือภาพ
- เพิ่ม ชื่อหนังสือ (2),คำบรรยาย (3)และคำอธิบาย (4) ของรายการ
- เชื่อมโยงชื่อเรื่องของรายการ โดยคลิกที่สลับ (5) คลิกที่นี่ เพื่อทราบข้อมูลเพิ่มเติม
- กำหนดให้ลิงค์เปิดใน Nอีแท็บ หรือใน แท็บเดียวกัน (6)
- เพิ่มอื่น ๆ การเชื่อมโยง (7) ไปยังรายการ คุณสามารถเพิ่มปุ่ม/ลิงก์ข้อความ/ลิงก์รูปภาพ/ไอคอนโซเชียล อ่านเพิ่ม.
- ลด (8) การเปลี่ยนแปลงของคุณ
การจัดลำดับรายการ
คุณสามารถเปลี่ยนลำดับของรายการตาม การลากและวาง พวกเขา
ดูการจัดลำดับรายการรายการการกำหนดราคาในการดำเนินการ:
จัดการเค้าโครง
- คลิกที่ แท็บเค้าโครง (1)
- เลือกที่ต้องการ แบบ (2) และ ประหยัด(3) การเปลี่ยนแปลง
ส่วนการกำหนดราคาสไตล์
คุณสามารถปรับแต่งส่วนต่างๆ ของโลโก้ได้โดยใช้ตัวเลือกสไตล์ต่างๆ หากต้องการนำทางไปยังตัวเลือกการจัดสไตล์ ให้คลิกที่ จัดการราคา (1) แล้วเลือก สไตล์ (2) แท็บ
ตัวเลือกการจัดรูปแบบรายการ
- แสดงรายการใน แถวและคอลัมน์ หรือใน โหมดม้าหมุน (1)
- ตั้ง จำนวนคอลัมน์ (2). คุณสามารถเลือกได้สูงสุด 10 คอลัมน์
- ระบุ ช่องว่างระหว่างคอลัมน์ (3) ของรายการ ค่านี้ถูกกำหนดเป็นพิกเซล
- ระบุ ช่องว่างระหว่างแถว (4) ของรายการ ตัวเลือกนี้จะไม่สามารถมองเห็นได้หากเปิดใช้งานโหมด Carousel ค่านี้ถูกกำหนดเป็นพิกเซล
- เลือก ลำดับเนื้อหา (5) ได้แก่ รูปภาพของรายการที่จะแสดงก่อนหรือข้อความที่เกี่ยวข้อง
- จัดการไฟล์ การจัดตำแหน่งเนื้อหา ภายในส่วน แนวนอน (6)
- จัดการไฟล์ การจัดตำแหน่งเนื้อหา ภายในส่วน ดิ่ง (7)
- ระบุ จำนวนคอลัมน์ on อุปกรณ์มือถือ (8). คุณสามารถเลือกได้สูงสุด 3 คอลัมน์
- จัดการระยะห่างระหว่างรายการ ดิ่ง และ แนวนอน (9)
ตัวเลือกการจัดรูปแบบภาพ
- เลือก Iครอบตัดผู้วิเศษ (10) สำหรับรายการ คุณสามารถตั้งค่ารูปภาพเป็น Square, Circle, Landscape, Portrait และ Original
- การใช้ รัศมีมุม (11) สามารถจัดการมุมของภาพเพื่อความคมชัดได้ คุณยังสามารถเลือกที่จะจัดการมุม เป็นรายบุคคล.
- เลือก ภาพโฮเวอร์สี (12) เป็น เน้นสี หรือจะเป็น ที่ระบุไว้. หากคุณเลือก เน้นสีจากนั้นระบุไฟล์ ความทึบแสง.
- เลือก สีฐาน (13) และ ความทึบแสง ที่คุณต้องการขณะวางเมาส์เหนือรูปภาพ ตัวเลือกนี้จะมองเห็นได้ก็ต่อเมื่อ ระบุสี จะถูกเลือก
- ตั้ง สีธาตุ (14) สำหรับรายการของส่วน
- เลือกที่จะ ภาพเคลื่อนไหว (15) ขณะวางเมาส์เหนือ หากเปิดใช้งาน คุณยังสามารถเปลี่ยน สไตล์แอนิเมชั่น (16)
ตัวเลือกขนาด & พื้นที่และสไตล์ข้อความ
- ระบุ ความกว้างของภาพ (17) สำหรับรูปภาพของรายการ
- ระบุ ความกว้างของเนื้อหา (18) สำหรับรายการ
- ระบุ เว้นวรรคใต้หัวเรื่อง (19) ในพิกเซล
- ระบุ ช่องว่างด้านล่างภาพ (20) เป็นเปอร์เซ็นต์
- ระบุ ช่องว่างด้านล่างชื่อเรื่อง (21) ของรายการเป็นเปอร์เซ็นต์
- ระบุ ช่องว่างด้านล่างคำบรรยาย (22) ของรายการเป็นเปอร์เซ็นต์
- ระบุ ชื่อหนังสือ (23) รูปแบบตัวอักษรของรายการ
- ระบุ หัวเรื่องย่อย (24) รูปแบบตัวอักษรของรายการ
- ระบุ รายละเอียด (25) รูปแบบตัวอักษรของรายการ
การ์ดและเงา
- มาดูกันว่า เพื่อจัดการ การ์ด (26)
- ระบุวิธีการ แสดง (27) เงา
- สไตล์ (28) เงา มีการตั้งค่าล่วงหน้าหลายค่าและคุณสามารถปรับแต่งเงาด้วยเครื่องมือ Box Shadow Generator
- หากเลือกตัวเลือกค่าที่ตั้งล่วงหน้าไว้ เลือกสไตล์เงา (29) จากเมนูแบบเลื่อนลง
ปุ่ม & ลิงค์
- มาดูกันว่า เพื่อจัดการสไตล์ของ ปุ่ม & ลิงค์ (30)