เป็นไปได้ไหมที่จะแทรกโค้ด HTML, CSS หรือ JS?
ในบทความนี้ คุณจะได้เรียนรู้วิธีแทรกโค้ด HTML, CSS และ JS บนหน้าเพจที่สร้างด้วย systeme.io
สิ่งที่คุณต้องมี:
- บัญชี systeme.io
- โค้ด HTML, CSS หรือ JS
ทำไมต้องเพิ่มโค้ดที่กำหนดเองลงในหน้าเพจของคุณ?
การเพิ่มโค้ด HTML ลงในหน้าเพจของคุณ จะช่วยให้คุณสามารถเพิ่มสไตล์ ฟังก์ชันการทำงาน และโครงสร้างที่กำหนดเองให้กับเนื้อหาของรูปภาพ ข้อความ ลิงก์ และอื่นๆ ได้
ตัวอย่าง:
- หากต้องการปรับแต่งสไตล์ คุณสามารถเพิ่มโค้ด CSS ได้
- หากต้องการเพิ่มแอนิเมชันให้กับหน้าเพจหรือ element แต่ละรายการ (เช่น เมื่อวางเมาส์เหนือหรือคลิกปุ่ม) ให้เพิ่มโค้ด JS
- หากต้องการเพิ่มหัวเรื่องหรือข้อความทั่วไป สร้างตาราง ส่วนประกอบ และการแบ่งส่วนบนหน้าเพจของคุณ ให้เพิ่มโค้ด HTML
หมายเหตุสำคัญ:
เมื่อเพิ่มโค้ดที่กำหนดเองลงในส่วน header, footer, tracking code หรือ Raw 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>
1. การเพิ่มโค้ดในส่วน Tracking Code:
หากต้องการแทรกโค้ดติดตามของ Facebook ให้ไปที่ฟันเนลการขายที่มีหน้าเพจที่คุณต้องการวางโค้ด
เลือกหน้าฟันเนลจากรายการหน้าเพจทางด้านซ้ายแล้วคลิก แก้ไขหน้าเพจ
คลิก การตั้งค่า ซึ่งอยู่ที่มุมซ้ายบน จากนั้นเลื่อนลงไปที่ส่วน การติดตาม

1.1 โค้ดที่จะแทรกในส่วน Header

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

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

3. การเพิ่ม element Raw HTML ลงในหน้าเพจ:
คุณยังสามารถแทรกโค้ด HTML ใดๆ ลงบนหน้าเพจได้โดยตรงผ่านตัวแก้ไขของหน้าเพจ
1. เพิ่ม element Raw HTML โดยการลากไปยังส่วนที่ต้องการของหน้าเพจของคุณ

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


อย่าลืม บันทึก การเปลี่ยนแปลงของคุณก่อนออกจากหน้าเพจ