ทัวร์หน้าโปรเจกต์

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

อ่าน 10 นาทีตรวจเทียบกับสตูดิโอเมื่อ 8 ตุลาคม 2569

  1. 1ตำแหน่งที่คุณอยู่: Projects ตามด้วยชื่อโปรเจกต์ พร้อมที่อยู่เว็บไซต์บนหน้าจอกว้าง ใต้ลงมาคือแท็บของโปรเจกต์เป็นตัวอักษร: Studio, Analytics, Media, Database (เมื่อโปรเจกต์มีฐานข้อมูลแล้ว และก่อนหน้านั้นสำหรับ Owner และ Admin), Storage, Chatbot และ Settings
  2. 2บทสนทนา ขอให้แก้ไขหรือถามคำถามด้วยคำพูดธรรมดาได้เลย
  3. 3พรีวิวเว็บไซต์ของคุณ ซึ่งอัปเดตทุกครั้งหลังเผยแพร่
  4. 4เครื่องมือพรีวิว: ความกว้างที่ใช้ดู โหลดใหม่ เต็มหน้าจอ และเปิดในแท็บใหม่
  5. 5Publish จะนำเว็บไซต์ขึ้นเวอร์ชันใช้งานจริงเมื่อคุณพร้อม
หน้าโปรเจกต์ของเว็บไซต์ร้านเบเกอรีตัวอย่าง: ตำแหน่งที่คุณอยู่และ Publish อยู่ที่แถบด้านบน แท็บของโปรเจกต์อยู่ใต้แถบนั้น บทสนทนาอยู่ทางซ้าย และพรีวิวสดอยู่ทางขวา

การเปิดโปรเจกต์

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

บนแล็ปท็อปหรือเดสก์ท็อป ทั้งสองส่วนอยู่ติดกัน บนหน้าจอแคบอย่างโทรศัพท์ การสนทนาจะมาก่อน และพรีวิวอยู่ด้านล่าง

แถบด้านบน

แถบด้านบนบอกว่าคุณอยู่ที่ไหน ในแท็บ Studio จะแสดง Projects และชื่อโปรเจกต์ ในแท็บอื่น ชื่อแท็บจะตามมา แล้วตามด้วยส่วนหรือมุมมองที่คุณเปิดอยู่ภายในแท็บนั้น เช่น Projects / Crumb & Co bakery / Settings / Domain ทุกส่วนก่อนส่วนสุดท้ายเป็นลิงก์กลับไปยังส่วนนั้น บนจอกว้าง ที่อยู่เว็บไซต์ที่ใช้งานจริงของโปรเจกต์จะอยู่ข้างชื่อ และเปิดเว็บไซต์ในแท็บใหม่

ใต้เส้นนั้นเป็นแถวแท็บที่เป็นตัวอักษร โดยแท็บที่เปิดอยู่จะมีขีดเส้นใต้ บนโทรศัพท์ แถวนี้เลื่อนไปด้านข้างได้ และเส้นด้านบนจะแสดงเฉพาะชื่อโปรเจกต์

แท็บสิ่งที่เก็บไว้อ่านเพิ่มเติม
Studioบทสนทนาและพรีวิว การขอเปลี่ยนแปลงและคำถามอยู่ที่นี่การแก้ไขเปลี่ยนแปลง
Visual Editorหน้าของคุณเองข้างแผงควบคุม: คลิกส่วนใดก็ได้เพื่อเปลี่ยนข้อความ รูปภาพ และหน้าตา แล้วเผยแพร่โดยไม่ใช้เครดิต มาพร้อมแผนแบบชำระเงินตัวแก้ไขแบบภาพ
Analyticsผู้เข้าชม หน้าเว็บ และแหล่งที่มา ในมุมมอง Data และ Settingsการวิเคราะห์
Marketingโพสต์สำหรับบัญชีโซเชียลของเว็บไซต์ แท็บจะแสดงเมื่อเปิดให้โพสต์บน Briks แล้วโพสต์การตลาดและโซเชียล
Mediaทุกรูปภาพและวิดีโอที่เว็บไซต์แสดงตามที่เผยแพร่ล่าสุด แต่ละรายการมี Replaceคลังสื่อ
Databaseข้อมูลที่เว็บไซต์เก็บ แยกตามคอลเลกชัน จะแสดงเมื่อโปรเจกต์มีฐานข้อมูลแล้ว และก่อนหน้านั้นแสดงเฉพาะ Owner และ Admin เพื่อให้สร้างฐานข้อมูลได้ฐานข้อมูล
Storageไฟล์ที่โปรเจกต์เก็บไว้ ทั้งสำหรับหน้าเว็บและสำหรับคุณ ในมุมมอง Files, Usage และ Settingsพื้นที่จัดเก็บ
Chatbotแชตสำหรับเว็บไซต์ที่เผยแพร่แล้ว ตอบจากหน้าเว็บของเว็บไซต์เอง และส่งต่อเรื่องที่ตอบไม่ได้แชทบอท
Settingsทุกอย่างที่เหลือ: ชื่อและเครื่องหมายของโปรเจกต์ โดเมน ฟอร์ม แชต อีเมล เวอร์ชัน การสำรองข้อมูล และเครื่องมือสำหรับนักพัฒนาดูด้านล่าง

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

