วิธีสร้างเว็บไซต์

ในบทความนี้ คุณจะได้เรียนรู้วิธีสร้างเว็บไซต์โดยใช้เครื่องมือสร้างเว็บไซต์

สารบัญ:

ฟีเจอร์ Websites ใน systeme.io ช่วยให้คุณสร้างและจัดการเว็บไซต์ที่มีหลายหน้าได้จากอินเทอร์เฟซเดียว

การสร้างเว็บไซต์ใหม่

ในการเริ่มต้น ให้ไปที่แท็บ Sites (1) ในเมนูหลักของคุณ แล้วคลิก Websites (2)

ในหน้าแสดงรายการเว็บไซต์ ให้คลิก Create (สร้าง) (3)

ในป็อปอัปที่ปรากฏขึ้น ให้ระบุรายละเอียดต่อไปนี้เกี่ยวกับเว็บไซต์ของคุณ:

  • Name (ชื่อ): ป้อนชื่อเว็บไซต์ของคุณ (4)
  • Domain name (ชื่อโดเมน): เลือกโดเมนที่คุณต้องการใช้ (5)
  • Home page URL path (เส้นทาง URL ของหน้าแรก): เมื่อคุณเลือกโดเมนแล้ว ช่องนี้จะปรากฏขึ้นโดยอัตโนมัติ ใช้สำหรับกำหนดเส้นทาง URL สำหรับหน้าแรกของคุณ (6)
  • Language (ภาษา): เลือกภาษาหลักสำหรับเว็บไซต์ของคุณ (7)

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

ข้อสำคัญ:

โดเมนหนึ่งสามารถกำหนดให้กับเว็บไซต์ได้เพียงหนึ่งเว็บไซต์ในแต่ละครั้งเท่านั้น

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

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

คุณสามารถเลือกหนึ่งในตัวเลือกต่อไปนี้:

  • Choose a template (เลือกเทมเพลต): เลือกหนึ่งในดีไซน์ที่ทำสำเร็จไว้แล้วและนำมาปรับแต่งตามต้องการ
  • Build from scratch (สร้างใหม่ทั้งหมด): เริ่มต้นด้วยหน้าว่างและออกแบบทุกอย่างด้วยตนเอง

เมื่อคุณเลือกตัวเลือกใดตัวเลือกหนึ่งแล้ว ให้คลิก Save (บันทึก) (9) เพื่อดำเนินการต่อ

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

ภาพรวมของตัวแก้ไข

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

  • Pages (หน้า) – จัดการโครงสร้างของเว็บไซต์ สลับระหว่างหน้าต่างๆ สร้างหน้าใหม่ และเข้าถึงการตั้งค่าหน้า
  • Popups (ป็อปอัป) – สร้างและจัดการป็อปอัปสำหรับเว็บไซต์ของคุณ
  • Style (สไตล์) – กำหนดการตั้งค่าการออกแบบโดยรวม เช่น แบบอักษร สี และปุ่ม
  • Settings (การตั้งค่า) – กำหนดค่าตัวเลือกในระดับเว็บไซต์ เช่น ภาษาและการตั้งค่าทั่วไป

การจัดการหน้าเว็บ

แท็บ Pages (หน้า) คือที่ที่คุณใช้จัดการโครงสร้างเว็บไซต์ของคุณ

จากที่นี่ คุณสามารถดูหน้าทั้งหมด (1) สลับไปมา และสร้างหน้าใหม่โดยคลิก (+) Create (สร้าง) (2)

คลิกหน้าใดก็ได้ในรายการเพื่อแสดงในส่วนตัวแก้ไขทางด้านขวา หากต้องการเริ่มแก้ไขหน้านั้น ให้คลิกโดยตรงภายในส่วนพื้นที่ตัวแก้ไข

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

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

หากคุณพยายามสลับหน้าหรือออกจากตัวแก้ไขโดยที่ยังไม่ได้บันทึกการเปลี่ยนแปลง ป็อปอัปยืนยันจะปรากฏขึ้น:

หมายเหตุ: ตัวแก้ไขเว็บไซต์ใช้เครื่องมือสร้างหน้าแบบเดียวกับที่มีอยู่ในฟีเจอร์ Funnelek ดังนั้นเครื่องมือแก้ไขทั้งหมดจึงทำงานในลักษณะเดียวกัน

การตั้งค่าหน้า

