ส่วนการกำหนดราคา

การออกแบบส่วนการกำหนดราคาที่มีประสิทธิภาพสำหรับเว็บไซต์ของคุณถือเป็นสิ่งสำคัญในการชี้แนะผู้มีโอกาสเป็นลูกค้าในการตัดสินใจซื้อและกลยุทธ์การตลาดโดยรวม

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

ในบทความนี้

• เพิ่มส่วนการกำหนดราคา
• จัดการส่วนราคา
• เพิ่มและแก้ไขรายการ
• การจัดลำดับรายการ
• การจัดการองค์ประกอบ
• จัดการเค้าโครง
• ส่วนการกำหนดราคาสไตล์

---

เพิ่มส่วนการกำหนดราคา

• สามารถเพิ่มส่วนลงในเพจได้ คุณสามารถเพิ่มส่วนลงในเพจที่มีอยู่แล้วหรือ สร้างเพจใหม่ ภายในเว็บไซต์ของคุณ
• บนหน้าของคุณ, คลิกที่ สีน้ำเงิน + ไอคอน เพื่อเพิ่มส่วนใหม่

• ตอนนี้คุณจะเห็น หมวดหมู่ส่วน ด้านซ้าย
• เลื่อนไปที่ อัตราค่าบริการ (1) และคลิกที่มัน หน้าจอจะเด้งขึ้นมาให้คุณเลือกแบบต่างๆ รูปแบบ (2) ของส่วนโลโก้

• เลือกเค้าโครงส่วนใดก็ได้แล้วคลิกเพื่อเพิ่มลงในเพจของคุณ

---

จัดการส่วนราคา

เมื่อคุณเพิ่มส่วนนี้แล้ว:

• คลิกที่ แก้ไขราคา (1) ปุ่มเพื่อเปิด ส่วนการกำหนดราคา การตั้งค่า

---

เพิ่มและแก้ไขรายการ

เพิ่มรายการ

• คลิกที่ เพิ่มรายการ (1) ปุ่มเพื่อเพิ่มรายการใหม่ลงในรายการ
• ซ้ำ or ลบ (2) รายการ
• แก้ไข หัวเรื่องมาตรา (3) ของมาตรา

---

แก้ไขรายการ

คลิกที่รายการที่คุณต้องการแก้ไข จะเปิดตัวเลือกการแก้ไขของรายการนั้นๆ

จากที่นี่คุณสามารถ:

• อัพโหลด/ลบรูปภาพหลักและรอง (1)
  คุณสามารถอัปโหลดไฟล์ ภาพรอง พร้อมกับ รูปภาพหลัก สำหรับแต่ละรายการ เมื่อผู้ใช้เลื่อนเมาส์ไปเหนือรายการ รูปภาพรองจะปรากฏขึ้นแทนที่รูปภาพหลัก นอกจากนี้ คุณยังสามารถตั้งค่า ภาพเน้นสีซึ่งจะแสดงเมื่อวางเมาส์เหนือภาพ
• เพิ่ม ชื่อหนังสือ (2),คำบรรยาย (3)และคำอธิบาย (4) ของรายการ
• คุณอาจไม่พบตัวเลือกของคำบรรยายและคำอธิบายในรายการเฉพาะ ทั้งนี้ขึ้นอยู่กับเค้าโครงที่คุณเลือก

5. การดำเนินการเมื่อคลิก – ชื่อเรื่องและรูปภาพ

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

• ไปที่ลิงค์
  การเลือกตัวเลือกนี้จะเปิด ตัวสร้างลิงค์ช่วยให้คุณสามารถเพิ่มไฮเปอร์ลิงก์ไปยังรายการนี้ได้ ลิงก์ดังกล่าวสามารถนำผู้ใช้ไปยังหน้าอื่นภายในเว็บไซต์ของคุณหรือ URL ภายนอกได้ รู้มากกว่านั้น เกี่ยวกับ ตัวสร้างลิงค์.
• เปิดในไลท์บ็อกซ์
  ตัวเลือกนี้จะแสดงรายการในรูปแบบขยาย Lightbox ดูเมื่อคลิก ในโหมดนี้ หัวเรื่องย่อย และ รายละเอียด ที่เกี่ยวข้องกับรายการจะไม่ปรากฏในมุมมองกริด แต่จะมองเห็นได้ในโหมดไลท์บ็อกซ์
