เพิ่มลิงก์การชำระเงินไปยังเนื้อหาของคุณ

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

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

หากคุณเป็นนักพัฒนาคุณมีตัวเลือกในการเพิ่มช่องการชำระเงินลงในธีมหรือโมดูลที่กำหนดเองของคุณหรือสร้างโมดูลการชำระเงินที่กำหนดเอง

เพิ่มโมดูลการชำระเงินเริ่มต้นลงในหน้าเว็บของคุณ

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

1. ไปที่เนื้อหาของคุณ:
   
   • หน้าเว็บไซต์: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > หน้าเว็บไซต์
   • หน้า Landing Page: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > หน้าแลนดิ้ง
   • บล็อก: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > บล็อก
2. คลิกที่ชื่อของหน้าเพื่อเปิดเครื่องมือแก้ไข
3. ที่ด้านซ้ายบนให้คลิก add
4. ภายใต้โมดูลให้คลิกเพื่อขยายส่วนการ ค้า
5. คลิกการชำระเงินและลากไปยังตำแหน่งบนหน้าเว็บ
6. ในตัวแก้ไขแถบด้านข้าง:
   • ในช่องปุ่มให้ป้อนข้อความที่จะแสดงบนปุ่ม
   • ภายใต้ปุ่มเป้าหมาย:
     • เลือกใช้ลิงก์การชำระเงินเพื่อนำผู้ชมไปยังลิงก์การชำระเงินของคุณ
       • คลิกเมนูดร็อปดาวน์ลิงก์การชำระเงินแล้วเลือกลิงก์การชำระเงิน
       • ใต้พฤติกรรมการชำระเงิน ให้เลือกเปิดในแท็บใหม่หากต้องการให้ลิงก์การชำระเงินเปิดแท็บเบราว์เซอร์หรือหน้าต่างใหม่เมื่อคลิก หรือคลิกเลื่อนภาพซ้อนทับหากต้องการให้ลิงก์การชำระเงินปรากฏเป็นภาพซ้อนทับบนหน้าเว็บ
     • เลือกอื่นๆเพื่อนำผู้ชมของคุณไปยังลิงก์ภายนอกหรือหนึ่งในเว็บไซต์หรือหน้า Landing Page ของคุณ:
       • คลิกที่ลิงก์ไปยังเมนูแบบเลื่อนลงและเลือกภายนอกเพื่อใช้ลิงก์ภายนอก ในช่อง URL ให้ป้อน URL
       • คลิกที่ลิงก์ไปยังเมนูแบบเลื่อนลงและเลือกเนื้อหาเพื่อใช้เว็บไซต์หรือหน้า Landing Page ที่มีอยู่ คลิกเมนูแบบเลื่อนลงเนื้อหาและเลือกหน้า
       • สลับลิงก์เปิดในสวิตช์หน้าต่างใหม่หากคุณต้องการให้ลิงก์เปิดแท็บเบราว์เซอร์หรือหน้าต่างใหม่เมื่อคลิก
       • ใต้ประเภทลิงก์ให้เลือกช่องทำเครื่องหมายไม่ปฏิบัติตามเพื่อบอกให้เครื่องมือค้นหาเพิกเฉยต่อลิงก์
   • เลือกช่องทำเครื่องหมายเพิ่มไอคอนเพื่อเพิ่มไอคอนลงในปุ่ม
     
     • คลิกเมนูดรอปดาวน์ไอ คอน
     • คลิกแทนที่เพื่อแทนที่ไอคอนที่มีอยู่
     • ในแผงด้านขวาให้ค้นหาไอคอน คลิกที่ไอคอนเพื่อเลือก
     • คลิกเมนูดรอปดาวน์ตำแหน่งและเลือกตำแหน่งของไอคอนบนปุ่ม
       
       
7. ที่มุมขวาบนให้คลิกอัพเดทหรือเผยแพร่เพื่อตั้งค่าการเปลี่ยนแปลงแบบเรียลไทม์
8. ในตัวจัดการการออกแบบคุณยังสามารถเพิ่มโมดูลการชำระเงินเริ่มต้นลงในเทมเพลตหน้าเว็บได้อีกด้วย

เพิ่มโค้ดฝังลงในหน้าเว็บภายนอกหรือโมดูลที่กำหนดเอง

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

วิธีคัดลอกโค้ดฝังตัว:

1. ในบัญชี HubSpot ของคุณ ไปที่ คอมเมิร์ซ > ลิงก์การชำระเงิน
2. วางเมาส์เหนือลิงค์การชำระเงินแล้วคลิกการดำเนินการจากนั้นเลือก ฝัง
   
   
3. ในกล่องโต้ตอบให้คลิกคัดลอกโค้ดฝังตัว

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

โปรดทราบ: การสร้างโมดูลต้องใช้ความรู้เกี่ยวกับ HTML, CSS, HubL และตัวจัดการการออกแบบ HubSpot HubSpot แนะนำให้ทำงานร่วมกับนักออกแบบเพื่อสร้างโมดูลที่มีรหัส

เพิ่มลิงก์การชำระเงินไปยังอีเมลการตลาด

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

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

เมื่อผู้ติดต่อคลิกปุ่มของลิงค์การชำระเงินระบบจะนำผู้ติดต่อไปที่หน้าชำระเงิน

ขั้นตอนต่อไป

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