หากต้องการเข้าถึงการตั้งค่าของหน้าใดหน้าหนึ่ง ให้คลิก เมนูสามจุด ข้างชื่อหน้า

เมนูนี้จะแสดงตัวเลือกต่อไปนี้:

  • Settings (การตั้งค่า)
  • Unpublish (ยกเลิกการเผยแพร่)
  • Remove (นำออก)

หมายเหตุ: หน้าแรกไม่สามารถลบได้ เฉพาะหน้ารองเท่านั้นที่จะมีตัวเลือกให้นำออก

เมื่อคุณคลิก Settings (การตั้งค่า) ป็อปอัป Page settings (การตั้งค่าหน้า) จะเปิดขึ้นพร้อมส่วนต่างๆ ดังนี้:

General settings (การตั้งค่าทั่วไป)

ที่นี่คุณสามารถแก้ไข:

  • Page name (ชื่อหน้า)
  • URL path (เส้นทาง URL)

SEO

ใช้ส่วนนี้เพื่อกำหนดวิธีที่หน้าของคุณจะปรากฏในเครื่องมือค้นหา

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

นอกจากนี้ยังสามารถ ซ่อนหน้านี้จากเครื่องมือค้นหา เพื่อป้องกันไม่ให้ปรากฏในผลการค้นหาได้อีกด้วย

Languages (ภาษา)

แท็บนี้ใช้เพื่อสร้าง เวอร์ชันของหน้าเฉพาะภาษา

การคลิก Duplicate language-specific versions of this page (ทำซ้ำเวอร์ชันเฉพาะภาษาของหน้านี้) จะเป็นการสร้างสำเนาของหน้าตามภาษาที่เลือก ช่วยให้คุณแปลเนื้อหาได้ด้วยตนเอง

ข้อสำคัญ: คุณต้องเพิ่มภาษาที่ต้องการรองรับใน Settings (การตั้งค่า) → Languages (ภาษา) ก่อน ภาษาเหล่านั้นจึงจะปรากฏที่นี่

Advanced (ขั้นสูง)

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

โปรดใช้เฉพาะสคริปต์ที่ผ่านการตรวจสอบแล้วเท่านั้น เนื่องจากรหัสที่ไม่รองรับอาจส่งผลต่อประสิทธิภาพหรือพฤติกรรมของหน้าได้

การเผยแพร่หน้าเว็บ

หน้าที่สร้างขึ้นใหม่จะถูกเพิ่มในโหมด Draft (แบบร่าง) โดยค่าเริ่มต้น

ในการเผยแพร่หน้าเว็บ ให้คลิกที่ เมนูสามจุด แล้วเลือก Publish (เผยแพร่)

หมายเหตุ: คุณสามารถยกเลิกการเผยแพร่หน้าเว็บได้โดยใช้วิธีเดียวกัน

การใช้งานป็อปอัป

คลิกปุ่ม + Create (สร้าง) ในแท็บ Popups (ป็อปอัป) เพื่อสร้างป็อปอัปใหม่

เมื่อป็อปอัปปรากฏในส่วน ตัวแก้ไข ให้คลิกที่ตัวป็อปอัปเพื่อเริ่มปรับแต่งตามต้องการ

แผงแก้ไขจะเปิดขึ้นทางด้านซ้ายของหน้าจอ เพื่อแสดงการตั้งค่าทั้งหมดที่สามารถใช้งานได้

Page popups (ป็อปอัปหน้าเดียว) vs. Website popups (ป็อปอัปทั้งเว็บไซต์)

ป็อปอัปแต่ละรายการสามารถเป็นได้ดังนี้:

  • Page popup (ป็อปอัปหน้าเดียว): มองเห็นได้เฉพาะในหน้าเว็บที่คุณกำลังแก้ไขอยู่เท่านั้น
  • Website popup (ป็อปอัปทั้งเว็บไซต์): มองเห็นได้ในทุกหน้าของเว็บไซต์

หากต้องการสลับระหว่างโหมดเหล่านี้ ให้คลิกที่ ไอคอนรูปโลก

  • เมื่อไอคอนรูปโลกเป็น สีฟ้า ป็อปอัปนั้นจะเป็น Website popup (ป็อปอัปทั้งเว็บไซต์)
  • เมื่อไอคอนรูปโลกเป็น สีเทา ป็อปอัปนั้นจะเป็น Page popup (ป็อปอัปหน้าเดียว)