• ไม่มีการกระทำ
  เลือกตัวเลือกนี้เพื่อให้ไม่สามารถคลิกรายการได้ เมื่อเลือกตัวเลือกนี้แล้ว การคลิกที่รายการจะไม่ทำให้เกิดการกระทำใดๆ

6. เปิดลิงค์ในหน้าต่างใหม่: กำหนดให้ลิงค์เปิดใน แท็บใหม่หรือในแท็บเดียวกัน สิ่งนี้จะมองเห็นได้เมื่อ ไปที่ลิงค์ ตัวเลือกถูกเลือกภายใต้ การกระทำเมื่อคลิก เมนู

7. ปุ่มและลิงค์: ใส่แบบไหนก็ได้ ลิงค์ ลงในรายการ คุณสามารถเพิ่มปุ่ม/ลิงก์รูปภาพ/ไอคอนโซเชียล/ลิงก์ข้อความได้ อ่านเพิ่ม.

8. การกำหนดรูปแบบการ์ดใหม่

คุณสามารถแทนที่การตั้งค่ารูปแบบการ์ดทั่วโลกจากส่วนได้ การตั้งค่าสไตล์ และปรับแต่งการ์ดของแต่ละรายการในส่วนราคาทีละรายการ วิธีนี้ช่วยให้คุณสามารถใช้รูปแบบเฉพาะกับรายการต่างๆ เพื่อการปรับแต่งที่ดียิ่งขึ้น

อ่านเพิ่ม เกี่ยวกับตัวเลือกการ์ดในส่วนไดนามิก

9. การกำหนดรูปแบบรูปร่าง

ใช้ตัวเลือกการแทนที่เพื่อกำหนดรูปร่างที่แตกต่างกันให้กับแต่ละภาพแยกกันภายในส่วนการกำหนดราคา ช่วยให้คุณควบคุมรูปแบบภาพของแต่ละรายการได้ดียิ่งขึ้น อ่านเพิ่ม เกี่ยวกับ Shape Mask

10. บันทึก: หลังจากปรับแต่งแล้วให้บันทึกการเปลี่ยนแปลง

---

การจัดลำดับรายการ

คุณสามารถเปลี่ยนลำดับของรายการตาม การลากและวาง พวกเขา

ดูการจัดลำดับรายการรายการการกำหนดราคาในการดำเนินการ: 

---

การจัดการองค์ประกอบของส่วนการกำหนดราคา

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

• คลิกที่ แก้ไขราคา (1) ปุ่ม

4

• เลือกกระเป๋า องค์ประกอบ (2) แท็บ
• หลังจากทำการเปลี่ยนแปลงแล้วให้กด ลด (3) ปุ่ม

ตัวเลือกส่วน

1. แสดงหัวข้อข่าว: เปิดใช้งานหรือปิดใช้งานการมองเห็นหัวข้อข่าวสำหรับส่วนการกำหนดราคา
2. แสดงปุ่ม: ควบคุมว่าจะแสดงปุ่มในระดับส่วนหรือไม่

รายการ ตัวเลือก

1. แสดงภาพ: สลับการมองเห็นของรูปภาพ
2. แสดงชื่อเรื่อง: ควบคุมว่าจะแสดงชื่อเรื่องหรือไม่
3. แสดงคำบรรยาย: เปิดหรือปิดคำบรรยาย
4. แสดงคำอธิบาย:จัดการการมองเห็นคำอธิบายรายการ
5. แสดงปุ่ม:ตัดสินใจว่าควรแสดงปุ่มสำหรับรายการแต่ละรายการหรือไม่

---

จัดการเค้าโครง

• คลิกที่ แก้ไขราคา ปุ่มเพื่อเปิดแผงแก้ไขส่วน
• เลือกกระเป๋า แบบ แถบ
• จากที่นี่ คุณสามารถเปลี่ยนเค้าโครงของส่วนต่างๆ ได้อย่างง่ายดายแม้ว่าจะเพิ่มส่วนนั้นลงในเพจแล้วก็ตาม

ขณะที่เปลี่ยนเค้าโครง คุณจะเห็นเค้าโครงที่เกี่ยวข้องกับส่วนด้านบน

นอกเหนือจากนี้ คุณยังมีตัวเลือกในการเลือกเค้าโครงจากส่วนอื่นๆ ภายใต้ เค้าโครงเพิ่มเติม หัวข้อ

---

ส่วนการกำหนดราคาสไตล์

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

• จากแถบด้านข้าง ให้คลิกที่ สไตล์ (2) แท็บ

