ในบทความนี้ คุณจะได้เรียนรู้วิธีแทรกโค้ด HTML, CSS และ JS บนหน้าเพจที่สร้างด้วย systeme.io
สิ่งที่คุณต้องมี:
การเพิ่มโค้ด HTML ลงในหน้าเพจของคุณ จะช่วยให้คุณสามารถเพิ่มสไตล์ ฟังก์ชันการทำงาน และโครงสร้างที่กำหนดเองให้กับเนื้อหาของรูปภาพ ข้อความ ลิงก์ และอื่นๆ ได้
ตัวอย่าง:
เมื่อเพิ่มโค้ดปรับแต่งลงในส่วนหัว, ส่วนท้าย, โค้ดติดตาม หรือส่วน HTML ดิบ ห้ามใส่แท็กใดๆ ต่อไปนี้:
<head> </head> <footer> </footer> <html> </html> <body> </body> เมื่อเพิ่มวิดีโอโดยใช้ iframe ไม่จำเป็นต้องใช้แท็กเพิ่มเติม
ไม่ถูกต้อง:
<div>
<iframe src="link to your video"></iframe>
</div>
ถูกต้อง:
<iframe src="link to your video"></iframe>
หากต้องการแทรกโค้ดติดตามของ Facebook ให้ไปที่ฟันเนลการขายที่มีหน้าเพจที่คุณต้องการวางโค้ด
เลือกหน้าฟันเนลจากรายการหน้าเพจทางด้านซ้ายแล้วคลิก แก้ไขหน้าเพจ
คลิก การตั้งค่า ซึ่งอยู่ที่มุมซ้ายบน จากนั้นเลื่อนลงไปที่ส่วน การติดตาม


ในส่วนนี้ ให้เพิ่มโค้ดที่ต้องการสำหรับ Document Object Model (DOM)

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

คุณยังสามารถแทรกโค้ด HTML ใดๆ ลงบนหน้าเพจได้โดยตรงผ่านตัวแก้ไขของหน้าเพจ

2. คลิกที่ element เพื่อแสดงการตั้งค่า (1)
ในแผงควบคุมด้านซ้าย ให้คลิก แก้ไขโค้ด เพื่อแสดงหน้าต่างป๊อปอัปที่คุณสามารถวางโค้ดของคุณได้ (2)


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