ป้ายกำกับสถานะเหนือรายการป็อปอัปจะอัปเดตโดยอัตโนมัติเพื่อแสดงตัวเลือกของคุณ:

  • Page popups (ป็อปอัปหน้าเดียว)
  • Website popups (ป็อปอัปทั้งเว็บไซต์)

การตั้งค่าสไตล์สากล

แท็บ Style (สไตล์) ใช้ควบคุมการตั้งค่ารูปลักษณ์ภายนอกแบบสากล ซึ่งจะมีผลกับทุกหน้าของเว็บไซต์

คุณสามารถกำหนดค่า:

  • Typography (การจัดรูปแบบอักษร - หัวข้อและย่อหน้า)
  • Colors (สี - พื้นหลัง, ปุ่ม, ลิงก์)
  • Buttons (ปุ่ม)
  • Form fields (ช่องกรอกข้อมูล - ระยะห่าง, รัศมีความโค้ง, ขอบ, สี)

การเปลี่ยนแปลงที่ทำที่นี่จะมีผลกับเว็บไซต์ทั้งหมดโดยรวม

การตั้งค่า

แท็บ Settings (การตั้งค่า) ใช้ควบคุมตัวเลือกทั่วไปของเว็บไซต์ ได้แก่:

  • Website name (ชื่อเว็บไซต์)
  • Domain (โดเมน)
  • Homepage (หน้าแรก)
  • Language (ภาษา)
  • Logo (โลโก้)

การสลับภาษาของเว็บไซต์

ที่ด้านบนของแท็บ Pages (หน้า) คุณสามารถสลับภาษาของเว็บไซต์ได้โดยใช้เมนูเลือกภาษา

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

ข้อสำคัญ:

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

การสร้างเว็บไซต์หลายภาษา

ฟีเจอร์ Websites รองรับโครงสร้างเว็บไซต์แบบหลายภาษา

ในการสร้างเว็บไซต์หลายภาษา:

  1. สร้างเว็บไซต์หลักของคุณในภาษาหนึ่ง
  2. สำหรับแต่ละหน้า ให้เปิดเมนูสามจุดแล้วไปที่ Languages (ภาษา)
  3. ทำซ้ำหน้านั้นสำหรับภาษาที่คุณต้องการเพิ่ม
  4. สลับภาษาของเว็บไซต์ที่เมนูเลือกภาษาในส่วน Pages (หน้า)
  5. แก้ไขเวอร์ชันที่แปลแล้วของแต่ละหน้าด้วยตนเอง

สิ่งนี้ช่วยให้คุณสามารถควบคุมเนื้อหาที่แสดงในทุกๆ ภาษาได้อย่างสมบูรณ์

การดูตัวอย่างตามอุปกรณ์

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

ใช้แถบเครื่องมือดูตัวอย่างที่ด้านบนขวาเพื่อสลับระหว่าง:

  • Desktop view (มุมมองเดสก์ท็อป)
  • Mobile portrait view (มุมมองมือถือแนวตั้ง)
  • Mobile landscape view (มุมมองมือถือแนวนอน)

วิธีนี้จะช่วยให้คุณตรวจสอบได้ว่าเลย์เอาต์ของคุณทำงานได้ดีในทุกขนาดหน้าจอหรือไม่

กฎการใช้งานโดเมน

หากคุณต้องการเปลี่ยนโดเมนเว็บไซต์หลังจากที่สร้างหรือเผยแพร่เว็บไซต์ไปแล้ว คุณสามารถอัปเดตรายละเอียดเหล่านี้ได้จากรายการ Websites

วิธีการเข้าถึงการตั้งค่าเว็บไซต์ของคุณ:

  1. ออกจากตัวแก้ไขเว็บไซต์
  2. ไปที่ Sites (ไซต์) > Websites (เว็บไซต์)
  3. ค้นหาเว็บไซต์ของคุณในรายการ
  4. คลิก ปุ่มเมนูสามจุด ที่อยู่ข้างเว็บไซต์
  5. เลือก Settings (การตั้งค่า)

การดำเนินการนี้จะเปิดป็อปอัป Edit website (แก้ไขเว็บไซต์) ซึ่งคุณสามารถแก้ไข:

  • Website name (ชื่อเว็บไซต์)
  • Domain name (ชื่อโดเมน)
  • Homepage URL path (เส้นทาง URL ของหน้าแรก)

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

ข้อสำคัญ:

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

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