คุณจะมีตัวเลือกสไตล์มากมายสำหรับส่วนนี้: 

1. แสดงตัวเลือก
2. จอแสดงผลมือถือ
3. การวางแนว
4. ขนาดข้อความ
5. การเว้นวรรค
6. หัวเรื่องมาตรา
7. ตัวเลือกรูปภาพ
8. หน้ากากรูปทรง
9. ตัวเลือกการโฮเวอร์รูปภาพ
10. ขอบภาพ
11. ตัวเลือกการ์ด
12. ตัวเลือกเงา
13. ปุ่ม & ลิงค์

---

แสดงตัวเลือก

1. เลือกที่จะ แสดงรายการ in แถวและคอลัมน์ or ม้าหมุน 
   • หากคุณเลือกไฟล์ แถวและคอลัมน์ ตัวเลือก รายการจะถูกจัดเรียงเป็นแถวและคอลัมน์ ในกรณีนี้ คุณต้องระบุจำนวนแถวและคอลัมน์
   • หากคุณเลือกไฟล์ ม้าหมุน ตัวเลือก รายการจะถูกนำเสนอเป็นสไลด์โชว์ รู้มากกว่านั้น.
2. ตั้ง จำนวนคอลัมน์ สำหรับส่วนนี้ คุณสามารถเลือกได้ตั้งแต่ 1 ถึง 10 คอลัมน์
3. ระบุ ช่องว่างระหว่างคอลัมน์ ของรายการ
4. ระบุ ช่องว่างระหว่างแถว ของรายการ

หากเลือกตัวเลือกแบบหมุนในขั้นตอนที่ 1 คุณจะเห็นตัวเลือกเพิ่มเติมต่อไปนี้:

1. เปิดใช้งานการเลื่อนอย่างราบรื่น:เปิดใช้งานการเลื่อนรายการอย่างต่อเนื่องภายในแถบเลื่อนเพื่อประสบการณ์ที่ราบรื่นและดึงดูดสายตา
2. ออโต้สไลด์:หมุนสไลด์โดยอัตโนมัติโดยไม่ต้องมีการโต้ตอบจากผู้ใช้
3. แสดงความคืบหน้าการเล่นอัตโนมัติ:แสดงตัวบ่งชี้ความคืบหน้าในขณะที่การเล่นอัตโนมัติกำลังใช้งานอยู่เพื่อให้มองเห็นได้ชัดเจนยิ่งขึ้น
4. การหน่วงเวลาการเล่นอัตโนมัติ: กำหนดช่วงเวลาระหว่างการเปลี่ยนสไลด์แต่ละครั้งเมื่อเปิดใช้งานการเล่นอัตโนมัติ
5. ห่วงม้าหมุน:ช่วยให้สามารถเล่นสไลด์ซ้ำได้อย่างต่อเนื่อง ดังนั้นแถบเลื่อนจะเริ่มต้นใหม่โดยราบรื่นหลังจากสไลด์สุดท้าย
6. การควบคุมม้าหมุน: เลือก การควบคุมการนำทางคุณสามารถเลือกได้ระหว่างไม่มีการควบคุม, ลูกศร – ตรงกลางด้านล่าง/ขวาบน/ขวาล่าง, เชฟรอน, จุด และเลื่อนแนวนอน
7. ขอบเฟด: ใช้เอฟเฟกต์การเฟดแบบละเอียดอ่อนกับขอบของภาพหมุน ช่วยเพิ่มประสบการณ์ของผู้ใช้โดยผสมผสานภาพอย่างนุ่มนวลในขณะที่เข้าหรือออกจากมุมมอง

---

จอแสดงผลมือถือ

1. กำหนดจำนวน คอลัมน์กริด สำหรับอุปกรณ์เคลื่อนที่ คุณสามารถตั้งค่าได้สูงสุด 3 คอลัมน์
2. กำหนด การเว้นวรรค ระหว่างกริด (เป็นพิกเซล)

---

การวางแนว

1. เป็นเส้นตรง ภาพแนวนอน ในส่วนนี้ คุณสามารถตั้งค่าให้จัดชิดซ้าย ชิดขวา หรือตรงกลางได้
2. เป็นเส้นตรง ข้อความแนวนอน ในส่วนนี้ คุณสามารถตั้งค่าให้จัดชิดซ้าย ชิดขวา หรือตรงกลางได้
3. เป็นเส้นตรง เนื้อหาในแนวตั้ง ในส่วนนี้ คุณสามารถตั้งค่าให้จัดตำแหน่งให้อยู่ด้านบน ตรงกลาง และด้านล่างได้
4. เลือกกระเป๋า ลำดับเนื้อหา คือรูปภาพของรายการที่จะแสดงก่อนหรือข้อความที่เกี่ยวข้อง

