คุณเคยได้ยินเกี่ยวกับ Wix Studio มาก่อน คุณน่าจะรู้จัก Wix แบบปกติอยู่แล้ว และคุณอาจกำลังสงสัยอยู่กับหนึ่งในคำถามเหล่านี้: Wix Studio Wix Studio เป็นแค่ Wix Wix เวอร์ชันที่ดูสวยหรูกว่าเท่านั้น หรือมันแตกต่างกันจริงๆ? มันคุ้มค่าที่จะเรียนรู้ไหมถ้าคุณใช้งาน Webflow หรือ WordPress อยู่แล้ว? คนที่มีระดับทักษะของคุณสามารถสร้างอะไรที่ดูเป็นมืออาชีพด้วยมันได้จริง หรือมันจะกินเวลาช่วงบ่ายของคุณไปหมดแล้วทิ้งอะไรให้คุณโชว์ไม่ได้เลย?
ผมมีทั้งสามคำถามนี้อยู่ก่อนแล้ว ผมจะตอบตามลำดับที่ผมเจอจริงๆ โดยพาคุณไปตั้งแต่วินาทีแรกที่ล็อกอินจนถึงการเผยแพร่เว็บไซต์ที่มีแอนิเมชันและเลย์เอาต์ที่ตอบสนองได้ทั้งบนเดสก์ท็อป แท็บเล็ต และมือถือ
เมื่ออ่าน Wix Studio Review นี้จบ คุณจะรู้ได้อย่างชัดเจนว่า Wix Studio เป็นเครื่องมือที่เหมาะกับคุณหรือไม่ ไม่ใช่ในแบบคลุมเครือว่า “มันขึ้นอยู่กับความต้องการของคุณ” แต่เป็นแบบเจาะจง ตรงไปตรงมา และนี่คือสิ่งที่ผมพบจริงๆ
Wix Studio เหมาะที่สุดสำหรับฟรีแลนซ์และเอเจนซีที่ต้องการความแม่นยำในการออกแบบและการจัดการลูกค้าในแพลตฟอร์มเดียว
เพื่อให้การรีวิวแพลตฟอร์มสร้างเว็บไซต์ของเรามีความสม่ำเสมอและยุติธรรม เราได้พัฒนา วิธีการให้คะแนน ที่ใช้กำกับกระบวนการประเมินของเรา
กรอบการทำงานนี้พิจารณาประเด็นสำคัญของแพลตฟอร์มสร้างเว็บไซต์ ได้แก่ ความง่ายในการใช้งาน ความสามารถของเอดิเตอร์และ AI อีคอมเมิร์ซ ความยืดหยุ่นด้านการออกแบบ SEO และประสิทธิภาพ ราคา และการสนับสนุนลูกค้า
| หมวดหมู่ | คะแนน | เหตุผลที่เราให้คะแนนนี้ |
|---|---|---|
| ความง่ายในการใช้งาน | 7.5 | ไม่มีการแนะนำแบบเป็นขั้นตอน เอดิเตอร์สี่พาเนลไม่มีทูลทิปหรือคำแนะนำในบริบทการใช้งาน |
| เอดิเตอร์และเครื่องมือ AI | 8.7 | การสร้างข้อความด้วย AI การปรับเลย์เอาต์แบบ responsive ของ AI และการควบคุมอย่างละเอียดในแผง inspector |
| อีคอมเมิร์ซ | 8.5 | มีร้านค้าแบบเนทีฟ แต่ค่าธรรมเนียมการทำธุรกรรมสูงถึง 4% ในแพ็กเกจระดับล่าง |
| การออกแบบและเทมเพลต | 9.1 | เทมเพลตที่แข็งแรงด้านตัวอักษร พร้อมระบบ responsive แบบยืดหยุ่นและแอนิเมชันคุณภาพระดับโปรดักชัน |
| SEO และประสิทธิภาพ | 8.3 | มีตัวแก้ไขเมตาในตัว พร้อมพรีวิวการค้นหาแบบสด รายการตรวจ SEO และการเชื่อมต่อ Google Search Console |
| ราคา | 7.9 | CMS ที่รวมอยู่ในทุกแพ็กเกจเป็นเรื่องที่ไม่ธรรมดา แต่ Basic ที่ $12/month ยังจำกัดเกินไปสำหรับการใช้งานจริง |
| ความช่วยเหลือและการสนับสนุน | 9.2 | AI search ตอบคำถามทางเทคนิคได้ในไม่กี่วินาที ไลฟ์แชตเชื่อมต่อภายในไม่ถึงหนึ่งนาที แต่แชตบอต Helpmate ทำให้การติดต่อคนจริงยากกว่าที่ควรจะเป็น |
| คะแนนรวม | 8.7/10 | เครื่องมือออกแบบและ CMS ที่แข็งแกร่งถูกถ่วงด้วยเส้นทางการเรียนรู้ที่ชันและการแนะนำเริ่มต้นที่จำกัด |
| แพ็กเกจ | ราคา/เดือน (รายปี) | พื้นที่เก็บข้อมูล | จำนวนรายการ CMS | ผู้ร่วมงาน | ค่าธรรมเนียมการทำธุรกรรมอีคอมเมิร์ซ |
|---|---|---|---|---|---|
| Basic | $12 | 10 GB | 1,500 | 3 | 4% |
| Standard | $20 | 50 GB | 4,000 | 5 | 4% |
| Plus | $32 | 120 GB | 20,000 | 10 | 2% |
| Elite | $149 | Unlimited | 10,000,000 | 100 | 0% |
ระวังค่าใช้จ่ายแอบแฝง ค่าธรรมเนียมการทำธุรกรรม 4% บนแพ็กเกจ Basic และ Standard เพิ่มขึ้นอย่างรวดเร็วสำหรับลูกค้าทุกรายที่รับชำระเงิน
การขายตั๋วอีเวนต์มีค่าธรรมเนียมบริการแยกต่างหาก 2.5% ใน Standard และ Plus ถ้าลูกค้าของคุณมีร้านค้า หรือจัดอีเวนต์ที่มีการจำหน่ายตั๋ว แพ็กเกจ Plus ที่ $32/month พร้อมค่าธรรมเนียมการทำธุรกรรม 2% จึงเป็นจุดเริ่มต้นที่สมเหตุสมผลกว่า สำหรับงานลูกค้า การลบแบดจ์ “Created with Wix Studio” ต้องใช้แพ็กเกจ Basic แบบเสียเงินเป็นอย่างน้อย ดังนั้นควรคิดรวมค่าแพ็กเกจนี้ไว้ในราคางานของคุณตั้งแต่แรก
เมื่อคุณใช้ Wix editor แบบมาตรฐาน Wix จะเป็นฝ่ายตัดสินใจหลายอย่างให้คุณ คุณเลือกเทมเพลต ลากและวางคอนเทนต์ของคุณ แล้ว Wix จัดการเลย์เอาต์ responsive ให้อัตโนมัติ
เมื่อคุณสลับไปมุมมองมือถือ ส่วนต่างๆ ของคุณจะเรียงซ้อนอย่างเรียบร้อย ตอนคุณเผยแพร่ มันจะดูดีบนหน้าจอส่วนใหญ่ คุณยอมเสียการควบคุมบางอย่างเพื่อแลกกับความสะดวก และสำหรับเว็บไซต์ส่วนตัวและเว็บไซต์ธุรกิจขนาดเล็กส่วนใหญ่ นั่นก็เป็นการแลกเปลี่ยนที่สมเหตุสมผล
Wix Studio ไม่ได้ตัดสินใจเหล่านั้นให้คุณ
ตอนที่ผมเปิดเอดิเตอร์ครั้งแรกหลังจากเลือกเทมเพลต Creative Agency ผมไม่ได้เจอกระบวนการเริ่มต้นแบบง่ายๆ ที่บอกว่า “เริ่มกันเลย”
ผมถูกพาไปยังสภาพแวดล้อมการออกแบบระดับมืออาชีพแบบสี่พาเนล มีแคนวาสอยู่ตรงกลาง พาเนลองค์ประกอบทางซ้าย พาเนล inspector ทางขวา ตัวควบคุม breakpoint อยู่ด้านบน และมีปุ่ม “Browse Tutorials” ให้กด
แพลตฟอร์มนี้สมมติว่าคุณรู้ว่ากำลังทำอะไรอยู่ หรือไม่ก็คุณพร้อมจะเรียนรู้มัน
วิธีที่ชัดที่สุดที่ผมจะอธิบายความแตกต่างได้คือ: Wix editor แบบมาตรฐานก็เหมือนอพาร์ตเมนต์ที่มีเฟอร์นิเจอร์ครบแล้ว Wix Studio คือ พื้นที่ว่างพร้อมเครื่องมือระดับมืออาชีพ และไม่มีเฟอร์นิเจอร์ ศักยภาพของพื้นที่ว่างนั้นสูงกว่า แต่คุณต้องรู้วิธีใช้เครื่องมือ
ตอนที่ผมล็อกอินเข้า Wix Studio ครั้งแรก ผมไม่ได้เข้าไปยังเอดิเตอร์ของไซต์ ผมเข้าไปยังสิ่งที่ Wix เรียกว่าเวิร์กสเปซ และผมอยากใช้เวลาพูดถึงส่วนนี้เพราะรีวิวส่วนใหญ่มักข้ามไปที่เอดิเตอร์เลยและพลาดบางอย่างที่สำคัญ
หน้า Discover คือหน้าแรกของบัญชี Wix Studio ของคุณ มันคือศูนย์กลางการดำเนินงานของเอเจนซี ไม่ใช่แดชบอร์ดส่วนตัว แต่เป็นฮับของเอเจนซี
แถบด้านซ้ายเพียงอย่างเดียวก็บอกคุณชัดเจนว่าโปรดักต์นี้สร้างมาเพื่อใคร: Sites, Mobile Apps, Templates, Custom Apps, Client Experience, Billing and Subscriptions, Customer Care Tickets, Agency Profile, Earnings, Team, Settings.
นั่นเป็นโครงสร้างพื้นฐานจำนวนมากสำหรับคนที่กำลังสร้างเว็บไซต์แรกของตัวเอง แต่สำหรับฟรีแลนซ์ที่ดูแลโปรเจกต์ลูกค้าห้ารายพร้อมกัน หรือเอเจนซีขนาดเล็กที่มีทีม นี่คือสิ่งที่คุณต้องการพอดี
ขอพาคุณดูส่วนที่สำคัญจริงๆ
เวิร์กสเปซยังแสดงสถานะ Wix Partner ของคุณและคะแนนสะสม หากคุณอยู่ในโปรแกรม
พาร์ตเนอร์จะได้รับการสนับสนุนแบบเร่งด่วน การเข้าถึงชุมชน แหล่งเรียนรู้เฉพาะทาง และในที่สุดก็มีส่วนแบ่งรายได้จากแพ็กเกจพรีเมียมของลูกค้า
สำหรับฟรีแลนซ์ที่กำลังสร้างธุรกิจลูกค้าอย่างยั่งยืน โปรแกรมพาร์ตเนอร์เป็นสิ่งที่ควรรู้ตั้งแต่วันแรก
ผมใช้เวลาประมาณ 20 นาทีในเวิร์กสเปซก่อนจะเปิดเอดิเตอร์ด้วยซ้ำ เวลานั้นไม่ได้สูญเปล่า การเข้าใจเลเยอร์การดำเนินงานก่อนทำให้ตอนผมเริ่มสร้างจริง ผมเข้าใจว่าสิ่งที่สร้างขึ้นทั้งหมดจะไปอยู่ที่ไหนและจะถูกจัดการอย่างไร
ตอนที่ผมพร้อมจะเริ่มสร้าง Wix Studio ให้ผมเลือกจุดเริ่มต้นได้ 3 แบบ:
ผมอยากชี้จุดนี้ เพราะจริงๆ แล้วมันเป็นตัวเลือกที่มีความหมาย ไม่ใช่แค่พิธีการ จุดเริ่มต้นแบบผืนผ้าใบว่างนั้นทรงพลังที่สุด แต่ก็ต้องการมากที่สุดเช่นกัน คุณต้องตัดสินใจทุกอย่างตั้งแต่ต้น ซึ่งดีมากเมื่อคุณรู้ชัดว่าต้องการอะไร และแย่มากเมื่อคุณไม่รู้
ตัวสร้างโครงสร้างด้วย AI น่าสนใจสำหรับการวางแผน แต่ก็ยังต้องให้คุณลงมือออกแบบจริงหลังจากนั้น
ผมเลือกใช้เทมเพลต เพราะอยากดูว่าจุดเริ่มต้นจะรับมือกับการแก้ไขจริงได้ดีแค่ไหน และดีไซน์จะยังคงคุณภาพไว้ได้หรือไม่เมื่อผมเปลี่ยนเนื้อหาตัวอย่างเป็นเนื้อหาจริง
ผมค้นหา “Creative Agency” ในคลังเทมเพลต หน้าแสดงผลลัพธ์จัดวางอย่างสะอาดและเป็นระเบียบ มีแถบตัวกรองด้านบนสำหรับ Type, Industry, Features และ Style
เทมเพลตเหล่านั้นมีคุณภาพสูงกว่าที่คุณพบใน Wix editor แบบมาตรฐานอย่างเห็นได้ชัด: มีความ editorial เด่นชัด ตัวอักษรแข็งแรง และสอดคล้องกันทางภาพ นี่คือประเภทของดีไซน์ที่ส่งสัญญาณไปยังลูกค้าว่า “ใช่ คนนี้รู้ว่ากำลังทำอะไรอยู่”
เมื่อเอาเมาส์ไปวางบนเทมเพลตใดๆ จะมีสองตัวเลือก: Edit และ View ผมแนะนำให้กด View ก่อนเสมอ มันจะเปิดเทมเพลตในโหมดพรีวิว โดยมีตัวสลับ breakpoint responsive อยู่ด้านบน: ไอคอนเดสก์ท็อป แท็บเล็ต และมือถือ
สลับดูทั้งสามแบบก่อนตัดสินใจ โครงสร้างตรรกะของเทมเพลตจะประเมินได้ง่ายกว่ามากในโหมดพรีวิว มากกว่าหลังจากที่คุณเริ่มแก้ไขไปแล้ว
ผมคลิก “Edit Template” บนเทมเพลต WeDo Creative Agency แล้วเอดิเตอร์ก็เริ่มโหลด
สิ่งที่ปรากฏขึ้นมาไม่ใช่แค่สปินเนอร์ หน้าจอโหลดแบ่งหน้าต่างออกเป็นสองฝั่ง: ทางซ้ายเป็นโลโก้ Wix Studio พร้อมแถบความคืบหน้า ทางขวาเป็นพรีวิวสดของเว็บไซต์ตัวอย่างชื่อ “Stick Around”
จากนั้นเอดิเตอร์ก็เปิดขึ้นพร้อมโมดัล “Welcome to Wix Studio” ตรงกลางหน้า พร้อมตัวเลือกให้เรียกดูบทเรียน ผมปิดมันแล้วใช้เวลาสักครู่ดูว่าผมกำลังทำงานกับอะไรอยู่จริงๆ
นี่คือสิ่งที่อินเทอร์เฟซแสดงให้ผมเห็น:
ความรู้สึกแรกของผมคือ: นี่เยอะมาก ไม่ใช่ในทางแย่ แต่ในแบบเดียวกับที่ครัวระดับมืออาชีพดูเยอะมากเมื่อคุณยืนอยู่ครั้งแรก
ทุกอย่างมีที่ของมันและมีจุดประสงค์ อินเทอร์เฟซไม่ได้พยายามซ่อนความลึกของมันไว้ คุณเพียงแค่ต้องเรียนรู้ว่าอะไรอยู่ตรงไหนก่อนที่ความลึกนั้นจะกลายเป็นประโยชน์แทนที่จะเป็นอุปสรรค
ก่อนที่ผมจะเล่าถึงสิ่งที่ผมสร้างจริงๆ ผมอยากอธิบายสี่แนวคิดที่ช่วยให้เอดิเตอร์เข้าใจง่ายขึ้น
ถ้าคุณเข้าใจสี่สิ่งนี้ ส่วนอื่นๆ ของ Wix Studio จะเริ่มมีความหมาย ถ้าคุณไม่เข้าใจ คุณจะเสียเวลาหลายชั่วโมงไปกับความสับสน
คลิกองค์ประกอบใดก็ได้ในเอดิเตอร์ แล้วดูช่อง Size ในแผง inspector ทางขวา คุณจะเห็นค่าประมาณ “290 px*” หรือ “1003 px*.” เครื่องหมายดอกจันคืออักขระที่สำคัญที่สุดใน Wix Studio และเอดิเตอร์ไม่เคยอธิบายมัน
ค่า px* หมายความว่า: องค์ประกอบนี้กว้างกี่พิกเซลที่ความกว้างหน้าจอการแก้ไขในขณะนั้น (ค่าเริ่มต้นคือ 1280px)
ถ้าคุณเปลี่ยนขนาดการแก้ไขเป็น 1440px ค่าเหล่านั้นจะเปลี่ยนตามสัดส่วนเพื่อแทนขนาดขององค์ประกอบที่ความกว้างหน้าจอที่กว้างขึ้นนั้น มันไม่ใช่ค่าพิกเซลแบบตายตัว แต่มันคือค่าพิกเซลแบบสัมพันธ์กับหน้าจอ
นี่คือสิ่งที่ทำให้เลย์เอาต์ใน Wix Studio ยืดหยุ่นแทนที่จะตายตัว พอผมเข้าใจเครื่องหมายดอกจันแล้ว พฤติกรรม responsive ทั้งหมดก็สมเหตุสมผลทันที ก่อนที่จะเข้าใจ ผมยังคงสงสัยว่าทำไมค่าพิกเซลของผมถึงไม่ทำงานเหมือนพิกเซลปกติ
ระบบ px คืออุปสรรคเชิงแนวคิดที่ใหญ่ที่สุดของ Wix Studio และมันไม่เคยถูกอธิบายในบริบทการใช้งานเลย* ไม่มีทูลทิปบนเครื่องหมายดอกจัน ไม่มีช่วง onboarding ที่เอดิเตอร์บอกว่า “โดยทางผ่าน นี่คือวิธีการทำงานของ responsive sizing”
คุณต้องหาข้อมูลจากบทเรียนหรือไม่ก็เจอจากความสับสนแบบที่ผมเจอครั้งแรก
เลย์เอาต์ส่วนใหญ่ใน Wix Studio ถูกสร้างด้วย Stacks Stack คือกลุ่มขององค์ประกอบที่จัดเรียงในแนวนอนหรือแนวตั้ง พร้อมการควบคุมระยะห่างและการจัดแนวร่วมกัน
ถ้าคุณเคยทำงานกับ CSS flexbox Stacks จะให้ความรู้สึกคุ้นเคยทันที ถ้าไม่เคย ให้คิดว่ามันคือคอนเทนเนอร์ที่คอยจัดระเบียบลูกของมัน
เมื่อผมเลือกบล็อกข้อความใน hero ของเทมเพลต แถบการทำงานแสดงว่า “Vertical” พร้อมตัวเลือก “Unstack” ยืนยันว่ามันคือ Stack
แผง inspector แสดงตัวเลือกการจัดแนว ระยะห่างระหว่างรายการ และตัวควบคุมขนาดที่ใช้กับกลุ่มทั้งหมด ผมสามารถจัดทุกองค์ประกอบลูกให้อยู่ทางซ้ายได้ในคลิกเดียว
ผมสามารถตั้ง margin ด้านบนและล่าง 10% ให้กับกลุ่มทั้งหมดโดยไม่ต้องแตะองค์ประกอบทีละตัว
breadcrumb ที่ด้านล่างของแคนวาส (Page, Section (Welcome), Stack, Text) แสดงให้เห็นชัดเจนว่าผมอยู่ตรงไหนในลำดับชั้น
ตอนที่ผมกำลังแก้ไขข้อความลึกลงไปใน Stack ซ้อนในกริดเซลล์ภายในเซกชัน การคลิก breadcrumb เพื่อเลือกเซกชันแม่เร็วกว่าเยอะเมื่อเทียบกับพยายามคลิกเลเยอร์ที่ถูกต้องบนแคนวาส
เซกชันที่ไฮไลต์เป็นสีเขียวคือ Global section การเปลี่ยนแปลงใดๆ ที่คุณทำกับเซกชันสีเขียวนั้นจะส่งผลกับเซกชันนั้นในทุกหน้าในไซต์
นี่คือวิธีการทำงานของส่วนหัวและส่วนท้าย และยังเป็นฟีเจอร์ที่คุณสามารถนำไปใช้กับเซกชันอื่นใดก็ได้ที่คุณต้องการใช้ซ้ำข้ามหน้า
ผมเรียนรู้เรื่องนี้จากการสังเกตว่าหัวเว็บในเทมเพลตถูกไฮไลต์ต่างจากเซกชันอื่นๆ
ทันทีที่ผมเข้าใจ Global section ผมก็เข้าใจวิธีรักษาความสอดคล้องด้านดีไซน์ตลอดทั้งไซต์หลายหน้า โดยไม่ต้องอัปเดตทุกหน้าด้วยตนเองเมื่อมีลูกค้าขอให้เปลี่ยนสีเมนูนำทาง
แผง inspector ทางขวาควบคุมทุกอย่างเกี่ยวกับองค์ประกอบที่เลือก สำหรับองค์ประกอบใดๆ ที่คุณคลิก มันจะแสดง Size (width, height, position, responsive behavior), Design (fill color, background, border, corners, shadow, custom CSS), และ Layout/Position (margin, padding, alignment)
สำหรับองค์ประกอบข้อความ มันยังแสดงฟอนต์ ขนาด ระยะบรรทัด และแท็ก HTML ด้วย
ดรอปดาวน์แท็ก HTML เป็นรายละเอียดที่ผมชอบมาก การเลือกหัวเรื่องแล้วเปลี่ยนจาก H2 เป็น H1 ได้โดยตรงใน inspector โดยไม่ต้องเข้าโหมดแก้ไขข้อความ เป็นประเภทของสิ่งเล็กๆ ที่สะสมจนทำให้เวิร์กโฟลว์เร็วขึ้นตลอดการสร้างไซต์ทั้งโปรเจกต์
เมื่อเข้าใจสี่แนวคิดนี้แล้ว ผมก็เริ่มลงมือทำจริง นี่คือประสบการณ์ของผมทีละส่วน
ดับเบิลคลิกข้อความใดก็ได้บนแคนวาสเพื่อเปิดการแก้ไขข้อความแบบ inline พฤติกรรมมาตรฐาน สิ่งที่ผมพบว่ามีประโยชน์กว่าคือ option “Generate Text with AI” ในแถบการทำงานเหนือองค์ประกอบข้อความที่เลือก
เมื่อคลิกมัน จะเปิดแผง AI Text Creator ที่ถามประเภทธุรกิจ ชื่อธุรกิจ ประเภทข้อความ (title หรือ paragraph) และหัวข้อ จากนั้นจะสร้างคอนเทนต์ให้เหมาะสม
ผมทดสอบกับหัวข้อเซกชันบริการหนึ่ง ผลลัพธ์ที่ได้ใช้เป็นจุดเริ่มต้นได้จริง แพลตฟอร์มนี้ซื่อสัตย์เกี่ยวกับข้อจำกัดของมัน มีข้อความเตือนที่ด้านล่างของพาเนลว่า “AI can make mistakes, double-check the results are accurate before using them.”
นี่คือโทนที่ถูกต้อง เครื่องมือข้อความ AI คือเครื่องมือสร้างร่าง ไม่ใช่คนเขียนคอนเทนต์ ใช้มันเพื่อช่วยให้คุณเริ่มต้นได้ ไม่ใช่เพื่อทำงานให้เสร็จสมบูรณ์
ฟีเจอร์ข้อความ AI ที่น่าสนใจกว่าคือสิ่งที่ผมพบหลังคลิกขวาองค์ประกอบข้อความ เมนูบริบทแสดง option “Add Custom Behavior with AI” ควบคู่ไปกับตัวเลือกมาตรฐาน (Cut, Copy, Paste, Copy Element Design, Duplicate, Hide, Delete, Detach from Stack, Use on All Breakpoints, Align to, Rotate, Add an Anchor, Add a Comment, Save as Asset)
เมนูบริบทนั้นเพียงอย่างเดียวก็แสดงให้เห็นถึงความลึกของเอดิเตอร์นี้แล้ว ทุกตัวเลือกเหล่านั้นมีประโยชน์กับผู้สร้างงานระดับมืออาชีพ
การเปลี่ยนภาพพื้นหลังเป็นงานที่พบบ่อยที่สุดในเว็บเอดิเตอร์ และใน Wix Studio มันลื่นไหลจริงๆ
ผมเลือกพื้นหลังของ hero section คลิก “Change Background” ในแถบการทำงานลอย แล้ว media manager ก็เปิดขึ้น ผมสามารถอัปโหลดจากคอมพิวเตอร์ เลือกจากไลบรารีรูปภาพฟรีของ Wix หรือเชื่อมต่อแหล่งอื่นๆ
แถบอัปโหลดเคลื่อนเร็วมาก พออัปโหลดและนำภาพมาใช้ เซกชันก็อัปเดตบนแคนวาสทันที ไม่มีรีโหลด ไม่มีหน่วง media manager ตอบสนองได้รวดเร็วในแบบที่เครื่องมือที่ต้องแก้ไขงานหนักๆ บางครั้งทำไม่ได้
สำหรับรูปภาพภายในเลย์เอาต์ ผมพบว่าตัวเลือก stretch มีประโยชน์มาก เมื่อเลือกภาพแล้วคลิกไอคอน stretch ในแถบการทำงาน ภาพจะเต็มคอนเทนเนอร์แม่ ไม่ว่าจะเป็นเซกชัน กริดเซลล์ หรือ Stack เมื่อใช้ร่วมกับตัวควบคุม corner radius ใน inspector (ผมตั้งมุมโค้งเป็น 48px สำหรับภาพพอร์ตโฟลิโอในเทมเพลต) ก็สามารถทำให้ภาพดูสะอาด ทันสมัย ได้โดยไม่ต้องแตะ CSS
หลังจากผมแก้ไขเนื้อหาไปหลายจุดแล้ว ผมคลิกไอคอน breakpoint มือถือที่แถบด้านบน
สิ่งที่ผมเห็นยืนยันทุกอย่างที่ระบบ px* สื่อไว้: เลย์เอาต์เปลี่ยนอย่างเหมาะสม ตัวอักษรปรับขนาดขึ้นลง เมนูนำทางยุบเป็นเมนูแฮมเบอร์เกอร์ hero section เรียงตัวเป็นคอลัมน์เดียว
แต่ก็ยังไม่สมบูรณ์ ภาพหนึ่งมี padding ที่ดูไม่ค่อยพอดีบนมือถือ ตรงนี้คือจุดที่ Responsive AI เข้ามามีบทบาท
ผมเลือกเซกชันนั้น (ไม่ใช่องค์ประกอบข้างใน แต่เป็นทั้งเซกชัน) แล้วในแถบการทำงานมีไอคอนสีม่วงระยิบระยับเล็กๆ ปรากฏขึ้น นั่นคือปุ่ม Responsive AI ผมคลิกมัน มีข้อความขึ้นมาว่า “We’ll do the work for you. Generate now,” แล้วประมาณ 30 วินาทีต่อมาก็สร้างเลย์เอาต์สำหรับมือถือและแท็บเล็ตที่ปรับแล้วให้
ผลลัพธ์ถูกต้องประมาณ 85% องค์ประกอบหลักจัดวางได้ดี ผมต้องปรับ margin ซ้ายและขวาของภาพหนึ่งด้วยตนเอง (ผมเพิ่ม 5% ทั้งสองด้าน) และเพิ่มความสูงของเซกชันเล็กน้อย การปรับเหล่านั้นใช้เวลาน้อยกว่าสองนาที การสร้าง breakpoint จากศูนย์จะใช้เวลานานกว่านี้มาก
นี่คือส่วนของ Wix Studio ที่ผมคิดว่ามักถูกพูดถึงน้อยเกินไปในรีวิวส่วนใหญ่ ดังนั้นผมอยากพูดตรงๆ ว่า: CMS เปลี่ยนขีดความสามารถของ Wix Studio
เมื่อผมเปิด Site Pages panel ในแถบด้านซ้าย ผมเห็นสองหมวดหมู่ Main Pages มี Home, About Us และ Privacy Policy
ภายใต้ Work Pages มีสองรายการคือ Work (List) และ Work (Item) นี่คือเทมเพลตหน้าแบบไดนามิก: หนึ่งสร้างรายการผลงาน และอีกหนึ่งสร้างหน้ารายการผลงานแต่ละชิ้น คอนเทนต์ของทั้งสองมาจากคอลเลกชันฐานข้อมูล ไม่ใช่จากหน้าที่แก้ไขด้วยตนเอง
ผมคลิกไอคอน Connect to CMS ในแถบการทำงานขณะที่เลือกองค์ประกอบข้อความอยู่ inspector panel เปลี่ยนเป็นแสดงคำแนะนำ “Show dynamic content on this element” พร้อมปุ่ม “Add a Dataset”
การเพิ่ม dataset จะเชื่อมองค์ประกอบข้อความนั้นเข้ากับฟิลด์ในคอลเลกชัน CMS เมื่อเชื่อมแล้ว ข้อความบนหน้าจะไม่ใช่คอนเทนต์แบบคงที่ที่คุณแก้ไขโดยตรงอีกต่อไป แต่มันถูกดึงมาจากฐานข้อมูล และลูกค้าของคุณสามารถอัปเดตมันจาก content manager ได้โดยไม่ต้องเปิดเอดิเตอร์เลย
สำหรับเอเจนซี นี่เปลี่ยนเกมเลย ไซต์พอร์ตโฟลิโอของช่างภาพที่มีผลงาน 80 ชิ้นไม่จำเป็นต้องมี 80 หน้าที่สร้างด้วยตนเอง ร้านอาหารที่มีเมนูเปลี่ยนบ่อยไม่จำเป็นต้องให้ดีไซเนอร์มายุ่งทุกครั้งที่เพิ่มเมนูใหม่ บล็อกที่มีผู้เขียนหลายคนไม่จำเป็นต้องฝึกทุกคนให้ใช้เอดิเตอร์ CMS จัดการทั้งหมดนี้ได้
ก่อนเผยแพร่ ผมได้ลองสำรวจแผงแอนิเมชัน เมื่อเลือกองค์ประกอบใดๆ แล้วสลับไปแท็บ Animations ใน inspector จะเห็นแอนิเมชันตอนเข้า (Float, Fade, Slide, Expand, Spin และอื่นๆ) และเอฟเฟกต์ตอนเลื่อนหน้า (เลื่อนเข้าหาตำแหน่งดีไซน์ตามที่ผู้ใช้สกรอลล์, ขยายขนาด, ค่อยๆ จางเข้า)
ผมเพิ่ม Float entrance animation ให้ภาพ hero section เอฟเฟกต์แสดงพรีวิวทันทีในเอดิเตอร์
ผมเพิ่ม scroll effect ให้กับสแต็กคอนเทนต์ฝั่งซ้าย: เริ่มจาก 270 องศานอกแกน เคลื่อนเข้าสู่ตำแหน่งดีไซน์ตามระยะเลื่อนที่กำหนดและเวลา ในโหมดพรีวิวของเอดิเตอร์ เมื่อผมเลื่อนหน้า องค์ประกอบต่างๆ ก็เข้ามาจากทิศทางตรงข้ามและหยุดลงในตำแหน่งสุดท้าย
ก่อนเผยแพร่ ผมตรวจการตั้งค่า SEO ใน Site Pages panel การคลิกขวาที่หน้าใดๆ จะแสดงเมนูการตั้งค่าพร้อมส่วน SEO โดยเฉพาะ
ตรงนี้ผมสามารถตั้ง slug ของ URL เพิ่ม meta description ตั้ง meta title และดูพรีวิวสดว่าหน้าจะออกมาเป็นอย่างไรในผลการค้นหาของ Google ชื่อเรื่อง URL และคำอธิบายจัดรูปแบบเป็นสไนเพ็ตผลการค้นหาจริง
พรีวิวนั้นเป็นฟีเจอร์เล็กๆ ที่เครื่องมือสร้างเว็บไซต์หลายตัวมักข้ามไป และมันมีประโยชน์จริงสำหรับนักเขียนและเจ้าของธุรกิจที่ไม่ใช่ผู้เชี่ยวชาญด้าน SEO การเห็นเมตาดาต้าของคุณแสดงเป็นผลการค้นหาจริง ทำให้เห็นได้ทันทีว่าชื่อเรื่องยาวเกินไปหรือคำอธิบายจะถูกตัดออกหรือไม่
Wix Studio ยังมีรายการตรวจ SEO ที่เข้าถึงได้ผ่านส่วน Marketing ของแดชบอร์ด มันจะพาคุณทำงานทีละขั้น เช่น ตั้งชื่อหน้าโฮม เขียน meta description และเชื่อมต่อกับ Google Search Console
แต่ละรายการที่ยังไม่เสร็จจะถูกทำเครื่องหมายไว้ และเมื่อทำเสร็จ รายการตรวจจะอัปเดตแบบเรียลไทม์
การเผยแพร่ใน Wix Studio คือการคลิกเพียงครั้งเดียวที่ปุ่ม Publish สีฟ้าที่มุมขวาบน โมดัลจะปรากฏขึ้นถามให้คุณตั้งชื่อไซต์ (สำหรับซับโดเมนฟรี: yourname.wixstudio.com/sitename)
กด Save & Continue แล้วไซต์ก็จะออนไลน์
การเชื่อมต่อโดเมนแบบกำหนดเองต้องใช้แพ็กเกจที่อัปเกรดแล้ว กระบวนการนี้จัดการภายในเวิร์กสเปซในส่วน Settings พร้อมคำแนะนำทีละขั้นตอนทั้งสำหรับการซื้อโดเมนผ่าน Wix และการเชื่อมต่อโดเมนที่มีอยู่จาก GoDaddy, Namecheap หรือผู้ให้บริการรายอื่น
สิ่งหนึ่งที่ควรรู้: การเชื่อมต่อโดเมนและการลบแบรนด์ดิ้ง Wix Studio ออกจากไซต์ (แบดจ์เล็กๆ “Created with Wix Studio” บนไซต์ฟรี) ต่างก็ต้องใช้แพ็กเกจ Basic อย่างน้อย
สำหรับงานลูกค้า การลบแบดจ์นั้นเป็นสิ่งที่หลีกเลี่ยงไม่ได้ ดังนั้นควรรวมค่าแพ็กเกจนี้ไว้ในราคางานของคุณตั้งแต่แรก
ระบบ responsive แบบยืดหยุ่นเป็นเหตุผลที่ดีที่สุดในการเลือก Wix Studio แทนเอดิเตอร์มาตรฐาน
ระบบ px* อาจสับสนในตอนแรก แต่ทำให้คุณควบคุมเลย์เอาต์ข้ามอุปกรณ์ได้ในระดับที่เอดิเตอร์มาตรฐานทำไม่ได้ เมื่อเข้าใจแล้ว การออกแบบสำหรับทุกขนาดหน้าจอจะรู้สึกเหมือนออกแบบครั้งเดียวด้วยกฎ ไม่ใช่ออกแบบสามเลย์เอาต์แยกกัน
เวิร์กสเปซสำหรับลูกค้าทำให้การดำเนินงานของเอเจนซีจัดการได้จริง
การรวมกันของ client kits, การเข้าถึงตามบทบาท, เทมเพลตแบบกำหนดเอง, รายงานรายเดือน และการทำงานร่วมกันของทีมในเวิร์กสเปซเดียว ช่วยลดภาระงานหลังบ้านที่เอเจนซีส่วนใหญ่ต้องจัดการด้วยเครื่องมือหลายตัวปะติดปะต่อกัน เอเจนซีที่ใช้ Studio อย่างต่อเนื่องรายงานว่าจัดส่งโปรเจกต์ได้เร็วขึ้นและรับลูกค้าได้มากขึ้นโดยที่โอเวอร์เฮดไม่ได้เพิ่มตามสัดส่วน
CMS ที่รวมอยู่ในแพ็กเกจเริ่มต้นเป็นสิ่งที่ไม่ธรรมดาและมีคุณค่า
Dynamic pages, content collections และเลย์เอาต์ที่ขับเคลื่อนด้วยฐานข้อมูลตั้งแต่แพ็กเกจ $12/month ไม่ใช่มาตรฐานของเครื่องมือสร้างเว็บไซต์ระดับมืออาชีพส่วนใหญ่ แพลตฟอร์มส่วนมากคิดค่า CMS เป็นฟีเจอร์ระดับพรีเมียม แต่ Wix Studio รวมมันไว้ตั้งแต่ระดับล่างสุดของตารางราคา
ระบบแอนิเมชันของ Wix Studio มีคุณภาพระดับโปรดักชันโดยไม่ต้องใช้โค้ด
Entrance animations, scroll effects, animation path timelines และพฤติกรรม responsive สำหรับเอฟเฟกต์ต่างๆ เข้าถึงได้ผ่านแผง inspector ผลลัพธ์ดูเป็นมืออาชีพ ผมเคยเห็นฟรีแลนซ์คิดค่าบริการพรีเมียมสำหรับงาน scroll animation ที่ Wix Studio ทำให้เข้าถึงได้ภายในบ่ายวันเดียว
การควบคุมโค้ดระดับล่างถูกจำกัด มี custom CSS และ Dev Mode อยู่จริง แต่ดูเหมือนเป็นสิ่งที่เพิ่มเข้ามามากกว่าจะเป็นแกนหลักของแพลตฟอร์ม คุณไม่สามารถ inspect หรือแก้ไข CSS โดยตรงเหมือนที่ Webflow ทำได้
เอดิเตอร์ใช้พื้นที่บนหน้าจอเล็กๆ อย่างหนัก แคนวาสที่ 1280px พร้อมแถบด้านข้างทั้งสองฝั่งเปิดอยู่แทบไม่เหลือพื้นที่ทำงานบนแล็ปท็อปขนาด 13 นิ้ว ผมพบว่าตัวเองต้องเปิดปิดพาเนลด้านขวาตลอดเวลาเพื่อดูแคนวาสเต็มๆ เครื่องมือนี้ถูกออกแบบมาสำหรับจอใหญ่ และมันแสดงออกชัดเจน การทำงานกับ Wix Studio บนหน้าจอขนาดเล็กอย่างสบายต้องมีจอที่สอง หรือไม่ก็ต้องอดทนกับการสลับพาเนลไปมาเยอะมาก
ผมอยากดูว่า Wix สนับสนุนคุณได้ดีแค่ไหนเมื่อมีอะไรผิดพลาด ผมจึงทดสอบช่องทางไลฟ์แชตและ AI จากแดชบอร์ด
การคลิก “Help” ในแถบนำทางด้านบนจะเปิดป๊อปอัปที่มีตัวเลือกหลายอย่าง:
ผมเริ่มจาก AI search ก่อน ผมพิมพ์คำถามทางเทคนิคเฉพาะเกี่ยวกับฟีเจอร์การจองนัดหมาย: ลูกค้าไม่สามารถเห็นช่วงเวลาว่างได้ แม้ว่าจะตั้งตารางเวลาไว้แล้วก็ตาม
AI ตอบกลับด้วยคำอธิบายแบบมีโครงสร้าง 7 ขั้นตอนภายในไม่กี่วินาที ครอบคลุมเวลาทำงานของพนักงาน การมอบหมายบริการ การจับคู่ตำแหน่ง ความขัดแย้งกับปฏิทินที่ซิงก์ไว้ ช่วงเวลาของ time slot การตั้งค่าหน้าต่างการจอง และความพร้อมใช้งานของทรัพยากร
มันยังลิงก์ไปยังบทความช่วยเหลือที่เกี่ยวข้อง 4 ชิ้นและวิดีโอสอน พร้อมคำเตือนว่าควรตรวจสอบผลลัพธ์อีกครั้ง สำหรับปัญหาการตั้งค่าทางเทคนิค นี่เป็นคำตอบที่มีประโยชน์จริงและผมสามารถลงมือทำตามได้โดยไม่ต้องติดต่อใครเลย
ผมอยากดูด้วยว่าการสนับสนุนจากคนจริงดีแค่ไหน จึงคลิก “Chat With Us” ด้วยคำถามเกี่ยวกับการอัปเกรดแพ็กเกจ
ก่อนจะถึงเจ้าหน้าที่จริง ผมต้องผ่านแชตบอต AI ของ Wix ที่ชื่อ Helpmate ก่อน เมื่อผมขอคุยกับเจ้าหน้าที่มนุษย์ บอตพยายามดึงกลับและขอรายละเอียดเพิ่มเติมก่อน ผมต้องขอคุยกับคนจริงสองครั้งก่อนที่ Helpmate จะยอมส่งต่อให้ การต้องผ่านขั้นตอนนี้เพิ่มความยุ่งยากโดยไม่จำเป็นสำหรับคำขอที่ควรจะง่ายมาก
เมื่อผ่านบอตไปแล้ว การเชื่อมต่อกับเจ้าหน้าที่จริงก็รวดเร็ว ภายในไม่ถึงหนึ่งนาที เจ้าหน้าที่สุภาพและตอบอย่างละเอียด
สำหรับคำถามของผมเกี่ยวกับว่ามีวิธีทดลองแพ็กเกจระดับสูงกว่าก่อนตัดสินใจจ่ายรายปีหรือไม่ เจ้าหน้าที่ต้องใช้เวลาไม่กี่นาทีเพื่อค้นข้อมูล แล้วกลับมาด้วยรายละเอียดที่แชตบอต AI พลาดไปทั้งหมด: Wix มีการรับประกันคืนเงินภายใน 14 วันสำหรับแพ็กเกจพรีเมียมใหม่ คุณจึงสามารถอัปเกรด ทดสอบฟีเจอร์ และยกเลิกเพื่อรับเงินคืนเต็มจำนวนได้หากมันไม่เหมาะกับความต้องการของคุณ
นั่นคือรายละเอียดประเภทที่คุ้มค่ากับการพยายามติดต่อเจ้าหน้าที่จริงต่อไป แชตบอตให้คำตอบที่คลุมเครือเกี่ยวกับการจัดการการสมัครใช้งานเท่านั้น มีแต่เจ้าหน้าที่จริงที่บอกช่วงเวลาคืนเงินที่เฉพาะเจาะจงได้
สรุปเรื่องการสนับสนุนของ Wix
สำหรับคำถามในชีวิตประจำวันส่วนใหญ่ ศูนย์ช่วยเหลือและ AI search จะแก้ปัญหาให้คุณได้โดยไม่ต้องรอ หากเป็นเรื่องบิล การอัปเกรด หรือเรื่องที่คุณต้องการคำตอบแบบชัดเจนนโยบาย ให้พยายามติดต่อไลฟ์แชตไปต่อ เจ้าหน้าที่ที่ผมทดสอบด้วยมีคุณภาพดีเมื่อผมไปถึงพวกเขาแล้ว
ใช้ Wix Studio ถ้า:
ตอนเริ่มแรก ผมคาดว่า Wix Studio จะให้ความรู้สึกเหมือนเป็นการปรับภาพลักษณ์การตลาดของ Wix editor แบบมาตรฐาน สิ่งที่ผมพบคือมันเป็นผลิตภัณฑ์ที่แตกต่างจริงๆ และสร้างมาเพื่อผู้ใช้งานที่แตกต่างจริงๆ
จุดอ่อนมีอยู่จริง แต่ไม่ถึงกับร้ายแรง เส้นทางการเรียนรู้ชันเพราะเอดิเตอร์ไม่อธิบายตัวเอง ระบบ px* สร้างความสับสนเพราะไม่มีคำแนะนำในบริบท นี่เป็นปัญหาเรื่อง onboarding ไม่ใช่ปัญหาเรื่องการออกแบบ มันกินเวลาคุณล่วงหน้า แต่จะไม่สำคัญอีกต่อไปเมื่อคุณเข้าใจตรรกะของมันแล้ว
สิ่งที่ทำให้ผมประหลาดใจที่สุดคือแพ็กเกจที่สมบูรณ์แค่ไหนในระดับ Standard และ Plus สำหรับ $20 ถึง $32 ต่อเดือน คุณจะได้:
| ชื่อแพลน | เนื้อที่ | แบนด์วิดท์ | ราคา | |
|---|---|---|---|---|
| Free Plan | 524.29 MB | 524.29 MB | ฿0 | รายละเอียด |
| WIX Harmony | ไม่จำกัด | ไม่จำกัด | ฿0 | รายละเอียด |
| Wix Booking | ไม่จำกัด | ไม่จำกัด | ฿0 | รายละเอียด |
| Wix Restaurant WB | ไม่จำกัด | ไม่จำกัด | ฿0 | รายละเอียด |
| Wix Hotels WB | ไม่จำกัด | ไม่จำกัด | ฿0 | รายละเอียด |
| Logo Maker | ไม่จำกัด | ไม่จำกัด | ฿0 | รายละเอียด |
| Wix Payments | ไม่จำกัด | ไม่จำกัด | ฿0 | รายละเอียด |
| Wix AI Website Builder | ไม่จำกัด | ไม่จำกัด | ฿0 | รายละเอียด |
| WIX Studio Basic | 10 GB | ไม่จำกัด | ฿400 | รายละเอียด |
| Light | 2 GB | 2.05 GB | ฿570 | รายละเอียด |
| WIX Studio Standard | 50 GB | ไม่จำกัด | ฿670 | รายละเอียด |
| Core | 50 GB | ไม่จำกัด | ฿970 | รายละเอียด |
| WIX Studio Plus | 120 GB | ไม่จำกัด | ฿1,070 | รายละเอียด |
| Business Elite | ไม่จำกัด | ไม่จำกัด | ฿1,170 | รายละเอียด |
| Business | 100 GB | ไม่จำกัด | ฿1,200 | รายละเอียด |
| WIX Studio Standard | ไม่จำกัด | ไม่จำกัด | ฿4,960 | รายละเอียด |
| Description | Expert Review |
|---|---|
| เครื่องมือสร้างเว็บไซต์ที่ขั�... | Read AI Website Builder Review |
| ระบบจองออนไลน์ที่ช่วยให้ธุรก�... | Read Bookings Review |
| แพลตฟอร์มอีคอมเมิร์ซแบบครบวง�... | Read eCommerce Review |
| เครื่องมือการตลาดผ่านอีเมลเพ�... | Read Email Marketing Review |
| เครื่องมือจัดการอีเวนต์แบบคร�... | Read Events Review |
| เครื่องมือสร้างเว็บไซต์ด้วย AI ... | Read Harmony Review |
| โซลูชันการจัดการโรงแรมสำหรับ�... | Read Hotels Review |
| เครื่องมือสร้างโลโก้ง่ายๆ ที่... | Read Logo Maker Review |
| โซลูชันประมวลผลการชำระเงินที�... | Read Payments Review |
| แพลตฟอร์มการจัดการร้านอาหารส�... | Read Restaurants Review |
ไม่ Standard Wix editor จะตัดสินใจเรื่องเลย์เอาต์ที่ตอบสนองต่อหน้าจอให้คุณโดยอัตโนมัติ Wix Studio มอบสภาพแวดล้อมการออกแบบระดับมืออาชีพแบบสี่พาเนล ที่คุณควบคุมพฤติกรรมการตอบสนองทุกอย่างได้ด้วยตัวเองโดยใช้ระบบการกำหนดขนาดแบบยืดหยุ่น px*
การเปลี่ยนเทมเพลตหลังจากเผยแพร่แล้วไม่สามารถทำได้ เทมเพลตที่คุณเริ่มต้นใช้คือรากฐานเชิงโครงสร้างของคุณ คุณสามารถแทนที่ทุกส่วนและเปลี่ยนรูปลักษณ์ทั้งหมดได้ แต่คุณไม่สามารถใช้เทมเพลตใหม่กับเว็บไซต์ที่ใช้งานอยู่ได้
ใช่ CMS, หน้าแบบไดนามิก และคอนเทนต์คอลเลกชันมีรวมอยู่ตั้งแต่แผน Basic ราคา $12/เดือน ผู้ให้บริการแพลตฟอร์มคู่แข่งส่วนใหญ่มักถือว่า CMS เป็นฟีเจอร์ระดับพรีเมียม ดังนั้นนี่จึงถือว่าไม่ธรรมดาจริง ๆ สำหรับราคานี้
คาดว่าจะต้องใช้เวลาศึกษาอย่างจริงจังหนึ่งถึงสองวันก่อนนำไปใช้กับโปรเจกต์ลูกค้าจริง Sandbox บนหน้า Discover มีแบบฝึกหัดแบบโต้ตอบที่ใช้เวลาห้าถึงสิบนาที ซึ่งช่วยสร้างทักษะเฉพาะทาง เช่น แอนิเมชันการเลื่อนหน้าและการผสาน CMS โดยไม่เสี่ยงกับเว็บไซต์จริง
Wix Studio ไม่มีเครื่องมือนำเข้า การย้ายไซต์จากแพลตฟอร์มอื่นหมายถึงต้องสร้างใหม่ด้วยตนเอง หากคุณมีไซต์เดิมขนาดใหญ่ ให้เผื่อเวลาสร้างใหม่ทั้งหมดไว้ในการตัดสินใจก่อนจะเริ่มใช้งาน
ตอบคำถามไม่กี่ข้อและค้นหาคำตอบที่เหมาะสมสำหรับคุณ!
เริ่มต้นการค้นหาโฮสติ้ง
