วิธีการทำงาน
คลิกที่หน้าเว็บ
เลือกสิ่งใดก็ได้บนหน้าใดก็ได้ของเว็บไซต์ หรือหาใน Layers ดับเบิลคลิกที่ข้อความเพื่อพิมพ์ตรงนั้นได้เลย
เปลี่ยนแยกตามแต่ละหน้าจอ
ข้อความ ลิงก์ รูปภาพ สี ระยะห่าง ตัวอักษร และส่วนต่าง ๆ สำหรับโทรศัพท์ แท็บเล็ต และเดสก์ท็อป โดยแสดงผลบนหน้าเว็บทันทีที่ทำ
เผยแพร่
การเปลี่ยนแปลงของคุณจะขึ้นใช้งานจริงในเวลาประมาณครึ่งนาทีเป็นเวอร์ชันใหม่ โดยไม่มีการหักเครดิต
สิ่งที่เปลี่ยนได้
ข้อความ ไม่ว่าจะเขียนอยู่ในหัวข้อ ในรายการย่อยของรายการ ในส่วนประกอบที่ใช้หลายที่ หรือในรายละเอียดของเว็บไซต์ เช่น อีเมล ซึ่งเมื่อแก้แล้วจะเปลี่ยนทุกที่ที่แสดง ลิงก์ และปลายทางของปุ่ม รูปภาพและวิดีโอ ที่แทนที่ได้จากคลังสื่อของคุณ
ลักษณะของทุกสิ่งในหัวข้อต่าง ๆ ของแผง ได้แก่ เลย์เอาต์ ระยะห่างภายในและรอบนอก ตัวอักษร สี เส้น มุม เงา และความโปร่งใส สีที่ใช้เป็นสีของเว็บไซต์คุณเอง แสดงเป็นสีจริงที่ระบายอยู่ และแผงจะบอกว่าข้อความอ่านง่ายเพียงใดบนพื้นหลัง
เซกชันและรายการ ในหน้าแรก คุณเลื่อนเซกชันขึ้นหรือลง คัดลอก หรือซ่อนได้ ส่วนในหน้าอื่นคุณเลื่อนหรือนำออกได้ และยังเลื่อน คัดลอก หรือลบรายการย่อยของรายการได้ เช่น การ์ด แพ็กเกจ หรือคำถาม
ทั้งเว็บไซต์ ตั้งค่าจากแท็บ Site ได้แก่ สี ตัวอักษรของหัวข้อและเนื้อหา มุม โหมดสว่างหรือมืด ความกว้างของเนื้อหา และระยะห่างระหว่างเซกชัน
โทรศัพท์ แท็บเล็ต และเดสก์ท็อป
สลับความกว้างเพื่อดูหน้าเว็บในแบบที่โทรศัพท์ แท็บเล็ต หรือเดสก์ท็อปแสดง การเปลี่ยนแปลงจะใช้จากความกว้างที่คุณกำลังดูขึ้นไป ดังนั้นหัวข้อที่เล็กลงสำหรับโทรศัพท์จะไม่กระทบเดสก์ท็อป และแสดงหรือซ่อนอะไรก็ได้ในแต่ละความกว้าง
Hover และ focus มีการตั้งค่าของตัวเอง ปุ่มจึงเปลี่ยนสีได้เมื่อมีคนชี้เมาส์ไปที่ปุ่ม
ส่วน เลเยอร์ และหน้า
เพิ่มเซกชันระหว่างสองเซกชันใดก็ได้: เซกชันที่ออกแบบไว้แล้วด้วยสีของเว็บไซต์คุณเองและไม่มีค่าใช้จ่าย เซกชันว่างให้กรอกเอง หรือ Generate with AI ซึ่งจะแสดงค่าเครดิตตามปกติก่อนเริ่มสร้าง Quick Edit รวมทุกข้อความและรูปภาพของเซกชันไว้ในฟอร์มเดียว
Layers แสดงรายการหน้าทีละส่วน จึงหาและเลือกอะไรก็ได้ง่าย คลิกขวาที่สิ่งใดก็ได้ บนหน้าหรือใน Layers เพื่อเปิดเมนู: แก้ไข แทนที่ ทำสำเนา ซ่อนบนมือถือ ย้าย หรือลบ
แผงหน้าเพจใช้เพิ่ม เปลี่ยนชื่อ ทำสำเนา และลบหน้า กำหนดลำดับในเมนู และตั้งค่าการค้นหาและการแชร์ให้แต่ละหน้า
ไม่มีอะไรเปลี่ยนจนกว่าคุณจะเผยแพร่
ทุกการเปลี่ยนแปลงจะแสดงบนหน้าเว็บทันทีที่คุณทำ และรออยู่ในฉบับร่างที่เก็บไว้บนเซิร์ฟเวอร์ จึงอยู่ต่อแม้โหลดหน้าใหม่ ปิดแท็บ หรือเปลี่ยนอุปกรณ์ ทุกคนที่แก้ไขโปรเจกต์ทำงานบนฉบับร่างเดียวกัน
ย้อนกลับและทำซ้ำเดินหน้าหรือถอยตามขั้นตอน รายการการเปลี่ยนแปลงระบุแต่ละรายการและให้คุณตัดรายการใดก็ได้ออก และ Discard จะคืนหน้าเว็บให้เป็นเหมือนเดิม
เมื่อกดเผยแพร่ ระบบจะเขียนการเปลี่ยนแปลงลงในโค้ดของเว็บไซต์และเผยแพร่เป็นเวอร์ชันใหม่ ซึ่งมักใช้เวลาประมาณครึ่งนาที หากมีการเปลี่ยนแปลงที่โค้ดรับไม่ได้ ระบบจะปฏิเสธพร้อมแจ้งเหตุผล และจะไม่มีอะไรถูกเผยแพร่
History แสดงทุกเวอร์ชันของเว็บไซต์ที่บันทึกไว้ ใครขอและเมื่อไร แสดงหน้าตาของแต่ละเวอร์ชัน และกู้คืนเวอร์ชันหนึ่งได้ด้วยการคลิกเดียว
ความเห็น และใครที่กำลังแก้ไขอยู่ด้วย
ปักความคิดเห็นไว้บนส่วนใดก็ได้ของหน้า ตอบในเธรด และใส่ @ ตามด้วยชื่อเพื่อนร่วมทีมเพื่อแจ้งให้ทราบ ทุกคนในเวิร์กสเปซแสดงความคิดเห็นได้ รวมถึง Viewer และ Editor ขึ้นไปทำเครื่องหมายว่าเธรดแก้ไขแล้วได้
ใบหน้าบนแถบของตัวแก้ไขแสดงว่าใครเปิดโปรเจกต์อยู่อีกบ้าง แต่ละคนอยู่หน้าไหน และเลือกอะไรไว้ โดยมีเส้นขอบสีของแต่ละคนล้อมบนหน้า
ถาม AI เฉพาะเมื่อคุณต้องการ
เขียนข้อความใหม่ ทำให้สั้นลงหรือยาวขึ้น หรือเปลี่ยนน้ำเสียง และให้เขียนข้อความทดแทน (alt text) ของรูปภาพได้ แต่ละปุ่มแสดงราคา สูงสุด 0.2 เครดิตสำหรับข้อความ และสูงสุด 0.1 สำหรับ alt text และคุณเลือกเก็บผลลัพธ์หรือทิ้งได้ก่อนที่จะมีการเขียนอะไรลงไป
Ask AI บนเซกชันจะออกแบบใหม่หรือแก้เลย์เอาต์ให้ หรือทำตามคำขอใดก็ได้ที่คุณพิมพ์เกี่ยวกับส่วนที่เลือก เป็นการเปลี่ยนแปลงปกติในสตูดิโอ โดยแสดงค่าใช้จ่ายตามปกติก่อน และ Versions ย้อนกลับได้
Check อ่านหน้าเว็บที่ความกว้างที่คุณกำลังดูอยู่ เพื่อหารูปภาพที่ไม่มี alt text ข้อความที่อ่านยาก หัวข้อที่เรียงลำดับผิด และลิงก์ที่ไม่มีชื่อ ไม่ใช้โมเดล AI และไม่มีค่าใช้จ่าย
เมื่อคุณต้องใช้เครื่องมือสร้าง
สิ่งที่ตัวแก้ไขทำไม่ได้ เช่น องค์ประกอบใหม่หรือเลย์เอาต์แบบอื่น จะส่งถึงเครื่องมือสร้างจากแผง โดยอ้างถึงองค์ประกอบที่คุณเลือก นั่นเป็นการเปลี่ยนแปลงปกติในสตูดิโอและใช้เครดิต
Visual Editor ในทางปฏิบัติ
ธุรกิจตัวอย่างสามแห่ง และวิธีที่แต่ละแห่งจะใช้งาน เว็บไซต์ที่แสดงเป็นตัวอย่างที่ Briks สร้างให้ธุรกิจตัวอย่าง ไม่ใช่ลูกค้าจริง
- 01เบเกอรี่
เวลาทำการใหม่ และเมนูฤดูร้อนมาก่อน
ร้านเบเกอรี่เปลี่ยนเวลาทำการวันเสาร์ในรายละเอียดของเว็บไซต์ ส่วนท้ายหน้าและส่วนติดต่อจึงเปลี่ยนตามกัน จากนั้นย้ายเมนูฤดูร้อนขึ้นมาไว้เหนือส่วนเรื่องราวของร้าน แล้วเผยแพร่ทั้งสองอย่างพร้อมกัน
- 02สตูดิโอฟิตเนส
หัวข้อที่เล็กลงบนโทรศัพท์
หัวข้อของสตูดิโอฟิตเนสแห่งหนึ่งขึ้นบรรทัดใหม่เป็นสี่บรรทัดบนโทรศัพท์ เจ้าของจึงสลับไปที่ Phone ลดขนาดลงสองขั้นตรงนั้น ส่วนหัวข้อบนเดสก์ท็อปยังคงเหมือนเดิม
- 03สตูดิโอเครื่องปั้นดินเผา
อีกหนึ่งคลาส
สตูดิโอเครื่องปั้นดินเผาแห่งหนึ่งคัดลอกการ์ดคลาส พิมพ์ชื่อและราคาของคลาสใหม่ลงในสำเนา แล้วเผยแพร่ จากนั้นจึงแทนที่รูปถ่ายของสำเนาด้วยรูปจากคลังสื่อ
สิ่งที่คุณจะได้รับ
- ข้อความ ลิงก์ รูปภาพ สี ระยะห่าง และตัวอักษร
- การตั้งค่าสำหรับโทรศัพท์ แท็บเล็ต เดสก์ท็อป การวางเมาส์เหนือ และโฟกัส
- ส่วนและรายการที่ย้าย คัดลอก ซ่อน หรือลบ
- สี ตัวอักษร และมุมของเว็บไซต์ในที่เดียว
- เพิ่มส่วนต่าง ๆ จัดการหน้าเว็บ และมีเมนูคลิกขวาในทุกองค์ประกอบ
- ฉบับร่างที่ใช้ร่วมกัน ประวัติ และการเลิกทำ
- ความคิดเห็นที่ปักหมุดบนหน้าเว็บ และใครอีกที่กำลังแก้ไขอยู่
- เผยแพร่ในเวลาประมาณครึ่งนาที เป็นเวอร์ชันหนึ่ง
- การแก้ไขด้วยตัวเองไม่ใช้เครดิต ส่วน AI แสดงราคาก่อนเสมอ
ควรรู้
- Visual Editor มีให้ในแผนแบบชำระเงิน สำหรับทุกคนในเวิร์กสเปซที่แก้ไขโปรเจกต์ของเวิร์กสเปซได้
- เว็บไซต์ที่ตัวแก้ไขยังอ่านไม่ได้ จะพร้อมใช้หลังการเผยแพร่ครั้งถัดไป