เป็นไปได้ไหมที่จะแทรกโค้ด HTML, CSS หรือ JS?

ในบทความนี้ คุณจะได้เรียนรู้วิธีแทรกโค้ด HTML, CSS และ JS บนหน้าเพจที่สร้างด้วย systeme.io

สิ่งที่คุณต้องมี:

  • บัญชี systeme.io
  • โค้ด HTML, CSS หรือ JS

ทำไมต้องเพิ่มโค้ดที่กำหนดเองลงในหน้าเพจของคุณ?

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

ตัวอย่าง:

  1. หากต้องการปรับแต่งสไตล์ คุณสามารถเพิ่มโค้ด CSS ได้
  2. หากต้องการเพิ่มแอนิเมชันให้กับหน้าเพจหรือ element แต่ละรายการ (เช่น เมื่อวางเมาส์เหนือหรือคลิกปุ่ม) ให้เพิ่มโค้ด JS
  3. หากต้องการเพิ่มหัวเรื่องหรือข้อความทั่วไป สร้างตาราง ส่วนประกอบ และการแบ่งส่วนบนหน้าเพจของคุณ ให้เพิ่มโค้ด 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>

1. การเพิ่มโค้ดในส่วน โค้ดติดตาม:

หากต้องการแทรกโค้ดติดตามของ Facebook ให้ไปที่ฟันเนลการขายที่มีหน้าเพจที่คุณต้องการวางโค้ด

เลือกหน้าฟันเนลจากรายการหน้าเพจทางด้านซ้ายแล้วคลิก แก้ไขหน้าเพจ

คลิก การตั้งค่า ซึ่งอยู่ที่มุมซ้ายบน จากนั้นเลื่อนลงไปที่ส่วน การติดตาม

1.1 โค้ดสำหรับวางในส่วนหัวของเว็บไซต์

ในส่วนนี้ คุณควรวางโค้ดใดๆ ที่ต้องอยู่ภายในแท็ก <head> และ </head> ของหน้าเพจ

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

2. การเพิ่มโค้ดในการตั้งค่าฟันเนลการขาย:

โค้ดบางอย่าง (เช่น โค้ดติดตาม) จะต้องถูกเพิ่มลงในฟันเนลทั้งหมดของคุณ

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

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

3. การเพิ่มองค์ประกอบ HTML แบบรหัสต้นฉบับ ลงในหน้าเพจ:

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

  1. เพิ่มองค์ประกอบ รหัส HTML โดยลากไปวางในส่วนที่ต้องการบนหน้าเพจของคุณ

2. คลิกที่ element เพื่อแสดงการตั้งค่า (1)

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

เพิ่มโค้ด HTML ลงในช่องข้อความ (3) จากนั้นคลิก บันทึก (4)

อย่าลืมบันทึกการเปลี่ยนแปลงของคุณก่อนออกจากระบบ เมื่อบันทึกการเปลี่ยนแปลงแล้ว คุณจะไม่สามารถเรียกคืนหน้าเวอร์ชันเก่ากลับมาได้

หมายเหตุ: รหัสเอชทีเอ็มแอล จะไม่ปรากฏในโหมดดูตัวอย่าง แต่จะแสดงผลบนหน้าที่มีการใช้งานจริงเท่านั้น

นี่ตอบคำถามของคุณหรือไม่ ขอบคุณสำหรับความคิดเห็น เกิดปัญหาในการส่งความคิดเห็นของคุณ โปรดลองอีกครั้งในภายหลัง