วิธีการสร้างเว็บไซต์แบบต่างๆ มีอะไรบ้าง?

ในหน้านี้ คุณจะได้เรียนรู้วิธีการสร้างเว็บไซต์โดยใช้ systeme.io

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

1. วิธีสร้างเว็บไซต์โดยใช้ฟีเจอร์บล็อก

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

• ชื่อโดเมนส่วนตัวที่เชื่อมต่อกับ systeme.io เรียบร้อยแล้ว (วิธีเชื่อมต่อโดเมนของคุณกับ systeme.io)
• บล็อกที่สร้างขึ้นโดยใช้ systeme.io ( วิธีสร้างบล็อกด้วย systeme.io)

ขั้นตอนที่ 1: เพิ่มหน้าใหม่ให้กับบล็อกของคุณ

คลิกที่แถบ ไซต์ (Sites) จากนั้นคลิกที่ บล็อก (1) แล้วเข้าสู่บล็อกของคุณโดยคลิกที่ชื่อบล็อก (2)

จากนั้นคลิกที่แถบ หน้า (Pages) (3) แล้วคลิกที่ สร้าง (Create) (4)

ป้อนชื่อหน้าบล็อกและเส้นทาง URL ในหน้าต่างป๊อปอัปที่ปรากฏขึ้น จากนั้นคลิก สร้างหน้าบล็อก (Create a blog page) (5) เพื่อยืนยันการสร้างหน้าบล็อกใหม่

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

ขั้นตอนที่ 2: ตั้งค่าหน้าแรกของบล็อกให้เป็นหน้าแรกของเว็บไซต์

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

คลิกที่จุด 3 จุด (6) ของบล็อกที่คุณเลือก จากนั้นคลิกที่ การตั้งค่า (Settings) (7)

ลบข้อมูลในช่อง URL ออก จากนั้นคลิก บันทึก (Save) (8) ด้วยวิธีนี้ หน้าแรกของบล็อกจะกลายเป็นหน้าแรกของเว็บไซต์ของคุณ

ขั้นตอนที่ 3: เพิ่มองค์ประกอบ 'เมนู' ลงในหน้าแรกของคุณ

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

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

• ชื่อ (11): ป้อนชื่อรายการเมนูของคุณ (เช่น หน้าแรก)
• ประเภทลิงก์ (12): เลือกระหว่าง ลิงก์บล็อก (Blog link) หรือ URL กำหนดเอง (Custom URL)
• ลิงก์รายการเมนู (13):
  • หากคุณเลือก ลิงก์บล็อก ให้เลือกหน้าบล็อกที่มีอยู่จากรายการดรอปดาวน์
  • หากคุณเลือก URL กำหนดเอง ให้พิมพ์ URL ลงในช่องโดยตรง
• เปิดในหน้าต่างใหม่ (14): ทำเครื่องหมายในช่องนี้หากคุณต้องการให้ลิงก์เปิดในแท็บหรือหน้าต่างใหม่
• ลบ (15): ลบรายการเมนูออกจากทั้งการตั้งค่าและหน้าเพจ
• มีเมนูย่อย (16): สวิตช์เปิดปิดที่ช่วยให้คุณเปิดหรือปิดใช้งานเมนูย่อยสำหรับรายการนี้
• เปิด (17): แสดงรายการเมนูย่อยขณะอยู่ในส่วนแก้ไข เพื่อให้คุณสามารถดูตัวอย่างและแก้ไขลักษณะที่ปรากฏได้
• การตั้งค่าเมนูย่อย (18): รายการเมนูย่อยใช้ตัวเลือกเดียวกับรายการเมนูหลัก
• เพิ่มรายการเมนูย่อย (19): ใช้เพื่อเพิ่มรายการเมนูย่อยใหม่
• เพิ่มรายการเมนู (20): คลิกปุ่มนี้เพื่อสร้างรายการเมนูหลักใหม่
• ย้ายรายการเมนู (21): ใช้ลูกศรเพื่อเปลี่ยนตำแหน่งของรายการเมนู
  • การคลิก ลูกศรขึ้น จะเป็นการสลับรายการกับรายการด้านบน
  • การคลิก ลูกศรลง จะเป็นการสลับรายการกับรายการด้านล่าง

คุณยังสามารถทำให้เมนูของคุณเป็นแบบ Sticky (มองเห็นได้ตลอดทั้งหน้า) ได้ด้วย โดยทำดังนี้:

• คลิกที่ส่วนที่มีองค์ประกอบเมนู จากนั้นเลื่อนตัวแก้ไขทางด้านซ้ายของหน้าจอลงมาจนถึงส่วน Sticky (22)
• ทำเครื่องหมายในช่อง Do you want this to always be visible (sticky)? (คุณต้องการให้สิ่งนี้มองเห็นได้ตลอดเวลาหรือไม่?) จากนั้นเลือกตำแหน่งที่คุณต้องการให้ส่วนนี้ตรึงไว้ที่ด้านบนหรือด้านล่างของหน้า
• คุณยังสามารถปรับระยะห่างของเมนูแบบ Sticky จากขอบได้โดยใช้ตัวเลือก Indent (ระยะเยื้อง)