บทสนทนา

ด้านซ้ายคือบทสนทนาต่อเนื่องระหว่างคุณกับ Briks ข้อความของคุณอยู่ทางขวาในกรอบสีเข้ม ส่วนคำตอบของ Briks อยู่ทางซ้าย ใต้คำตอบแต่ละข้อมีบรรทัดเล็ก ๆ ที่บอกเครดิตที่คำขอนั้นถูกเรียกเก็บและเวลาที่ใช้โดยประมาณ เหนือบทสนทนามีป้ายสถานะที่แสดงว่าเว็บไซต์อยู่ในขั้นไหน (Draft, Building, Live หรือ Needs attention) และเมื่อมีการเรียกเก็บแล้ว จะแสดงยอดรวมสะสมของโปรเจกต์เป็นเครดิตด้วย

  • Ask for a change ด้วยคำพูดธรรมดา เช่น เพิ่มเวลาทำการวันเสาร์ที่ส่วนท้าย: 9:00 ถึง 13:00 Briks จะสร้างและเผยแพร่ให้ ดู การแก้ไขเว็บไซต์
  • Ask a question เช่น When did the site last change? Briks ตอบในเธรดโดยไม่สร้างอะไร ดู การถามคำถาม
  • ตอบคำถามของ Briks ก่อนการสร้างครั้งแรก หรืออนุมัติข้อความ รูปลักษณ์ หรือส่วน hero ของเว็บไซต์ หากเปิดใช้ขั้นตอนเหล่านี้ไว้ ดู อนุมัติระหว่างที่สร้าง

กล่องด้านล่างแสดงข้อความ “Change the hero, add a page, adjust the colours…” จนกว่าคุณจะพิมพ์ กด Enter เพื่อส่ง และกด Shift พร้อม Enter เพื่อขึ้นบรรทัดใหม่ ข้างกล่องมีปุ่มสามปุ่ม ได้แก่ Attach pictures, Add from your media และ Speak your request ใต้กล่องมีสวิตช์ Check the site after this change ซึ่งจะตรวจเว็บไซต์ที่เผยแพร่แล้วในขนาดหน้าจอสี่แบบ และซ่อมส่วนที่แสดงผลเสียหาย ตัวเลือกนี้ใช้เวลาเพิ่มอีกสองสามนาที และเบราว์เซอร์ของคุณจะจำการเลือกไว้สำหรับเว็บไซต์นั้น

หากบทบาทของคุณคือ Viewer ช่องนี้จะถูกแทนด้วยข้อความว่า “You can view this project. Changes are made by Editors, Admins and Owners of this workspace.” คุณยังเห็นบทสนทนาทั้งหมดและพรีวิวได้ตามปกติ

ระหว่างที่กำลังสร้าง

แผงหนึ่งปรากฏในบทสนทนา พร้อมตัวจับเวลา ขั้นตอนที่งานดำเนินผ่าน และหนึ่งบรรทัดด้านล่างที่บอกว่า Briks กำลังทำอะไรอยู่ตอนนี้ สำหรับการเปลี่ยนแปลง ขั้นตอนคือ Applying your changes, Verifying build และ Publishing บวก Checking the published site หากคุณเปิดการตรวจไว้ ปุ่ม Stop อยู่ข้างตัวจับเวลา กล่องยังเปิดอยู่และปุ่มเปลี่ยนเป็น Queue คุณจึงเรียงคำขอถัดไปรอได้ขณะที่คำขอนี้กำลังเสร็จ

พรีวิว

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

