การสร้างเว็บไซต์เคยรู้สึกเหมือนเป็นโครงการที่คุณต้องจ้างใครสักคนมาทำ ไม่ใช่อีกต่อไปแล้ว
ฉันได้ใช้งาน Hostinger Website Builder มา และในคู่มือนี้ฉันจะแนะนำคุณตลอดทั้งกระบวนการ ทีละขั้นตอน ตั้งแต่ตอนที่คุณล็อกอินจนกระทั่งเว็บไซต์ของคุณเผยแพร่ออนไลน์
มาเริ่มกันเลย
Hostinger Website Builder คืออะไร?
Hostinger Website Builder คือเครื่องมือสร้างเว็บไซต์แบบลากแล้ววางที่ขับเคลื่อนด้วย AI ซึ่งฝังมาในบัญชี Hostinger ของคุณโดยตรง
คุณไม่ต้องติดตั้งอะไร ไม่จำเป็นต้องรู้จักการเขียนโค้ด และไม่ต้องมีพื้นฐานด้านการออกแบบ เพียงแค่บอก AI ว่าคุณต้องการอะไร AI จะสร้างเว็บไซต์ให้คุณทั้งหมด แล้วคุณก็ปรับแต่งให้เข้ากับแบรนด์ของคุณ
นี่คือหนึ่งในวิธีที่เร็วที่สุดในการเปลี่ยนจากไม่มีอะไรให้กลายเป็นเว็บไซต์มืออาชีพที่พร้อมใช้งานได้ภายในเวลาอันสั้น
ขั้นตอนที่ 1: เข้าสู่ระบบและไปที่ตัวสร้างเว็บไซต์
เมื่อคุณเข้าสู่ระบบบัญชี Hostinger คุณจะเข้าสู่ hPanel นี่คือแดชบอร์ดหลักของ Hostinger ที่คุณจัดการทุกอย่าง รวมถึงเว็บไซต์ โดเมน อีเมล และการเรียกเก็บเงิน
ที่แถบด้านซ้าย คุณจะเห็นรายการตัวเลือกการนำทาง คลิกที่ Websites จะมีเมนูเล็กๆ ปรากฏใต้หัวข้อพร้อมตัวเลือกสองรายการ: Websites list และ Migrations ให้คลิก Websites list.
ตอนนี้คุณอยู่ที่หน้า Websites list ซึ่งแสดงเว็บไซต์ทั้งหมดที่เชื่อมต่อกับบัญชีของคุณ
มุมบนขวาของหน้า คุณจะเห็นปุ่มสีม่วง + Add website ให้คลิก
จะมีเมนูเล็กๆ ปรากฏขึ้นพร้อมตัวเลือกสี่รายการ:
- Hostinger Horizons
- WordPress
- Hostinger Website Builder
- และเว็บไซต์ PHP/HTML แบบกำหนดเอง
คุณต้องคลิก Hostinger Website Builder ซึ่งอธิบายว่าเป็น “ตัวสร้างเว็บไซต์แบบลากแล้ววางที่ขับเคลื่อนด้วย AI”
ขั้นตอนที่ 2: บอก AI ว่าคุณต้องการเว็บไซต์แบบไหน
หลังจากเลือก Hostinger Website Builder คุณจะถูกนำไปยังหน้าการตั้งค่าที่มีหัวข้อ “ให้ AI สร้างสถานะออนไลน์ของคุณ”
นี่คือที่ที่คุณบอก AI ว่าคุณต้องการสร้างเว็บไซต์ประเภทใด
คุณจะเห็นกล่องข้อความขนาดใหญ่ที่มีข้อความตัวอย่าง “Describe your website or business.” นี่คือกล่องสำหรับใส่ prompt ของคุณ และสิ่งที่คุณพิมพ์ในนี้จะกำหนดทุกอย่างที่ AI สร้างให้คุณ ยิ่งให้รายละเอียดมาก ผลลัพธ์ก็จะยิ่งดีขึ้น
ด้านล่างกล่องข้อความ คุณจะเห็นแถวของชิปคำแนะนำเริ่มต้นด่วน ซึ่งประกอบด้วยตัวเลือก เช่น “Create a business website”, “Create an online store”, “Design a portfolio”, “Launch an appointments website”, “Start a blog”, “Launch a restaurant website”, และ “Create a one pager website”
การคลิกที่ตัวเลือกใดๆ จะเติม prompt เริ่มต้นให้คุณ ซึ่งจากนั้นคุณสามารถแก้ไขและขยายได้
ที่ด้านล่างสุดของหน้าจอ คุณจะเห็นลิงก์เพิ่มเติมสองรายการ: Pre-made templates และ Link in bio website.
หากคุณต้องการข้าม AI และเรียกดูดีไซน์ที่มีอยู่ ให้คลิก Pre-made templates.
หากคุณต้องการเว็บไซต์หน้าเดียวที่เรียบง่ายสำหรับโปรไฟล์โซเชียลมีเดียของคุณ ตัวเลือก Link in bio ก็น่าสนใจ
สำหรับคนส่วนใหญ่ที่ต้องการสร้างเว็บไซต์จริงๆ กล่อง AI prompt คือจุดเริ่มต้นที่เหมาะสม
วิธีเขียน AI Prompt ให้ดี
นี่คือส่วนที่สำคัญที่สุดในกระบวนการทั้งหมด คิดว่า AI prompt เหมือนกับบรีฟที่คุณให้กับนักออกแบบ ยิ่งคุณสื่อวิสัยทัศน์ของคุณได้ชัดเจน ผลลัพธ์ก็จะยิ่งใกล้เคียงกับสิ่งที่คุณต้องการจริงๆ
นี่คือ prompt ที่ฉันใช้สำหรับคู่มือนี้ ฉันกำลังสร้างเว็บไซต์สำหรับเอเจนซี่ครีเอทีฟ:
“สร้างเว็บไซต์สมัยใหม่และเป็นมืออาชีพสำหรับเอเจนซี่ครีเอทีฟที่ให้บริการด้านแบรนดิ้ง กราฟิกดีไซน์ เว็บดีไซน์ และการตลาดดิจิทัล เว็บไซต์ควรให้ความรู้สึกสร้างสรรค์ กล้าแสดงออก และน่าเชื่อถือ ในขณะเดียวกันต้องดูสะอาดตาและใช้งานง่าย ใช้เลย์เอาท์สมัยใหม่พร้อมภาพที่โดดเด่น ระยะห่างที่ดี และตัวอักษรที่ทันสมัย รวมหน้าต่างๆ ดังต่อไปนี้: หน้าแรก เกี่ยวกับเรา บริการ ผลงาน บล็อก และติดต่อเรา ในหน้าแรก ให้เพิ่มส่วน hero พร้อมหัวข้อที่ทรงพลัง คำอธิบายสั้นเน้นคุณค่า และปุ่มเรียกร้องให้ดำเนินการที่ชัดเจน เช่น ‘Start Your Project’ หรือ ‘Get a Quote’ เขียนข้อความที่เรียบง่ายและน่าโน้มน้าวอธิบายเกี่ยวกับสิ่งที่เราทำ ผู้ที่เราช่วย และผลลัพธ์ที่เรามอบให้ ทำให้เว็บไซต์รองรับมือถือ โหลดเร็ว และปรับแต่ง SEO ขั้นพื้นฐาน”
สังเกตดูว่ามีความเฉพาะเจาะจงขนาดไหน มันครอบคลุมอุตสาหกรรม โทน เลย์เอาท์ หน้าเว็บที่ต้องการ โครงสร้างหน้าแรก และเป้าหมายเนื้อหา ระดับของรายละเอียดนี้ช่วยให้ AI มีพื้นฐานที่แข็งแกร่งในการสร้างงาน
เมื่อคุณพิมพ์คำอธิบายเสร็จ คุณจะสังเกตเห็นปุ่ม “Improve description” ปรากฏที่มุมบนขวาของกล่องข้อความ
ฉันแนะนำให้คลิกก่อนส่ง ปุ่มนี้จะให้ AI ขยายและปรับปรุง prompt ของคุณ โดยมักจะจับประเด็นที่คุณอาจลืมนึกถึง
เมื่อพร้อมแล้ว ให้คลิกปุ่ม ลูกศรสีม่วง (ไอคอนส่ง) ที่มุมล่างขวาของกล่องข้อความ เพื่อส่ง prompt และเริ่มการสร้าง
ขั้นตอนที่ 3: รอให้ AI สร้างเว็บไซต์ให้คุณ
หลังจากคุณส่ง prompt AI ของ Hostinger จะเริ่มทำงานทันที คุณจะเห็นแอนิเมชันโหลดเต็มหน้าจอบนพื้นหลังสีม่วงเข้ม พร้อมข้อความ “Looking for matching pictures…” และแถบแสดงความคืบหน้าว่าผ่านไปเท่าใด
ขั้นตอนนี้มักใช้เวลาประมาณ 30–60 วินาที ในช่วงเวลานี้ AI จะทำหลายอย่าง: สร้างเลย์เอาท์หน้าเว็บของคุณ เขียนเนื้อหาเว็บไซต์ เลือกรูปที่ตรงกันจากคลังภาพ สร้างเมนูนำทาง และจัดโครงสร้างเว็บไซต์ทั้งหมดตาม prompt ของคุณ
อย่าปิดแท็บในระหว่างที่กำลังโหลด รอให้เสร็จโดยไม่ต้องทำอะไร
ขั้นตอนที่ 4: ตรวจสอบสิ่งที่ AI สร้างขึ้น
เมื่อ AI เสร็จสิ้น คุณจะเห็นตัวอย่างเว็บไซต์ใหม่ของคุณ นี่คือหน้าผลลัพธ์ ซึ่งน่าตื่นเต้นมากที่จะได้เห็นสิ่งที่ถูกสร้างขึ้น
ด้านซ้ายของหน้าจอจะแสดงตัวอย่างสดของเว็บไซต์ที่สร้างขึ้น ด้านขวาจะแสดงแผงที่เรียกว่า “Your idea summary” ซึ่งแสดงสรุป prompt ที่คุณส่งและปุ่ม “Edit idea” หากคุณต้องการย้อนกลับและสร้างใหม่ด้วย prompt ที่แตกต่างหรืออัปเดต
ในกรณีของฉัน AI ตั้งชื่อเว็บไซต์ว่า “BoldCraft Studio” และสร้างหน้าแรกพร้อมพาดหัว “Crafting Bold Brands That Shine” คำอธิบายเสริม และปุ่มเรียกร้องให้ดำเนินการสองปุ่ม: “Start Now” และ “Get Quote”
แถบนำทางรวมทุกหน้าที่ฉันขอไว้ทั้งหกหน้า: Home, About, Services, Portfolio, Blog และ Contact
ที่มุมบนซ้ายของหน้าตัวอย่าง คุณจะเห็นปุ่มสองปุ่ม: Previous versions ซึ่งให้คุณย้อนดูดีไซน์ทางเลือกที่ AI พิจารณา และ Rate site ซึ่งให้คุณให้ข้อเสนอแนะเกี่ยวกับผลลัพธ์
ที่มุมบนขวาของหน้าตัวอย่าง คุณจะเห็นไอคอนสลับระหว่างเดสก์ท็อปและมือถือ ใช้เพื่อตรวจสอบว่าเว็บไซต์ของคุณดูเป็นอย่างไรบนโทรศัพท์ก่อนที่คุณจะดำเนินการต่อ นี่เป็นนิสัยที่ดีที่ควรทำตั้งแต่ต้น
หากคุณพอใจกับทิศทางโดยรวม ให้คลิกปุ่มสีม่วง Continue บนแผงด้านขวา จะนำคุณเข้าสู่โปรแกรมแก้ไขเต็มรูปแบบซึ่งเป็นที่ที่การปรับแต่งจริงๆ เกิดขึ้น
หากคุณไม่พอใจกับผลลัพธ์ ให้คลิก Edit idea แก้ไข prompt ของคุณ แล้วสร้างใหม่ คุณสามารถทำซ้ำได้จนกว่าจะพอใจ
ขั้นตอนที่ 5: ทำความคุ้นเคยกับโปรแกรมแก้ไข
โปรแกรมแก้ไขคือที่ที่คุณจะใช้เวลาส่วนใหญ่ เมื่อคุณเข้ามาครั้งแรก ให้ใช้เวลาสักครู่เพื่อทำความเข้าใจเลย์เอาท์ก่อนเริ่มคลิกต่างๆ
โปรแกรมแก้ไขมีสองพื้นที่หลัก
- พื้นที่กึ่งกลางขนาดใหญ่คือแคนวาสเว็บไซต์ของคุณ ซึ่งคุณสามารถดูและโต้ตอบกับเว็บไซต์ได้แบบเรียลไทม์
- แถบด้านข้างแนวตั้งด้านซ้ายคือแผงควบคุมของคุณ ซึ่งมีทุกอย่างที่คุณต้องการ
นี่คือการทำงานของแต่ละเมนูในแถบด้านข้าง:
- Setup ให้คุณเข้าถึงการตั้งค่าพื้นฐานของเว็บไซต์, โดเมนที่เชื่อมต่อ, และข้อมูลแผนบริการ
- Elements เปิดแผงลากแล้ววางที่คุณสามารถเพิ่มบล็อกเนื้อหาใหม่ในหน้าต่างๆ ได้ ฉันจะอธิบายในรายละเอียดเพิ่มเติมในไม่ช้า
- Pages แสดงหน้าทั้งหมดของคุณในที่เดียว คุณสามารถสลับระหว่างหน้า เพิ่มหน้าใหม่ เปลี่ยนชื่อหน้าที่มีอยู่ เปลี่ยนลำดับ หรือ ลบหน้าที่ไม่ต้องการ
- Styles ควบคุมการออกแบบโดยรวมของเว็บไซต์ คุณสามารถตั้งค่าฟอนต์, พาเล็ตสี, และสไตล์ปุ่ม การเปลี่ยนแปลงใดๆ ที่คุณทำที่นี่จะนำไปใช้ทั่วทั้งเว็บไซต์ จึงควรใช้ที่นี่เพื่อการตัดสินใจออกแบบในภาพรวม แทนการเปลี่ยนทีละส่วน
- AI tools ให้คุณเข้าถึง AI ด้านการเขียนและเนื้อหาของ Hostinger คุณสามารถใช้เพื่อเขียนซ้ำส่วนของข้อความ สร้างข้อความใหม่ และอื่นๆ
- Blog คือที่ที่คุณสร้างและจัดการโพสต์บล็อกหากเว็บไซต์ของคุณมีบล็อก
- Store คือที่ที่คุณตั้งค่าร้านค้าออนไลน์หากต้องการขายสินค้า โปรดทราบว่าฟีเจอร์อีคอมเมิร์ซต้องใช้แผนบริการระดับสูงกว่า
- SEO เปิดตัวจัดการ SEO ในตัวที่คุณสามารถตั้งชื่อเมต้า คำอธิบาย และรายละเอียดการปรับแต่งค้นหาอื่นๆ สำหรับแต่ละหน้า
- More ขยายเป็นเมนูที่สองพร้อมเครื่องมือเพิ่มเติม เช่น Appointments, General settings, Integrations, Form submissions, Analytics, Media library, Multi-language support, Manage backups, Export content to WordPress, และ Help and Resources
ที่ด้านบนของโปรแกรมแก้ไข คุณจะพบแถบเครื่องมือหลัก จากซ้ายไปขวาจะประกอบด้วย: ปุ่มสลับดูตัวอย่างเดสก์ท็อปและมือถือ, ปุ่มเลิกทำและทำซ้ำ, ปุ่ม Connect domain, ปุ่ม Preview และปุ่มสีเขียว Go live
ขั้นตอนที่ 6: แก้ไขเนื้อหาของคุณ
ถึงส่วนที่คุณทำให้เว็บไซต์เป็นของคุณเองแล้ว คลิกที่ใดก็ได้บนแคนวาสเว็บไซต์เพื่อเริ่มแก้ไข
เมื่อคุณวางเมาส์เหนือส่วนใดของหน้า จะมีป้ายสีน้ำเงินแสดงที่มุมบนซ้ายของส่วนนั้นบอกประเภทขององค์ประกอบ เช่น “Section” หรือ “Header” พร้อมกันนั้น แถบเครื่องมือแบบลอยขนาดเล็กจะแสดงเหนือส่วนพร้อมตัวเลือกการแก้ไข
แถบเครื่องมือของส่วนนี้มีตัวควบคุมดังต่อไปนี้จากซ้ายไปขวา: Edit section เปิดแผงการตั้งค่าส่วน ที่คุณสามารถเปลี่ยนภาพพื้นหลังหรือสี ปรับการเว้นขอบ และแก้ไขตัวเลือกเลย์เอาท์
ถัดมาเป็น Generate image ซึ่งเปิดตัวสร้างภาพด้วย AI
จากนั้นคุณจะเห็นไอคอน Duplicate ปุ่มสลับ Hide/Show ไอคอน Delete ลูกศร Move up และ Move down เพื่อจัดลำดับส่วนใหม่ และเมนู More options แบบสามจุด
ในการแก้ไขข้อความใดๆ บนหน้า ให้คลิกตรงข้อความนั้นแล้วเริ่มพิมพ์ องค์ประกอบข้อความจะสามารถแก้ไขได้ และคุณจะเห็นตัวควบคุมการจัดรูปแบบปรากฏขึ้น คุณสามารถปรับขนาดฟอนต์ น้ำหนักตัวอักษร การจัดแนว และสี ได้จากตัวควบคุมเหล่านี้
ในการเปลี่ยนรูป ให้คลิกที่รูปนั้น คุณจะเห็นตัวเลือกเพื่อแทนที่ด้วยรูปจากไฟล์ของคุณ เรียกดูคลังรูปสต็อกของ Hostinger หรือสร้างใหม่ด้วย AI
เริ่มจากหน้าแรกก่อน จากนั้นใช้แผง Pages เพื่อสลับไปยังหน้าอื่นๆ และแก้ไขแต่ละหน้า
ขั้นตอนที่ 7: ใช้งานตัวสร้างภาพด้วย AI
หนึ่งในฟีเจอร์ที่ควรให้ความสนใจคือ AI image generator ซึ่งเป็นประโยชน์จริงๆ หากคุณไม่มีรูปถ่ายมืออาชีพของตัวเอง
ในการเข้าถึง ให้วางเมาส์เหนือส่วนใดๆ บนหน้า แล้วคลิก Generate image ในแถบเครื่องมือแบบลอย จะแผงสไลด์เข้ามาจากด้านขวาของหน้าจอ
ภายในแผง คุณจะเห็นกล่องข้อความ “Image description” ให้พิมพ์คำอธิบายของภาพที่คุณต้องการสร้าง
ยิ่งคำอธิบายของคุณเฉพาะเจาะจงและมีภาพในใจมากเท่าไร ผลลัพธ์ก็จะยิ่งดีขึ้น แผงจะแสดงจำนวนอักขระสูงสุด 3,000 ตัวและตัวชี้วัดคุณภาพแบบเรียลไทม์ที่บอกว่าคำอธิบายของคุณพอเพียงหรือไม่
ตัวอย่างเช่น เมื่อฉันพิมพ์ “A modern creative agency workspace with designers collaborating around laptops and large screens, displaying branding designs, website mockups, and digital artwork. Bright, clean, and stylish office” แผงจะแสดง “Great description!” พร้อมแถบคุณภาพที่เต็ม
เมื่อคุณพอใจกับคำอธิบาย ให้คลิกปุ่ม Create images AI จะสร้างชุดภาพให้คุณเลือก
สิ่งที่ควรทราบ: ตัวสร้างภาพด้วย AI ต้องใช้แผนบริการ Business หรือสูงกว่า หากคุณใช้แผน Premium คุณจะเห็นข้อความให้อัปเกรดที่ด้านล่างของแผง
ขั้นตอนที่ 8: เพิ่มองค์ประกอบใหม่ในแต่ละหน้า
หากคุณต้องการเพิ่มบล็อกเนื้อหาที่ยังไม่มีบนหน้า ให้คลิก Elements ที่แถบด้านซ้าย จะเปิดแผง “Add elements”
คุณจะเห็นตารางองค์ประกอบทั้งหมดที่มี เช่น Text, Button, Affiliate link, Add to bag, Image, Gallery, Video, Shape, Card, Map, Instagram feed, และ Contact form ในการเพิ่มองค์ประกอบใดๆ เหล่านี้ลงในหน้า ให้ลากจากแผงแล้ววางลงบนแคนวาสในตำแหน่งที่คุณต้องการ
เมื่อวางแล้ว ให้คลิกที่องค์ประกอบเพื่อเข้าถึงการตั้งค่าและตัวเลือกสไตล์เฉพาะของมัน
แนวทางลากแล้ววางนี้หมายความว่าคุณจะไม่ถูกล็อกในเลย์เอาท์ที่ AI สร้าง คุณสามารถเพิ่ม ลบ และจัดลำดับองค์ประกอบใหม่ได้อย่างอิสระ
ขั้นตอนที่ 9: จัดการหน้าของคุณ
คลิก Pages ที่แถบด้านซ้ายเพื่อดูรายการหน้าทั้งหมดในที่เดียว คุณสามารถคลิกชื่อหน้าใดก็ได้เพื่อข้ามไปยังการแก้ไขหน้านั้น
ในการเพิ่มหน้าจใหม่ ให้ใช้ปุ่มบวก ในการจัดลำดับหน้าที่ปรากฏในเมนู นำทาง ให้ลากขึ้นหรือลงในรายการ
หากมีหน้าที่ AI สร้างขึ้นแต่คุณไม่ต้องการ คุณสามารถลบที่นี่ได้ เช่นเดียวกัน หากคุณต้องการหน้าที่ AI ไม่รวม เช่น หน้า Testimonials หรือ Pricing คุณสามารถเพิ่มที่นี่แล้วสร้างโดยใช้แผง Elements
ขั้นตอนที่ 10: ตั้งค่า SEO ของคุณ
ก่อนที่คุณจะเผยแพร่ คุณต้องตั้งค่า SEO นี่คือขั้นตอนที่หลายคนมองข้าม และเป็นความผิดพลาด
การใช้เวลา 15 นาทีเพื่อกรอกการตั้งค่า SEO อย่างถูกต้องสามารถสร้างความแตกต่างให้คนค้นหาเว็บไซต์ของคุณผ่าน Google ได้จริง
คลิก SEO ที่แถบด้านซ้ายเพื่อเปิดแผง SEO ซึ่งมีชื่อว่า “Let’s be found on Google (SEO)”
แผงนี้แบ่งเป็นสองส่วน ด้านซ้ายคุณจะเห็นรายการหน้าทั้งหมด ด้านขวาคุณจะเห็น Website overview ซึ่งแสดงชื่อธุรกิจและภาษาของเว็บไซต์ คลิก Edit เพื่ออัปเดตหากไม่ถูกต้อง
ด้านล่างข้อมูลเว็บไซต์ คุณจะเห็นส่วนที่เรียกว่า “Some pages require your attention.”
แต่ละหน้าที่ต้องการการปรับปรุงจะมีไอคอนเตือนสีส้ม ทำเครื่องหมายไว้ คลิกที่หน้าต่างๆ ในแผงด้านซ้ายเพื่อเปิดการตั้งค่า SEO เฉพาะของหน้านั้น ซึ่งคุณสามารถเขียน meta title และ meta description สำหรับหน้านั้นได้
ทำงานผ่านทุกหน้าบนรายการ ชื่อเมตาที่ดีควรชัดเจน มีคีย์เวิร์ดหลัก และไม่เกิน 60 ตัวอักษร คำอธิบายเมตาที่ดีควรสรุปว่าสาระของหน้านั้นเป็นอย่างไร และไม่เกิน 160 ตัวอักษร นี่คือสเนิปเพ็ตที่ปรากฏในผลการค้นหาของ Google จึงควรใช้เวลาไม่กี่นาทีในแต่ละหน้า
ขั้นตอนที่ 11: เชื่อมต่อโดเมนของคุณ
หากคุณยังไม่ได้เชื่อมต่อโดเมนที่กำหนดเองกับเว็บไซต์ นี่คือเวลาที่ควรทำ คลิกปุ่ม Connect domain ในแถบเครื่องมือด้านบนของโปรแกรมแก้ไข
คุณมีสองตัวเลือก หากคุณมีโดเมนแล้ว คุณสามารถเชื่อมต่อโดยอัปเดตการตั้งค่า DNS ให้ชี้ไปยังเซิร์ฟเวอร์ของ Hostinger หากคุณยังไม่มีโดเมน คุณสามารถซื้อโดยตรงจาก Hostinger ในหน้าจอนี้ได้เลย
จนกว่าคุณจะเชื่อมต่อโดเมน เว็บไซต์ของคุณจะเข้าถึงได้ผ่าน subdomain ชั่วคราวของ Hostinger เช่น yoursite.builder-preview.com ซึ่งใช้ทดสอบได้ แต่คุณควรมีโดเมนจริงก่อนเริ่มแชร์เว็บไซต์ต่อสาธารณะ
ขั้นตอนที่ 12: ดูตัวอย่างเว็บไซต์และเผยแพร่
คุณใกล้ถึงเส้นชัยแล้ว ก่อนกดเผยแพร่ คลิกปุ่ม Preview ในแถบเครื่องมือมุมบนขวา
จะเปิดตัวอย่างแบบเต็มหน้าจอว่าเว็บไซต์ของคุณจะปรากฏแก่ผู้เข้าชมอย่างไร ใช้ไอคอนที่ด้านบนของหน้าตัวอย่างเพื่อสลับระหว่างการดูเดสก์ท็อปและมือถือ และตรวจสอบว่าในแต่ละแบบทุกอย่างดูถูกต้อง
ให้ความสนใจกับวิธีที่ส่วน hero ของหน้าแรกปรากฏบนมือถือ การยุบเมนูนำทาง และว่ามีรูปใดถูกตัดทอนในแบบที่คุณไม่ต้องการหรือไม่
เมื่อคุณพอใจกับทุกอย่าง ให้กลับไปที่โปรแกรมแก้ไขแล้วคลิกปุ่มสีเขียว Go live ที่มุมบนขวา เว็บไซต์ของคุณจะถูกเผยแพร่และออนไลน์แล้ว
ขั้นตอนที่ 13: สำรวจการผสานรวม
เมื่อเว็บไซต์ของคุณออนไลน์แล้ว ควรสำรวจการผสานรวมที่คุณใช้งานได้ ไปที่ More > Integrations ที่แถบด้านซ้าย
แผง Integrations ให้คุณเชื่อมต่อเว็บไซต์กับเครื่องมือและบริการภายนอก ปัจจุบันตัวเลือกมี Shippo สำหรับสร้างฉลากจัดส่งและจัดการการจัดส่งสินค้า, Printful สำหรับสร้างและขายสินค้าปริ๊นท์ออนดีมานด์, Hostinger Reach สำหรับการตลาดทางอีเมลและส่งจดหมายข่าวถึงผู้ติดตามของคุณ, Google Ads สำหรับรันโฆษณาแบบชำระเงิน และ Custom code หากคุณต้องการเพิ่ม HTML, CSS หรือ JavaScript ของคุณเองเพื่อขยายฟังก์ชันเว็บไซต์
ในการเปิดใช้งานการผสานรวมใดๆ ให้คลิก Get started ถัดจากนั้น ทำตามขั้นตอนการเชื่อมต่อ แล้วอัปเดตเว็บไซต์ของคุณโดยการเผยแพร่อีกครั้ง
เคล็ดลับเพื่อใช้ Hostinger Website Builder ให้คุ้มค่าที่สุด
ใส่รายละเอียดให้ AI prompt อย่างเต็มที่. การใส่ prompt สั้นสองประโยคจะให้ผลลัพธ์ที่ทั่วไปเกินไป Prompt ที่ละเอียดเจาะจง ครอบคลุมอุตสาหกรรม ผู้ชม ความชอบด้านการออกแบบ โครงสร้างหน้า และโทนเสียง จะให้ผลลัพธ์ที่ใกล้เคียงกับสิ่งที่คุณต้องการจริงๆ ใช้เวลา 5 นาทีเขียนบรีฟให้ครบถ้วนแล้วจะช่วยประหยัดเวลาแก้ไขภายหลังได้หลายชั่วโมง
ใช้ปุ่ม Improve description ทุกครั้ง. ปุ่มนี้อาจมองข้ามง่าย แต่ช่วยได้จริง AI มักจะจับประเด็นที่คุณเขียนคลุมเครือและแปลงเป็นคำสั่งด้านการออกแบบและเนื้อหาอย่างชัดเจน
แก้ไขข้อความของคุณอย่างรอบคอบ. AI จะเขียนข้อความตัวอย่างได้ดี แต่ไม่เข้าใจธุรกิจของคุณเหมือนที่คุณเข้าใจเอง ควรไล่ดูทุกหน้าและเขียนข้อความใหม่ให้สอดคล้องกับบริการจริง คุณค่า และเสียงของคุณเอง
ตรวจสอบการดูบนมือถือก่อนเผยแพร่. Hostinger ทำให้เว็บไซต์ตอบสนองอัตโนมัติ แต่บางครั้งรูปและการเว้นวรรคอาจต้องปรับเล็กน้อยบนหน้าจอเล็ก ควรดูตัวอย่างบนมือถือทุกครั้งก่อนออนไลน์
กรอกข้อมูล SEO ให้ครบทุกหน้า. ไม่ใช่แค่หน้าแรก ทุกหน้าของเว็บไซต์ควรมี meta title และ meta description อย่างเหมาะสม ใช้เวลาไม่กี่นาทีต่อหน้า และเป็นหนึ่งในวิธีที่ตรงไปตรงมาที่สุดในการเพิ่มการมองเห็นในผลการค้นหา
ใช้ Media library เพื่อจัดระเบียบ. ใน More > Media library คุณสามารถอัปโหลดและจัดการรูปภาพทั้งหมดในที่เดียว ช่วยให้การนำรูปมาใช้ซ้ำในหลายหน้าทำได้ง่ายและรักษาความสม่ำเสมอของเว็บไซต์
กลับมาพัฒนาเว็บไซต์อย่างต่อเนื่อง. การเผยแพร่เว็บไซต์ไม่ใช่จุดสิ้นสุด แต่เป็นจุดเริ่มต้น ควรกลับมาปรับปรุงเนื้อหา เพิ่มบล็อกโพสต์ใหม่ และปรับแต่งหน้าตามการเติบโตของธุรกิจคุณ
Hostinger Website Builder ช่วยลบข้อจำกัดเกือบทุกอย่างที่เคยขวางกั้นคุณกับเว็บไซต์ระดับมืออาชีพ AI ช่วยงานหนักด้านการออกแบบและเนื้อหา โปรแกรมแก้ไขช่วยให้การปรับแต่งทำได้ง่าย และเครื่องมือ SEO และการผสานรวมในตัวทำให้คุณมีทุกอย่างที่ต้องการในที่เดียว
ทำตามขั้นตอนในคู่มือนี้และคุณสามารถมีเว็บไซต์ที่พร้อมใช้งานและดูมืออาชีพในเวลาน้อยกว่า 1 ชั่วโมงได้จริง