หากต้องการลบเมนูออกจากหน้าใดหน้าหนึ่ง ให้คลิกที่ ไม่ใช้เลย์เอาต์บล็อก (Don't use blog layout) (23)

สำหรับคำแนะนำโดยละเอียดเพิ่มเติมเกี่ยวกับการตั้งค่าเมนูบล็อก โปรดดูหน้าช่วยเหลือของเรา: วิธีสร้างเมนูบล็อก

ขั้นตอนที่ 4: ออกแบบหน้าแรกและหน้าเว็บไซต์อื่นๆ ของคุณ

คุณสามารถออกแบบหน้าเว็บไซต์ของคุณได้ตามความต้องการ

ในการทำเช่นนั้น ให้เปิดส่วนแก้ไขของหน้าที่คุณต้องการออกแบบโดยคลิกที่ แก้ไข (Edit) (24) หรือคลิกที่ชื่อหน้าโดยตรง

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

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

ในตัวอย่างของเรา เราจะแก้ไของค์ประกอบ ข้อความ (Text):

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

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

คลิกที่องค์ประกอบที่ต้องการ ลากไปไว้บนหน้าเพจของคุณ และวางลงในตำแหน่งที่เหมาะสม

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

2. วิธีสร้างเว็บไซต์โดยใช้ฟีเจอร์ Funnelek

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

• ชื่อโดเมนส่วนตัวที่เชื่อมต่อกับ systeme.io เรียบร้อยแล้ว (วิธีเชื่อมต่อ Root Domain ของคุณกับ systeme.io)
• Funnelek ที่สร้างขึ้นโดยใช้ systeme.io (วิธีสร้าง Funnel)

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

ขั้นตอนที่ 1: สร้างหน้าเว็บไซต์ใหม่

เปิด Funnelek ของคุณ จากนั้นคลิก เพิ่มขั้นตอน (Add step) (1)

เขียนชื่อหน้าเพจของคุณและเลือกประเภท จากนั้นคลิก บันทึก (Save) (2)

เลือกเทมเพลตที่คุณต้องการโดยคลิกที่ เลือก (Select) (3) และออกแบบหน้าเพจตามความต้องการของคุณ

ทำตามกระบวนการนี้เพื่อสร้างหน้าเว็บไซต์ทั้งหมดของคุณ (หน้า Funnelek)

ขั้นตอนที่ 2: กำหนดหน้าหนึ่งจาก Funnelek ของคุณให้เป็นหน้าแรกของเว็บไซต์

เปิด Funnelek ของคุณ คลิกหน้าที่คุณต้องการตั้งเป็นหน้าแรก และลบข้อมูลในช่องเส้นทาง URL ออก (4)

ผลลัพธ์:

ขั้นตอนที่ 3: เพิ่มองค์ประกอบ "เมนู" ลงในหน้าแรกของเว็บไซต์ของคุณ

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

เปิดส่วนแก้ไขหน้าแรกของคุณ ลากองค์ประกอบ เมนู (3) และวางลงบนหน้าเพจของคุณ

คุณสามารถเพิ่มรายการเมนูใหม่และเชื่อมต่อแต่ละรายการเข้ากับหน้าเพจจาก Funnelek ของคุณได้

ในการทำเช่นนี้ ให้กลับไปที่ Funnelek คลิกหน้าที่คุณต้องการเชื่อมต่อกับรายการเมนู และคัดลอก URL ของหน้า (4)

ในตัวอย่างนี้ เราได้สร้างขั้นตอน Funnelek อื่นขึ้นมา (เกี่ยวกับเรา - About us) เพื่อเชื่อมต่อกับรายการเมนู เกี่ยวกับเรา ของเรา

กลับไปที่ตัวแก้ไขหน้าแรก คลิกที่องค์ประกอบ เมนู เพื่อเปิดการตั้งค่า จากนั้นคลิกที่ เพิ่มรายการเมนู (5)

เขียนชื่อรายการเมนู (6) และวาง URL ของหน้าที่คุณคัดลอกมา (7)

ใช้วิธีการเดียวกันนี้เพื่อสร้างรายการเมนูสำหรับหน้าเว็บไซต์ทั้งหมดของคุณ

คุณสามารถลบรายการเมนูได้โดยคลิกที่ไอคอน ถังขยะ (8) และจัดเรียงใหม่ได้โดยคลิกที่ ลูกศร (9)

หากคุณต้องการให้เมนูแสดงในทุกหน้าของเว็บไซต์ คุณสามารถบันทึกเป็น Master block และนำไปแทรกในหน้าเว็บไซต์ที่เหลือได้ (วิธีสร้าง Master block)

คุณยังสามารถใช้ฟีเจอร์เว็บไซต์โดยตรงได้ด้วย หากต้องการเรียนรู้เพิ่มเติมเกี่ยวกับวิธีใช้ฟีเจอร์นี้ โปรดดูบทความช่วยเหลือต่อไปนี้: https://help.systeme.io/article/4526-how-to-create-a-website