การควบคุมสิ่งที่ทำได้
Desktopแสดงเว็บไซต์เต็มความกว้างของกรอบ
Tabletแสดงกว้าง 834 พิกเซล พร้อมกรอบ เหมือนแท็บเล็ตที่ถือในแนวตั้ง
Phoneแสดงกว้าง 390 พิกเซล เหมือนโทรศัพท์ทั่วไป
รายการหน้าแสดงเมื่อเว็บไซต์มีมากกว่าหนึ่งหน้า เลือกหน้าเพื่อเปิดในกรอบ
ลูกศรเลิกทำและทำซ้ำย้อนกลับไปเวอร์ชันก่อนหน้า หรือไปข้างหน้าอีกครั้ง ดู เวอร์ชัน
Versions (ไอคอนนาฬิกา แสดงหมายเลขปัจจุบัน เช่น v7)แสดงรายการเวอร์ชันที่บันทึกไว้ทั้งหมด พร้อม Make live และ Test against live
Reload previewโหลดหน้าอีกครั้งโดยไม่ต้องรอการเผยแพร่
Full screenให้พรีวิวใช้เต็มหน้าต่าง กด Esc เพื่อปิด
Open in new tabเปิดเว็บไซต์ที่ที่อยู่ของตัวเอง

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

แท็บ Settings

Settings รวมทุกอย่างที่ไม่ได้เป็นแท็บของตัวเอง เปิดที่ General โดยมีทุกส่วนเรียงอยู่ทางซ้ายเป็นกลุ่ม บนจอแคบ เช่น โทรศัพท์ รายการจะพับอยู่ใต้ตัวควบคุมเดียวที่เขียนว่า Settings: และชื่อส่วนที่เปิดอยู่ แตะเพื่อเลือกส่วนอื่น

ส่วนกลุ่มใช้ทำอะไรอ่านเพิ่มเติม
Generalด้านบนชื่อ โลโก้ favicon ป้าย Built with Briks Made with Briks การคัดลอก การย้าย และการลบการตั้งค่าโปรเจกต์
Domainด้านบนที่อยู่ของเว็บไซต์และโดเมนของคุณเองเชื่อมต่อโดเมนของคุณ
Preferencesด้านบนกฎที่ทุกการสร้างยึดถือ ที่มาของรูปภาพ สิ่งที่แต่ละการเปลี่ยนแปลงทำ และเว็บไซต์ที่เว็บไซต์อนุญาตให้โหลดข้อมูลได้การตั้งค่าโปรเจกต์
Formsฟอร์มและอีเมลสิ่งที่ผู้เยี่ยมชมส่งผ่านฟอร์มของเว็บไซต์ฟอร์ม
Chatsฟอร์มและอีเมลทุกการสนทนาที่ผู้เข้าชมคุยกับแชทของเว็บไซต์ใน 90 วันที่ผ่านมา เรียงจากใหม่สุด พร้อม Export CSVแชทบอท
Emailsฟอร์มและอีเมลอีเมลที่เว็บไซต์ส่งถึงผู้เยี่ยมชมอีเมลของเว็บไซต์
Sign-in และ PaymentsAccounts and paymentsวิธีที่ผู้เยี่ยมชมเว็บไซต์ของคุณเข้าสู่ระบบ และผู้ให้บริการชำระเงินที่เว็บไซต์ใช้รับชำระเงิน โดยแต่ละอย่างใช้คีย์ของคุณเองการเข้าสู่ระบบและการชำระเงิน
VersionsVersions และการสำรองข้อมูลทุกเวอร์ชันที่เคยเผยแพร่ พร้อมวิธีกู้คืนแต่ละเวอร์ชันเวอร์ชันที่เผยแพร่
BackupsVersions และการสำรองข้อมูลโค้ดทุกเวอร์ชัน พร้อมกู้คืน หรือดาวน์โหลดได้ในแพ็กเกจแบบชำระเงินการสำรองข้อมูล
File ExplorerDeveloperโค้ดที่เขียนให้เว็บไซต์ อ่านและแก้ไขได้ และดาวน์โหลดได้ในแพ็กเกจแบบชำระเงินโค้ดของเว็บไซต์คุณ
GitHubDeveloperเก็บโค้ดของเว็บไซต์ไว้ในที่เก็บ GitHub และซิงก์ตรงกันทั้งสองทางการซิงค์ GitHub
SecretsDeveloperคีย์และรหัสผ่านที่โค้ดของเว็บไซต์เองอ่านใช้งาน เมื่อบันทึกแล้วจะไม่สามารถแสดงค่านั้นอีกได้ข้อมูลลับ
WebhooksDeveloperแจ้งบริการอื่นเมื่อมีเหตุการณ์เกิดขึ้นบนเว็บไซต์Webhook
Deploy hooksDeveloperที่อยู่ลับที่จะเผยแพร่โปรเจกต์อีกครั้งเมื่อมีสิ่งใดเรียกใช้ดีพลอยฮุก
งานตามกำหนดเวลาDeveloperการเรียกที่โปรเจกต์ทำตามตารางเวลา ในเขตเวลาของคุณงานตามกำหนดเวลา
LogsDeveloperทุกการสร้าง การเปลี่ยนแปลง และการเผยแพร่ พร้อมขั้นตอนที่แต่ละรายการผ่านมาบันทึก

