- ฐานความรู้
- คอมเมิร์ซ
- ลิงก์การชำระเงิน
- เพิ่มลิงก์การชำระเงินไปยังเนื้อหาของคุณ
เพิ่มลิงก์การชำระเงินไปยังเนื้อหาของคุณ
อัปเดตล่าสุด: 24 กันยายน 2025
สามารถใช้ได้กับการสมัครใช้บริการใดๆ ต่อไปนี้ ยกเว้นที่ระบุไว้:
คุณสามารถเพิ่มลิงก์การชำระเงินไปยังเว็บไซต์ของคุณเพื่อให้ลูกค้าของคุณสามารถชำระเงินได้โดยตรงบนเว็บไซต์ของคุณ ในการเพิ่มลิงก์การชำระเงินไปยังเว็บไซต์ของคุณคุณสามารถเพิ่มโมดูลการชำระเงินเริ่มต้นไปยังหน้าหรือเทมเพลตแบบลากและวางหรือเพิ่มโค้ดฝังลิงก์การชำระเงินไปยังหน้าเว็บไซต์ภายนอกของคุณ นอกจากนี้คุณยังสามารถเพิ่มลิงก์การชำระเงินไปยังอีเมลการตลาดของคุณได้
หากคุณเป็นนักพัฒนาคุณมีตัวเลือกในการเพิ่มช่องการชำระเงินลงในธีมหรือโมดูลที่กำหนดเองของคุณหรือสร้างโมดูลการชำระเงินที่กำหนดเอง
เพิ่มโมดูลการชำระเงินเริ่มต้นลงในหน้าเว็บของคุณ
เมื่อคุณเพิ่มโมดูลการชำระเงินเริ่มต้นลงในหน้าเว็บของคุณลิงก์การชำระเงินจะปรากฏเป็นปุ่มชำระเงินที่ลูกค้าสามารถคลิกได้จากนั้นป้อนรายละเอียดการชำระเงินของพวกเขา
- ไปที่เนื้อหาของคุณ:
- หน้าเว็บไซต์: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > หน้าเว็บไซต์
- หน้า Landing Page: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > หน้าแลนดิ้ง
- บล็อก: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > บล็อก
- วางเมาส์เหนือหน้าเว็บหรือโพสต์แล้วคลิก แก้ไข
- ที่ด้านซ้ายบนให้คลิก + เพิ่ม
- ภายใต้โมดูลให้คลิกส่วนการ ค้า
- คลิกการชำระเงินและลากไปยังตำแหน่งบนหน้าเว็บ
- ในตัวแก้ไขแถบด้านข้าง:
- ป้อนข้อความที่จะแสดงบนปุ่มในฟิลด์ข้อความของปุ่ม
- ภายใต้ปุ่มเป้าหมาย:
- เลือกใช้ลิงก์การชำระเงินเพื่อนำผู้ชมไปยังลิงก์การชำระเงินของคุณ
- คลิกเมนูดร็อปดาวน์ลิงก์การชำระเงินแล้วเลือกลิงก์การชำระเงิน
- ใต้พฤติกรรมการชำระเงินให้เลือกเปิดในแท็บใหม่หากต้องการให้ลิงก์การชำระเงินเปิดแท็บหรือหน้าต่างเบราว์เซอร์ใหม่เมื่อคลิกหรือคลิกเลื่อนภาพซ้อนทับหากต้องการให้ลิงก์การชำระเงินปรากฏเป็นภาพซ้อนทับบนหน้าเว็บ
- เลือกอื่นๆเพื่อนำผู้ชมของคุณไปยังลิงก์ภายนอกหรือหนึ่งในเว็บไซต์หรือหน้า Landing Page ของคุณ:
- คลิกที่ลิงก์ไปยังเมนูแบบเลื่อนลงและเลือกภายนอกเพื่อใช้ลิงก์ภายนอก ป้อน URL ในช่อง URL
- คลิกที่ลิงก์ไปยังเมนูแบบเลื่อนลงและเลือกเนื้อหาเพื่อใช้เว็บไซต์หรือหน้า Landing Page ที่มีอยู่ คลิกเมนูแบบเลื่อนลงเนื้อหาและเลือกหน้า
- สลับลิงก์เปิดในสวิตช์หน้าต่างใหม่หากคุณต้องการให้ลิงก์เปิดแท็บเบราว์เซอร์หรือหน้าต่างใหม่เมื่อคลิก
- ใต้ประเภทลิงก์ให้เลือกช่องทำเครื่องหมายไม่ปฏิบัติตามเพื่อบอกให้เครื่องมือค้นหาเพิกเฉยต่อลิงก์
- เลือกใช้ลิงก์การชำระเงินเพื่อนำผู้ชมไปยังลิงก์การชำระเงินของคุณ
- เลือกช่องทำเครื่องหมายเพิ่มไอคอนเพื่อเพิ่มไอคอนลงในปุ่ม
- คลิกเมนูดรอปดาวน์ไอ คอน
- คลิกแทนที่เพื่อแทนที่ไอคอนที่มีอยู่
- ในแผงด้านขวาให้ค้นหาไอคอน คลิกที่ไอคอนเพื่อเลือก
- คลิกเมนูดรอปดาวน์ตำแหน่งและเลือกตำแหน่งของไอคอนบนปุ่ม
- ที่ด้านบนขวาให้คลิกอัพเดทหรือเผยแพร่เพื่อตั้งค่าการเปลี่ยนแปลงแบบเรียลไทม์
- ในตัวจัดการการออกแบบคุณยังสามารถเพิ่มโมดูลการชำระเงินเริ่มต้นลงในเทมเพลตหน้าเว็บได้อีกด้วย
เพิ่มโค้ดฝังลงในหน้าเว็บภายนอกหรือโมดูลที่กำหนดเอง
คุณสามารถเพิ่มโค้ดฝังลิงก์การชำระเงินลงในเว็บไซต์ภายนอกของคุณหรือสร้างโมดูลการชำระเงินในตัวจัดการการออกแบบและเพิ่มโค้ดฝังลงในโมดูล เมื่อคุณฝังลิงค์การชำระเงินแบบฟอร์มชำระเงินจะปรากฏบนหน้าเว็บของคุณโดยตรง
วิธีคัดลอกโค้ดฝังตัว:
- ในบัญชี HubSpot ของคุณ ไปที่ คอมเมิร์ซ > ลิงก์การชำระเงิน
- วางเมาส์เหนือลิงก์แล้วคลิกการดำเนินการจากนั้นเลือก ฝัง
- ในกล่องโต้ตอบให้คลิกคัดลอกโค้ดฝังตัว
เมื่อคัดลอกโค้ดฝังตัวแล้วคุณสามารถเพิ่มโค้ดลงในเว็บไซต์ของคุณได้โดยตรง หรือหากคุณเป็นนักพัฒนาซอฟต์แวร์ก็สร้างโมดูลใหม่และใส่ช่องลิงก์เพื่อให้ครีเอเตอร์เนื้อหาเลือกจากลิงก์การชำระเงินที่มีได้
โปรดทราบ: การสร้างโมดูลต้องใช้ความรู้เกี่ยวกับ HTML, CSS, HubL และตัวจัดการการออกแบบ HubSpot HubSpot แนะนำให้ทำงานร่วมกับนักออกแบบเพื่อสร้างโมดูลที่มีรหัส
เพิ่มลิงก์การชำระเงินไปยังอีเมลการตลาด
คุณสามารถเพิ่มโมดูลการชำระเงินในอีเมลการตลาดของคุณได้ ตัวอย่างเช่นเมื่อวางแผนกิจกรรมคุณสามารถรวมลิงก์การชำระเงินที่อนุญาตให้ผู้ซื้อซื้อตั๋วได้โดยตรงจากอีเมล
- ในบัญชี HubSpot ของคุณ ไปที่การตลาด > อีเมล
- วางเมาส์เหนือร่างอีเมลที่มีอยู่แล้วคลิกแก้ไขหรือคลิกสร้างอีเมลเพื่อสร้างอีเมลใหม่
- ที่ด้านซ้ายบนให้คลิก + เพิ่ม
- ในแท็บเนื้อหาภายใต้อีคอมเมิร์ซให้คลิกการชำระเงินและลากไปยังตำแหน่งบนหน้าเว็บ
- คลิกเมนูแบบเลื่อนลงการชำระเงินแล้วเลือกลิงก์การชำระเงิน
- ในฟิลด์ข้อความของปุ่มให้แก้ไขข้อความที่ปรากฏขึ้น หากต้องการแทรกอีโมจิลงในฟิลด์ข้อความของคุณให้คลิกไอคอนอีโมจิ
- คลิกแท็บสไตล์เพื่อปรับสไตล์ของปุ่มรวมถึงประเภทแบบอักษรขนาดและสีสีพื้นหลังการจัดตำแหน่งและช่องว่าง
- ตั้งค่าให้เสร็จแล้วส่งอีเมลของคุณ
เมื่อผู้ติดต่อคลิกปุ่มระบบจะนำผู้ติดต่อไปที่หน้าชำระเงินโดยตรง ดูข้อมูลเพิ่มเติมเกี่ยวกับสิ่งที่เกิดขึ้นใน HubSpot หลังจากชำระเงินแล้ว