---

ขนาดข้อความ

1. คลิกที่ เปลี่ยนรูปแบบข้อความ ปุ่มเพื่อเยี่ยมชม ออกแบบ ส่วนและ จัดการขนาดและรูปแบบตัวอักษรของคุณ 
2. ตั้ง ชื่อหนังสือ รูปแบบตัวอักษรสำหรับรายการของส่วน
3. ตั้ง หัวเรื่องย่อย รูปแบบตัวอักษรสำหรับรายการของส่วน
4. ตั้งค่าเริ่มต้น รายละเอียด รูปแบบตัวอักษรสำหรับรายการของส่วน
5. เปิดใช้งานตัวเลือกนี้เพื่อ สร้างภาพเคลื่อนไหวให้กับตัวเลขใดๆ ก็ได้ ปัจจุบันใน ชื่อหนังสือ และ หัวเรื่องย่อย ช่องข้อมูล เมื่อเปิดใช้งาน ค่าตัวเลขจะปรากฏพร้อมแอนิเมชั่นการนับแบบไดนามิก ทำให้ดูน่าสนใจยิ่งขึ้น

---

การเว้นวรรค

1. ระบุ ความกว้างของภาพ สำหรับรายการ.
2. ระบุ ความกว้างของเนื้อหา สำหรับรายการ
3. ระบุ เว้นวรรคใต้หัวเรื่อง ในพิกเซล
4. ระบุ ช่องว่างใต้ภาพ ของรายการ (เป็น %)
5. ระบุ ช่องว่างด้านล่างชื่อเรื่อง ของรายการ (เป็น %)
6. ระบุ เว้นวรรคใต้คำบรรยาย ของรายการ (เป็น %)

---

หัวเรื่องมาตรา

1. จัดวางแนวนอน ข้อความหัวข้อส่วน คุณสามารถตั้งค่าเป็นซ้าย กลาง และขวาได้
2. เปิดใช้งาน/ปิดใช้งาน divider ระหว่างหัวข้อส่วนและเนื้อหาของส่วน
3. ตั้ง ความหนาของตัวแบ่ง (เป็นพิกเซล)
4. ระบุ สีตัวแบ่ง จากเครื่องมือเลือกสี
5. เลือกหลักสูตรเตรียมความพร้อมสอบ สไตล์ตัวแบ่ง จากเมนูแบบเลื่อนลง
6. ตั้ง ความกว้างของหัวเรื่อง เพื่อกำหนดความกว้างของชื่อหัวข้อโดยเริ่มต้นจากขั้นต่ำ 50%

---

ภาพ

1. เลือกกระเป๋า Iครอบตัดผู้วิเศษ สำหรับรายการ. คุณสามารถตั้งค่ารูปภาพเป็นสี่เหลี่ยม วงกลม แนวนอน แนวตั้ง และต้นฉบับได้
2. เลือกให้มีรัศมีมุมร่วมกันหรือรัศมีมุมที่แตกต่างกันสำหรับแต่ละด้านของรายการ และตั้งค่าตัวเลข (เป็น px) สำหรับ Cรัศมีมุม ของภาพรายการ รู้มากกว่านั้น.

• ในกรณีที่คุณเลือกมุมแยก คุณสามารถกำหนดรัศมีมุมที่แตกต่างกันสำหรับแต่ละมุมได้

---

หน้ากากรูปทรง

1. หน้ากากรูปทรง: เปิดใช้งานสวิตช์นี้เพื่อใช้หน้ากากรูปร่างกับรูปภาพในส่วนราคา เมื่อเปิดใช้งานแล้ว รูปร่างที่เลือกจะตัดรูปภาพลงในแบบฟอร์มนั้น
2. เลือกรูปร่าง: เลือกจากรูปทรงต่างๆ ที่กำหนดไว้ล่วงหน้าเพื่อนำไปใช้กับรูปภาพของคุณ ช่วยให้คุณสามารถปรับแต่งเนื้อหาของคุณได้อย่างสร้างสรรค์ด้วยการแสดงรูปภาพในรูปแบบเฉพาะ เช่น ทรงกลม เพชร หยดน้ำ เป็นต้น
3. ยืด: เปิดใช้งานตัวเลือกนี้เพื่อยืดรูปร่างที่เลือกให้พอดีกับคอนเทนเนอร์รูปภาพมากขึ้น วิธีนี้จะช่วยให้รูปร่างเติมเต็มพื้นที่ว่างตามสัดส่วน และปรับปรุงการจัดตำแหน่งภาพให้เหมาะสมยิ่งขึ้นในขนาดหน้าจอที่แตกต่างกัน

