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

สร้างโมดูลที่กำหนดเองเพื่อใช้กับเทมเพลตใบเสนอราคา

อัปเดตล่าสุด: 26 พฤษภาคม 2026

ต้องได้รับสิทธิ์​ ผู้ดูแลระบบระดับสูงหรือจัดการสิทธิ์เทมเพลตใบเสนอราคา จะต้องสร้างและกำหนดค่าเทมเพลตใบเสนอราคา

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

ก่อนที่คุณจะเริ่มต้น

ก่อนที่คุณจะเริ่มทำงานกับโมดูลที่กำหนดเองให้ทำความเข้าใจขั้นตอนที่ควรดำเนินการล่วงหน้ารวมถึงข้อจำกัดของคุณสมบัติและผลที่อาจเกิดขึ้นจากการใช้งาน

ทำความเข้าใจข้อกำหนด

หากคุณไม่คุ้นเคยกับ React, HTML, JavaScript และ CSS ให้ทำงานร่วมกับนักพัฒนาเพื่อสร้างโมดูลที่กำหนดเอง

ข้อจำกัดและข้อพิจารณา

  • ไม่สามารถสร้างหรือเพิ่มโมดูลรหัสที่กำหนดเองลงในใบเสนอราคาโดยใช้ API ได้ ผู้ใช้ API สามารถเลือกเทมเพลตที่มีโมดูลที่กำหนดเองรวมอยู่ในนั้น

  • มีพื้นที่ลากและวางเพียงแห่งเดียวเท่านั้น ไม่รองรับการจัดวางหน้าเว็บที่ซับซ้อนเช่นโมดูลเดียวกันสำหรับใบเสนอราคาทั้งหมด

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

  • ใช้ CSS ที่กำหนดเองเพื่อซ่อนแถบสถานะที่ด้านบนของคำพูด

กรณีการใช้งานทั่วไป

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

สร้างโมดูลตารางรายการบรรทัด

สร้างตารางรายการแบบกำหนดเองเพื่อให้ตรงกับความต้องการทางธุรกิจของคุณตัวอย่างเช่น:

  • เพิ่มส่วน: แสดงรายการบรรทัดในส่วนตามคุณสมบัติ ตัวอย่างเช่นส่วนแยกต่างหากสำหรับผลิตภัณฑ์และบริการหรือรายการแบบครั้งเดียวและรายการที่เกิดซ้ำ

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

  • ทางลาด: แสดงราคารายการในบรรทัดที่เปลี่ยนแปลงตามเวลาที่กำหนดโดยกำหนดการที่กำหนดไว้ล่วงหน้า ตัวอย่างเช่นผลิตภัณฑ์ที่มีราคา $ 5,000 ในปีแรก $ 10,000 ในปีที่ 2 นอกจากนี้คุณยังสามารถตั้งค่ารายการส่วนลดในช่วง 3 เดือนแรกก่อนที่ราคาจะเพิ่มขึ้นเป็นราคาที่ไม่ลดในเดือนที่สี่ได้ด้วย

    โปรดทราบ: โมดูลรหัสที่กำหนดเองไม่สามารถจัดการผลกระทบการเรียกเก็บเงินของทางลาดนอกเหนือจากวันที่เริ่มต้นการเรียกเก็บเงินที่เกี่ยวข้องได้

สร้างโมดูลข้อกำหนดและเงื่อนไขแบบมีเงื่อนไข 

แสดงคำศัพท์หรือเนื้อหาที่แตกต่างกันตามข้อมูลใบเสนอราคา ตัวอย่างเช่นคุณสามารถแสดงภาษากฎหมายเฉพาะภูมิภาคตามประเทศของผู้ซื้อหรือรวมข้อกำหนดเฉพาะผลิตภัณฑ์เมื่อมีการเพิ่มรายการสินค้าบางรายการ

สร้างส่วนปาร์ตี้

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

สร้างเมนูนำทางที่กำหนดเอง

เพิ่มเมนูนำทางเพื่อช่วยให้ผู้ซื้อสามารถดูใบเสนอราคาแบบยาวได้

ต้องได้รับการยอมรับในส่วนต่างๆ

เพิ่มโมดูลรหัสที่กำหนดเองแบบโต้ตอบพร้อมช่องทำเครื่องหมายหรือปุ่มสำหรับผู้ซื้อเพื่อรับทราบโมดูลเฉพาะก่อนที่จะยอมรับใบเสนอราคา

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

โมดูลสไตล์

สร้างโมดูลที่มีการจัดรูปแบบภาพที่กำหนดเองเงามุมโค้งมนการสร้างแบรนด์และอื่นๆ

สร้างโมดูลที่กำหนดเอง

ดูข้อมูลเพิ่มเติมเกี่ยวกับการสร้างโมดูลที่กำหนดเอง

บทความนี้มีประโยชน์หรือไม่
แบบฟอร์มนี้ใช้สำหรับคำติชมเอกสารเท่านั้น เรียนรู้วิธีขอความช่วยเหลือจาก HubSpot