ด้วยการกำหนดราคาคอร์สและการชำระเงินบนแลนดิ้งเพจที่ขับเคลื่อนโดย MaviBot คุณสามารถทำให้กระบวนการซื้อสำหรับลูกค้าของคุณง่ายขึ้นอย่างมาก และจัดการธุรกรรมทางการเงินได้อย่างมีประสิทธิภาพ
การสร้างกระบวนการชำระเงินที่เรียบง่ายและใช้งานง่ายช่วยให้คุณสามารถเสนอคอร์สของคุณได้โดยไม่ต้องกังวลเกี่ยวกับด้านเทคนิคของการรวมฟอร์มการชำระเงินเข้ากับแลนดิ้งเพจของคุณ
ในบทความนี้ คุณจะได้เรียนรู้วิธีกำหนดราคาคอร์สและการชำระเงินบนเว็บไซต์ของคุณอย่างรวดเร็วและง่ายดาย โดยไม่มีความยุ่งยากที่ไม่จำเป็น
โปรดทราบ!
ก่อนที่จะเพิ่มฟอร์มลงทะเบียนคอร์สลงในเพจของคุณ ตรวจสอบให้แน่ใจว่าได้ตั้งค่าแผนการกำหนดราคาก่อน
เราได้ครอบคลุมวิธีการกำหนดค่าแผนการกำหนดราคาสำหรับคอร์สออนไลน์ในบทความแยกต่างหาก ลิงก์
วิธีสร้างเว็บไซต์สำหรับคอร์ส
ก่อนเริ่มต้น ให้เตรียมเว็บไซต์ของคุณโดยไปที่ส่วนที่เหมาะสม:
จากนั้นคลิก "+สร้าง":
เลือกประเภทเว็บไซต์ของคุณ: "เว็บไซต์หลายหน้า" "แลนดิ้งเพจ" หรือ "ฟอร์ม":
คำแนะนำโดยละเอียดเกี่ยวกับวิธีสร้างเว็บไซต์จากส่วนต่างๆ โดยใช้ตัวสร้างสามารถดูได้ในส่วน "เว็บไซต์ธุรกิจ" ลิงก์
หากคุณมีเว็บไซต์ที่สร้างบนแพลตฟอร์ม MaviBot อยู่แล้ว ให้ไปที่การแก้ไขส่วนต่างๆ ของเว็บไซต์โดยคลิกที่การ์ดเว็บไซต์:
เว็บไซต์หลายหน้า
เมื่อสร้างเว็บไซต์หลายหน้า หน้าต่อไปนี้จะถูกสร้างขึ้นโดยอัตโนมัติ:
- หน้าแรก;
- ทีมของเรา;
- เกี่ยวกับเรา
ส่วนหัวและส่วนท้ายจะถูกสร้างขึ้นโดยอัตโนมัติ ซึ่งคุณสามารถเพิ่มข้อมูลสำคัญเกี่ยวกับบริษัทของคุณได้ ทั้งส่วนหัวและส่วนท้ายจะปรากฏในทุกหน้าของเว็บไซต์ ดังนั้นคุณไม่จำเป็นต้องสร้างบล็อกเดียวกันในแต่ละหน้า
หากต้องการเข้าสู่โหมดแก้ไขสำหรับหน้าใดๆ ของเว็บไซต์ ให้คลิกที่แถวของหน้าที่ต้องการ
คุณยังสามารถสร้างหน้าเพิ่มเติมสำหรับเว็บไซต์ได้ โดยคลิกที่ปุ่มที่มีชื่อเดียวกัน จากนั้นเลือกเทมเพลตหน้า ฟอร์ม หรืออัปโหลดหน้าจากไฟล์:
การอัปโหลดหน้าจากไฟล์ช่วยให้คุณสามารถถ่ายโอนหน้าเว็บไซต์จากโปรเจกต์อื่นได้
สำหรับรายละเอียดเพิ่มเติมเกี่ยวกับวิธีการส่งออกและนำเข้าหน้าเว็บไซต์ โปรดดูส่วนด้านล่าง "การส่งออก / การนำเข้าหน้าเว็บไซต์" ลิงก์
การคลิกที่ "สร้างเทมเพลต" จะเปิดหน้าต่างที่คุณสามารถเลือกเทมเพลตหน้าใดก็ได้ รวมถึงเทมเพลตเปล่า:
แลนดิ้งเพจ (ฟอร์ม แบบสำรวจ และแบบทดสอบ)
การคลิกที่ "สร้างแลนดิ้งเพจ" จะเปิดฟอร์มที่คุณสามารถเลือกจากเทมเพลตเว็บไซต์ต่างๆ:
คุณสามารถเลือกเทมเพลตเว็บไซต์ที่คุณชอบและปรับแต่งการตั้งค่าต่างๆ เช่น แบบอักษร พื้นหลัง และรูปภาพ คุณยังสามารถเพิ่มบล็อกเว็บไซต์เพิ่มเติม (ส่วน) ที่คุณต้องการได้
แตกต่างจากเว็บไซต์หลายหน้า การสร้างแลนดิ้งเพจจะนำคุณไปยังตัวแก้ไขหน้าโดยตรง
ต่อมา เมื่อคุณคลิกที่แท็บแลนดิ้งเพจ
คุณจะถูกนำไปยังส่วนที่มีการส่งข้อมูล ข้อมูลหลัก และการตั้งค่าแลนดิ้งเพจ แตกต่างจากเว็บไซต์หลายหน้า คุณจะไม่เห็นหลายหน้าเพราะแลนดิ้งเพจประกอบด้วยหน้าเดียว
หากคุณต้องการเพิ่มหน้าเพิ่มเติมในแลนดิ้งเพจของคุณในภายหลัง ทำให้กลายเป็นเว็บไซต์หลายหน้า ให้ไปที่การตั้งค่าเว็บไซต์ เปลี่ยนประเภทเว็บไซต์เป็น "เว็บไซต์หลายหน้า" และบันทึกการเปลี่ยนแปลง:
เว็บไซต์ทำงานในลักษณะเดียวกันเมื่อสร้างเป็นฟอร์ม แบบสำรวจ หรือแบบทดสอบ อย่างไรก็ตาม แตกต่างจากประเภทเว็บไซต์อื่นๆ ไม่มีเทมเพลตให้เลือกเมื่อสร้างเพราะหน้าเว็บจะรวมบล็อก "ฟอร์ม" หรือ "แบบทดสอบ" โดยอัตโนมัติ ขึ้นอยู่กับประเภทเว็บไซต์ที่เลือก
ดังที่แสดงในตัวอย่าง หากต้องการเข้าถึงการตั้งค่าของเว็บไซต์ประเภท "ฟอร์ม" คุณต้องคลิกปุ่ม "แก้ไข"
การดำเนินการนี้จะนำคุณไปยังโหมดแก้ไขหน้า ซึ่งจะสร้างส่วน "ฟอร์ม" เพียงส่วนเดียว (หรือแบบทดสอบและแบบสำรวจหลายหน้า ขึ้นอยู่กับประเภทเว็บไซต์ที่เลือก)
คุณสามารถเพิ่มส่วน "ฟอร์ม" "แบบทดสอบ" และ "แบบสำรวจ" ลงในเว็บไซต์ของคุณ (ทั้งหลายหน้าและแลนดิ้งเพจ) ได้ตลอดเวลา
สำหรับการกำหนดค่าเพิ่มเติม ให้ไปที่โหมดแก้ไขเว็บไซต์
ส่วน "ฟอร์ม" สำหรับการลงทะเบียนคอร์ส
ไม่ว่าคุณจะเลือกประเภทเว็บไซต์ใด—"เว็บไซต์หลายหน้า" "แลนดิ้งเพจ" หรือ "ฟอร์ม"—โหมดแก้ไขหน้ายังคงเหมือนเดิม
หากต้องการสร้างส่วน "ฟอร์ม" สำหรับการลงทะเบียนคอร์ส (หรือส่วนอื่นๆ ในตัวสร้างเว็บไซต์) ให้วางเมาส์เหนือส่วนที่คุณต้องการเพิ่มฟอร์มการชำระเงิน จากนั้นคลิกปุ่ม "+" ที่ปรากฏขึ้นเพื่อเปิดเมนูส่วน:
จากนั้น ค้นหาส่วน "ฟอร์ม" ในเมนูที่เปิดขึ้น:
จากนั้นคลิกที่ "ฟอร์ม" เพื่อเพิ่มส่วนลงในเว็บไซต์ของคุณ:
ตอนนี้ มากำหนดค่าฟอร์ม:
ที่นี่ คุณต้องเปิดใช้งานช่องทำเครื่องหมายที่ระบุว่า "ฟอร์มสำหรับการลงทะเบียนคอร์สของนักเรียน":
ช่องทำเครื่องหมายนี้จะปลดล็อกการตั้งค่าการชำระเงินเพิ่มเติมสำหรับคอร์ส:
- เลือกคอร์สที่คุณต้องการสร้างฟอร์มบนเว็บไซต์:
- เลือกแผน:
ฟิลด์นี้เป็นหนึ่งในการตั้งค่าที่สำคัญสำหรับการชำระเงินแผนคอร์ส เนื่องจากช่วยให้คุณเลือกแผน (หรือทุกแผน) ที่ฟอร์มบนเว็บไซต์จะนำไปใช้
- คำแนะนำฟอร์ม:
คุณสามารถปล่อยข้อความคำแนะนำเริ่มต้นหรือเขียนของคุณเอง:
หากคุณไม่ต้องการให้คำแนะนำปรากฏในฟอร์มการลงทะเบียน/ชำระเงินคอร์ส ให้ใช้ช่องทำเครื่องหมาย "ซ่อนคำแนะนำ":
คำถามฟอร์ม
เมื่อสร้างฟอร์ม จำเป็นต้องเพิ่มฟิลด์สำหรับอีเมล หมายเลขโทรศัพท์ และชื่อของผู้ใช้
หากต้องการเพิ่มฟิลด์ป้อนข้อมูลสำหรับผู้ใช้ของคุณ ให้คลิกปุ่ม "สร้างคำถาม":
จากนั้น แบบฟอร์มตั้งค่าคำถามจะปรากฏขึ้น:
คุณต้องเลือกประเภทฟิลด์ "ชื่อ" จากรายการดรอปดาวน์:
และเปิดใช้งานช่องทำเครื่องหมาย "คำถามที่จำเป็น":
จากนั้น สร้างคำถามที่สอง:
สำหรับคำถามที่สอง ให้เลือกประเภทฟิลด์ "อีเมล":
คำถามนี้ต้องเป็นคำถามที่จำเป็นด้วย มิฉะนั้น นักเรียนจะไม่สามารถเข้าถึงคอร์สของคุณหรือทำการลงทะเบียนอัตโนมัติได้
ในทำนองเดียวกัน ให้เพิ่มคำถามถัดไปด้วยประเภทฟิลด์ "หมายเลขโทรศัพท์":
การตั้งค่าหลักสำหรับฟอร์มการลงทะเบียนและชำระเงินคอร์สของคุณเสร็จสมบูรณ์แล้ว
จากนั้น คุณสามารถปรับแต่งส่วนตามที่คุณต้องการ: เปลี่ยนสีพื้นหลังและปุ่ม และเพิ่มฟิลด์คำถามอื่นๆ
สำหรับข้อมูลเพิ่มเติมเกี่ยวกับการปรับแต่งและคุณสมบัติทั้งหมดของส่วน "ฟอร์ม" โปรดดูส่วน "การตอบกลับฟอร์ม" ลิงก์
การทดสอบ
อย่าลืมบันทึกการตั้งค่าเว็บไซต์ของคุณหลังจากกำหนดค่าฟอร์มการชำระเงินและการลงทะเบียน
จากนั้น ไปที่ตัวอย่างเว็บไซต์:
คุณจะเห็นฟอร์มการลงทะเบียน/ชำระเงินคอร์สบนเว็บไซต์
มาทดสอบฟอร์มโดยกรอกรายละเอียดของคุณในฟิลด์ว่าง:
ตอนนี้ ส่งข้อมูลไปยังระบบและดำเนินการต่อในฟอร์มใบสมัครและการชำระเงิน
ฟอร์มทำงานถูกต้อง: เปลี่ยนเส้นทางลูกค้าไปยังหน้าประมวลผลคำสั่งซื้อและตามด้วยหน้าต่างการชำระเงินผ่านบริการชำระเงินที่เลือก
ส่วน "การ์ดคอร์ส"
คุณสามารถแสดงข้อมูลเกี่ยวกับคอร์สที่มีอยู่ในโรงเรียนของคุณบนเว็บไซต์โดยใช้ส่วน "การ์ดคอร์ส":
หากต้องการเพิ่มส่วน "การ์ดคอร์ส" ให้คลิกปุ่ม "+" ในโหมดแก้ไขเว็บไซต์ของคุณ:
จากนั้น ค้นหาส่วน "การ์ดคอร์ส" ในเมนูที่ปรากฏขึ้นและคลิกเพื่อเพิ่มส่วนลงในเว็บไซต์ของคุณ:
ส่วนจะถูกเพิ่มลงในเว็บไซต์ของคุณ และเมนูการตั้งค่าเนื้อหาจะเปิดขึ้นสำหรับคุณ:
เนื้อหาบล็อก
การกำหนดค่าบล็อก "การ์ดคอร์ส" เกี่ยวข้องกับการเลือกคอร์สหนึ่งคอร์สหรือมากกว่าที่สร้างไว้แล้วในโปรเจกต์เพื่อแสดงบนเว็บไซต์ รวมถึงการปรับแต่งองค์ประกอบการ์ด
วิธีสร้างคอร์สบนแพลตฟอร์ม MaviBot อธิบายไว้ในส่วน "คอร์สออนไลน์" ลิงก์
การเลือกคอร์ส
เลือกคอร์สที่คุณต้องการแสดงบนเว็บไซต์ของคุณ:
ในการดำเนินการนี้ ให้ทำเครื่องหมายที่ช่องถัดจากชื่อของแต่ละคอร์สที่คุณต้องการรวม:
คอร์สที่เลือกจะปรากฏบนหน้าเว็บไซต์ของคุณทันทีพร้อมกับภาพปกที่คุณตั้งไว้ในการตั้งค่าคอร์ส
การปรับแต่ง
ตอนนี้ มาปรับแต่งองค์ประกอบการ์ดหลังจากเลือกคอร์สที่ต้องการ:
- เงา
คุณสามารถปรับความเข้มของเงาสำหรับการ์ดคอร์สในส่วน:
ก) ไม่มีเงา:
ข) เงาอ่อน:
ค) เงาเข้ม:
- จานสีสำหรับองค์ประกอบการ์ด
คุณสามารถเปลี่ยนสีบนการ์ดสำหรับพื้นหลัง ข้อความ (ทั้งบนการ์ดและบนปุ่ม) และเพิ่มการโต้ตอบโดยการเปลี่ยนสีขององค์ประกอบเมื่อวางเมาส์:
ก) สีแบบอักษร: ช่วยเปลี่ยนสีข้อความหลักบนการ์ด (ไม่รวมปุ่ม):
ข) พื้นหลังการ์ด: เพื่อเปลี่ยนสีพื้นหลังของการ์ด
ค) สีขอบ: เพื่อเปลี่ยนโทนสีของขอบการ์ด
ง) ข้อความปุ่ม: เพื่อเปลี่ยนสีของข้อความปุ่มในสถานะปกติ (คงที่)
จ) พื้นหลังปุ่ม: ช่วยให้คุณเปลี่ยนสีพื้นหลังของปุ่มการ์ดคอร์ส
เพื่อเพิ่มการโต้ตอบให้กับเว็บไซต์ของคุณ คุณยังสามารถเปลี่ยนสีปุ่มเมื่อวางเมาส์ ใช้การตั้งค่าสีเมื่อวางเมาส์สำหรับสิ่งนี้
ตอนนี้คุณรู้วิธีแสดงคอร์ส MaviBot ที่มีอยู่ของคุณบนเว็บไซต์โดยใช้ส่วน "การ์ดคอร์ส"
เรียนรู้เกี่ยวกับการตั้งค่าพื้นหลังและตัวเลือกการแสดงผลในบทความ "การตั้งค่าส่วนสากล" ลิงก์
ส่วน "รายการบทเรียน"
นอกจากการ์ดคอร์สออนไลน์แล้ว คุณยังสามารถเพิ่มรายการบทเรียนลงในหน้าเว็บไซต์ของคุณได้ เพียงเลือกคอร์สที่ต้องการในส่วน และบทเรียนทั้งหมดจะแสดง:
หากต้องการเพิ่มบล็อกสำหรับแสดงรายการบทเรียนคอร์ส ให้เข้าสู่โหมดแก้ไขเว็บไซต์ วางเมาส์เหนือพื้นที่ทำงาน จากนั้นคลิกปุ่ม "+":
เมนูที่มีส่วนเว็บไซต์ที่พร้อมใช้งานจะเปิดขึ้นทางด้านขวา คุณควรค้นหาบล็อก "รายการบทเรียน" ที่นั่น:
คลิกที่ "การ์ดคอร์ส" เพื่อเปิดเมนูการตั้งค่าเนื้อหาสำหรับบล็อก:
เพียงเลือกคอร์สที่ต้องการ (ที่สร้างไว้แล้วใน MaviBot) จากเมนูดรอปดาวน์และคลิก "บันทึก"
จากนั้นไปที่การตั้งค่าเพื่อปรับแต่งเนื้อหาของบล็อก
การปรับแต่ง
วางเมาส์เหนือส่วนและคลิก "การตั้งค่า" เพื่อเปิดแผงการปรับแต่งทั้งเนื้อหาและลักษณะที่ปรากฏของบล็อก
คุณสามารถกำหนดค่าการตั้งค่าต่อไปนี้:
- รูปแบบรายการบทเรียน
โดยค่าเริ่มต้น รายการบทเรียนจะแสดงในรูปแบบใหม่ หากต้องการ คุณสามารถเปลี่ยนเป็นรูปแบบคลาสสิกที่กระชับยิ่งขึ้น
- รูปแบบการนับเลข
การตั้งค่านี้ใช้ได้เฉพาะกับเค้าโครงรายการบทเรียนแบบใหม่เท่านั้น ประเภทการนับเลขที่เลือกจะถูกนำไปใช้ภายในแต่ละการ์ดบทเรียน
- ไอคอนบทเรียน
แสดงเฉพาะเมื่อมีการอัปโหลดตัวอย่างในการตั้งค่าบทเรียนของคอร์ส
วิธีเพิ่มไอคอน
ขั้นตอนที่ 1 ไปที่การตั้งค่าบทเรียน:
ในการดำเนินการนี้ ให้เข้าสู่โหมดการตั้งค่าคอร์สและค้นหาแท็บ "บทเรียน":
จากนั้นคลิก "แก้ไข" เพื่อเปิดหน้าแก้ไขบทเรียน
ขั้นตอนที่ 2 เปิดการตั้งค่าหน้าบทเรียน
ในการตั้งค่าหน้าบทเรียน ให้ไปที่ส่วน "ข้อมูลพื้นฐาน":
ขั้นตอนที่ 3 อัปโหลดตัวอย่างบทเรียน
ในการตั้งค่า "ข้อมูลพื้นฐาน" ให้ขยายเมนูดรอปดาวน์การตั้งค่ารูปภาพ:
อัปโหลดรูปภาพสำหรับตัวอย่างบทเรียน:
บันทึกการตั้งค่าของคุณ:
เสร็จแล้ว! ตอนนี้ ตัวอย่างบทเรียนจะแสดงเป็นไอคอนในส่วน "รายการบทเรียน" บนเว็บไซต์ของคุณ
- ลวดลายพื้นหลัง
เพิ่มความลึกและเอกลักษณ์ให้กับการ์ดบทเรียนของคุณ:
- การปัดเศษองค์ประกอบ
ค่าถูกกำหนดเป็นพิกเซลและปัดเศษมุมของการ์ดบทเรียน:
- รูปแบบการ์ดบทเรียน
ช่วยจัดเรียงการ์ดบทเรียนในแถวเดียวหรือหลายแถว โดยมีหรือไม่มีการตัดบรรทัด
- สีพื้นหลังและข้อความ
คุณสามารถเข้าถึงจานสีที่หลากหลายเพื่อตั้งค่าสีพื้นหลังและสีแบบอักษรบนการ์ดบทเรียน:
ตอนนี้คุณรู้วิธีเพิ่มรายการบทเรียนลงในเว็บไซต์ของคุณและปรับแต่งเนื้อหาของส่วน
อ่านบทความ "การตั้งค่าส่วนสากล" เพื่อเรียนรู้เกี่ยวกับการตั้งค่าพื้นหลังและการแสดงผล ลิงก์