---

เลื่อนภาพ

1. เลือกกระเป๋า ภาพโฮเวอร์สี ที่จะเป็น เน้นสี หรือจะเป็น ที่ระบุไว้. หากคุณเลือก เน้นสีจากนั้นระบุไฟล์ ความทึบแสงคุณสามารถระบุสีเน้นสำหรับแต่ละรายการได้จาก แก้ไขรายการ แผงหน้าปัด.
2. หากคุณเลือกไฟล์ ระบุสี ตัวเลือกจากนั้นตั้งค่า สีทับและความทึบแสง.
3. ตั้ง สีข้อความทับซ้อน ที่จะแสดงขึ้นเมื่อเลื่อนเมาส์ไปเหนือ
4. เลือกที่จะ ทำให้รูปภาพรายการเคลื่อนไหว เมื่อวางเมาส์เหนือโดยคลิกที่ใช่ ตรวจสอบคุณสมบัตินี้ในหน้าสด.
5. เลือก สไตล์แอนิเมชั่น สำหรับรูปภาพเมื่อเคอร์เซอร์อยู่เหนือรูปภาพ
6. เลือกหากคุณต้องการอนุญาต การเปลี่ยนผ่านของภาพ เลื่อนเมาส์ไปเหนือหรือไม่
7. เลือก สไตล์การเปลี่ยนผ่าน สำหรับการเปลี่ยนผ่านแบบโฮเวอร์ มีตัวเลือกให้เลือกคือ Fade และ Flip

---

ขอบภาพ

1. เปิด / ปิดเส้นขอบ รอบๆ ภาพโดยการสลับปุ่มสลับ
2. เลือกที่จะมี ชายแดนทั่วไป ในทุกด้านของภาพหรือจะระบุก็ได้ เส้นขอบแยกจากกัน สำหรับแต่ละด้าน
3. ระบุ ความกว้าง ของชายแดน หากตั้งค่าเป็น 0 เส้นขอบจะไม่ปรากฏ คุณยังมีตัวเลือกในการตั้งค่าความกว้างของเส้นขอบสำหรับแต่ละด้านของรูปภาพแยกกัน
4. เลือก สีขอบ จากเครื่องมือเลือกสี
5. เลือกที่ต้องการ สไตล์ชายแดน จากเมนูแบบเลื่อนลง
6. กำหนด ความกว้างของเส้นขอบสำหรับมือถือ อุปกรณ์ต่างๆ ให้สอดคล้องกับความกว้างที่เลือกไว้สำหรับเดสก์ท็อป

---

การ์ด

• มาดูกันว่า เพื่อจัดการการ์ด

---

เงา

1. แสดง – เลือกให้แสดงเงาด้านหลังรายการเสมอหรือเมื่อโฮเวอร์เท่านั้น
2. สไตล์ – เลือกจากค่าที่ตั้งไว้ล่วงหน้าที่มีอยู่หรือสร้างเงาแบบกำหนดเอง
   ในกรณีที่คุณเลือกตัวเลือกกำหนดเอง ให้ไปที่สิ่งนี้ กล่องสร้างเงา เพื่อสร้างเงาแบบกำหนดเอง สุดท้าย คัดลอกและวาง กล่องเงา CSS.
3. ในกรณีที่คุณได้เลือกตัวเลือกที่ตั้งไว้ล่วงหน้าแล้ว เลือกสไตล์เงา จากเมนูแบบเลื่อนลง

---

ปุ่ม & ลิงค์

1. มาดูกันว่า เพื่อจัดการสไตล์ของ ปุ่มและลิงค์
2. ลด การเปลี่ยนแปลงสไตล์ทั้งหมด

---

บทความที่เกี่ยวข้อง

• ประเภทของส่วน
• เพิ่มแบบฟอร์มการชำระเงิน
• เพิ่มตัวเว้นวรรค/ตัวแบ่งระหว่างส่วน