ลิงก์ที่บันทึกไว้ก่อนที่ส่วนเหล่านี้จะย้ายไปอยู่ใน Settings เช่นลิงก์ในอีเมลเก่า ยังใช้งานได้ โดยจะเปิดส่วนเดียวกันที่นี่

ชมเบื้องต้นทีละขั้น

สิบนาทีกับโปรเจกต์ใหม่

  1. ตรวจสอบสถานะ

    ที่ไหน: Studio

    ดูที่ป้ายเหนือการสนทนา Live หมายถึงการเผยแพร่ครั้งล่าสุดสำเร็จ Needs attention หมายถึงงานล่าสุดล้มเหลว และการสนทนาจะบอกสาเหตุ

  2. ดูบนมือถือ

    ที่ไหน: Preview toolbar

    คลิก Phone เลื่อนดูทั้งหน้า และเปิดเมนู สิ่งที่คนอยากแก้ส่วนใหญ่จะเห็นได้ที่นี่ก่อน

  3. คลิกดูทีละหน้า

    ที่ไหน: Preview

    ใช้เมนูของเว็บไซต์เองภายในกรอบเพื่อเข้าชมแต่ละหน้า เหมือนที่ผู้เยี่ยมชมทำ

  4. เปิดเวอร์ชัน

    ที่ไหน: Versions

    คลิกไอคอนนาฬิกาที่มีหมายเลขเวอร์ชัน ระบบจะแสดงรายการทุกการสร้างและการเปลี่ยนแปลง และเวอร์ชันที่ผู้เข้าชมเห็นจะมีป้าย Live

  5. ตั้งชื่อให้เหมาะสม

    ที่ไหน: Settings, General

    เปิดแท็บ Settings ซึ่งจะเปิดที่ General ตรวจสอบชื่อโปรเจกต์ เพิ่มโลโก้และ favicon หากมี แล้วกด Save ใต้ Name and marks

  6. ขอการเปลี่ยนแปลงแรกของคุณ

    ที่ไหน: Studio

    กลับไปที่ Studio เขียนการเปลี่ยนแปลงที่เจาะจงหนึ่งอย่างแล้วกด Enter ดูขั้นตอนต่าง ๆ จากนั้นดูพรีวิวเมื่อโหลดใหม่

  7. เผยแพร่เมื่อคุณพร้อม

    ที่ไหน: Top bar

    กด Publish การตรวจก่อนเปิดตัวจะทำงานก่อน และผลจะแสดงในการสนทนา

สิ่งที่แต่ละบทบาทมองเห็น

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

บทบาทเป็นของเวิร์กสเปซ ไม่ใช่ของโปรเจกต์ใดโปรเจกต์หนึ่ง ดูตารางทั้งหมดได้ที่ สมาชิกและบทบาท

ทำไมจึงไม่มีปุ่ม Publish

จะปรากฏหลังจากเผยแพร่เว็บไซต์เป็นครั้งแรก ก่อนหน้านั้นยังไม่มีอะไรให้นำไปใช้เป็นเวอร์ชันใช้งานจริง

ทำไมฉันจึงไม่เห็นแท็บ Database

แท็บนี้จะปรากฏเมื่อโปรเจกต์มีฐานข้อมูลแล้ว ก่อนหน้านั้นมีเพียง Owner และ Admin เท่านั้นที่เห็น เพื่อให้สร้างฐานข้อมูลได้ ฐานข้อมูล อธิบายวิธีสร้าง

ทำไมฉันจึงไม่เห็นแท็บ Visual Editor

Visual Editor มาพร้อมแพ็กเกจแบบชำระเงิน เวิร์กสเปซบน Free จึงไม่แสดงแท็บนี้ Owner เปลี่ยนแพ็กเกจได้ใน Billing ดู ตัวแก้ไขภาพ

พรีวิวดูเหมือนไม่เป็นปัจจุบัน

คลิก Reload preview หลังเผยแพร่ เฟรมจะรอสองสามวินาทีก่อนโหลดใหม่ เพื่อให้เวอร์ชันใหม่พร้อมทุกที่

ใครหยุดการสร้างได้บ้าง

Editor, Admin และ Owner การหยุดงานที่ยังไม่เริ่มไม่เสียค่าใช้จ่าย