Visual Editor: ubah situs langsung di halaman

Visual Editor membuka halaman situs Anda sendiri di samping sebuah panel, seperti alat desain. Klik apa saja untuk mengubah kata-katanya, tujuan tautannya, gambarnya, atau tampilannya di ponsel, tablet, dan desktop; tambahkan, pindahkan, salin, atau sembunyikan elemen, bagian, dan halaman; serta atur warna dan jenis huruf seluruh situs. Perubahan Anda menunggu dalam draf yang dibagikan dengan tim dan tayang saat Anda memublikasikannya, tanpa memakai kredit. Fitur ini tersedia di paket berbayar.

Baca 10 menitDicocokkan dengan studio pada 8 Oktober 2026

Buka

Tab Visual Editor berada di samping Studio pada ruang kerja dengan paket berbayar; pada paket Free tab ini tidak tampil. Editor memenuhi jendela, dan panah di kiri atas kembali ke proyek. Di bagian atas terdapat:

Di bilahFungsinya
Open layersMembuka dan menutup Layers, halaman per bagian.
PagesMemilih halaman yang dikerjakan, serta menambah, mengganti nama, memindahkan, dan menghapus halaman.
AddMenambahkan elemen atau bagian. Tombol A melakukan hal yang sama.
Panah undo dan redoMundur dan maju melalui perubahan Anda. ⌘Z dan ⇧⌘Z melakukan hal yang sama.
ChangesMenampilkan setiap perubahan yang menunggu dipublikasikan, masing-masing dengan Drop this change.
CommentsKomentar yang disematkan pada elemen di halaman.
HistoryVersi-versi situs, untuk dilihat atau dipulihkan.
PublishTertulis misalnya Publish 3 changes. Menayangkan draf.
Desktop, Tablet, PhoneLebar tampilan halaman: 1440, 834 atau 390 piksel.
Use the pageMembiarkan klik sampai ke situs, untuk membuka menunya atau pop-up dan memilih di dalamnya. Tekan P untuk kembali menyunting.
Menu ⋯Keyboard shortcuts dan Discard draft.
Open the pageMembuka halaman langsung di tab baru.

Pilih yang ingin diubah

  • Klik apa saja di halaman, atau temukan di Layers. Buka panah sebuah baris untuk melihat isinya; memilih di halaman akan membuka jalur ke elemen itu.
  • Jejak di bagian atas panel menyebutkan apa yang memuatnya. Klik salah satu langkah untuk memilihnya, atau tekan Escape.
  • Klik sambil menahan Shift untuk memilih beberapa sekaligus. Perubahan tampilan akan berlaku untuk semuanya.
  • Ketika elemen yang sama berulang, seperti kartu-kartu dalam sebuah daftar, semuanya ikut menyala, dan perubahan pada tampilan akan mengubah semuanya. Teks pada setiap elemen tetap milik elemen itu sendiri.
  • Klik kanan pada apa pun, atau tekan Shift+F10, untuk membuka menunya.

Menu klik kanan

ItemFungsinya
Edit textKetik langsung di atas teks pada halaman.
Rewrite with AIRewrite, Shorter, Longer, Friendlier tone, More formal tone atau Bolder tone, masing-masing hingga 0.20 kredit. Lihat kata-kata barunya, lalu pilih Keep, Try again atau Discard.
Replace picture atau Replace videoPilih yang lain dari pustaka media Anda.
Alt text…, Link…, Style…Buka bagian panel itu.
Ask AINew design for this section, Fix the layout atau Ask about this…. Lihat Ask AI dan pembangun.
Move up, Move down, Move out of its container, Move into the next containerPindahkan di antara elemen di sampingnya, atau keluar dari atau masuk ke sebuah kotak.
Select parent, Select sectionPilih wadahnya, atau seluruh bagiannya.
LockMencegahnya terpilih tanpa sengaja di halaman. Item yang sama melepaskannya kembali.
Duplicate, Copy style, Paste styleSalin, atau bawa tampilannya ke elemen lain.
ShowHide on phone, Hide on tablet atau Hide everywhere.
SectionQuick edit section…, Add section above…, Add section below…, Move section up, Move section down, Duplicate section dan Section background….
Comment, Check the page…Sematkan komentar di sana, atau periksa halaman untuk mencari masalah.
DeleteMenghapusnya. Pada satu bagian utuh, tertulis Remove from page.

Item yang tidak bisa diterapkan tetap redup dan menyebutkan alasannya. Saat Anda mengetik, bilah kecil menawarkan Bold, Italic, Link dan Line break.

  1. Klik dua kali pada kata-katanya

    Di mana: Page

    Ketik langsung di atasnya pada halaman. Enter menyimpannya; Escape mengembalikannya. Atau ketik di bawah Content pada panel.

  2. Ubah tujuannya

    Di mana: Link

    Tautan atau tombol mengarah ke Page situs, Section, Web address, Email, nomor Phone, atau File, dan dapat Open in a new tab.

  3. Periksa di setiap lebar layar

    Di mana: Bar

    Beralihlah antara Desktop, Tablet dan Phone untuk melihat bagaimana kata-katanya terbungkus.

Kata-kata yang disimpan dalam detail situs Anda, seperti alamat email atau namanya, berubah di semua tempat tampilnya, dan panel menyebutkan ada berapa tempat. Editor memperingatkan tentang tanda pisah yang dipakai sebagai tanda baca dan menawarkan koma, serta tentang tombol yang tulisannya terpecah menjadi dua baris. Quick edit di panel mendaftar setiap kata dan gambar dari satu bagian dalam satu formulir.

Tampilan

Panel ini memiliki lima tab: Element, Motion, Quick edit, Site, dan Check. Di bawah Element, Look memuat Layout, Space inside dan Space outside, Text, Fill, Stroke, dan Effects. Nilai yang diatur pada lebar yang sedang Anda lihat tampil penuh; nilai yang diteruskan dari lebar yang lebih kecil tampil abu-abu, dan mengarahkan kursor ke sebuah kolom akan menampilkan tombol hapusnya.

Anda inginLakukan ini
Judul lebih kecil hanya di ponselBeralih ke Phone, lalu pilih Size yang lebih kecil di bawah Text. Tablet dan desktop tetap memakai ukurannya.
Sesuatu yang tersembunyi di ponselKlik kanan lalu pilih Show, kemudian Hide on phone.
Warna khas milik situs itu sendiriDi bawah Fill, klik salah satu swatch. Setiap swatch ditampilkan seperti situs Anda menampilkannya, dan panel menunjukkan seberapa jelas teks terbaca di atas latarnya.
Lebih banyak ruang di dalamSeret gagang hijau di halaman, atau atur di bawah Space inside; tombol bingkai di sana membuka tiap sisi.
Perubahan saat hoverPilih On hover di bagian atas tampilan, lalu atur. Arahkan kursor ke elemen itu di halaman untuk melihatnya.
Sesuatu yang bergerak masukDi bawah Motion, pilih Entrance seperti Fade, Rise atau Slide from the left, lalu atur Time dan Wait, dan tekan Play untuk melihatnya satu kali.

Warna adalah peran milik situs Anda sendiri, bukan warna tersendiri, sehingga situs tetap selaras. Class yang tidak diatur oleh panel dibiarkan apa adanya, dan dicantumkan di bawah Kept as written.

Tab Site mengatur apa yang dibaca setiap bagian: Colours, Type untuk judul dan teks, Text styles, Buttons, Boxes, dan di bawah Page modenya, sudut, lebar, dan iramanya. Tanda × di samping pengaturan mengembalikannya ke desain situs Anda sendiri.

Tambah dan atur

  • Add menawarkan Section, Text, Heading, Button, Picture, Video, Icon, Divider, Form dan Embed. Klik salah satunya untuk menambahkannya di tempat yang Anda pilih, atau seret ke tempat yang diinginkan.
  • Embed menampilkan halaman dari website lain. Peta dan pemutar dari Google, YouTube, Vimeo, Spotify, SoundCloud, dan Calendly berfungsi di setiap situs; website lain harus ditambahkan dulu di Settings, Preferences, Allowed websites.
  • + Add section di antara dua bagian menawarkan Designed (gratis, bagian yang digunakan Briks untuk membangun, dalam warna situs Anda), Blank (gratis) atau Generate with AI, sekitar 5 kredit: kata-kata Anda dikirim ke pembuat sebagai perubahan.
  • Picture di tab Element menggantinya dengan Replace from your media, mengatur Alt text (atau menandainya Decorative, nothing to read aloud), memangkasnya, dan mengatur titik yang tetap terlihat pada setiap lebar. Section background… mengatur warna, gradien, gambar, atau video di belakang sebuah bagian.
  • Pergantian gambar masuk ke draf dan tayang bersama perubahan Anda yang lain.
  • Di Layers, baris sebuah bagian di beranda memindahkannya ke atas atau bawah, menyalinnya, atau menyembunyikannya, dan bagian yang disembunyikan terdaftar di bawah Hidden from this page untuk ditampilkan lagi. Di halaman lain, baris sebuah bagian memindahkannya atau mengeluarkannya dari halaman. Rename memberi layer nama pilihan Anda sendiri, yang hanya untuk editor dan tidak pernah dipublikasikan.

Halaman

Pages mencantumkan halaman situs. Add page memulai Blank page atau Copy of a page, dengan Title dan Address-nya. Menu setiap halaman memiliki Search and share (Search title, Search description, Hide from search engines dan Share picture-nya), Rename, Duplicate, Move up, Move down, Hide from menu dan Delete. Menghapus halaman akan menanyakan ke mana tautan ke halaman itu harus diarahkan. Perubahan halaman menunggu di draf seperti perubahan lainnya.

Kerjakan bersama

  • Satu draf bersama. Perubahan Anda disimpan ke draf proyek sesaat setelah Anda membuatnya, sehingga tetap ada setelah dimuat ulang, tab ditutup, atau berpindah perangkat, dan semua orang yang membuka editor melihatnya. Bilah itu bertuliskan Draft saved · not live yet, beserta kapan dan oleh siapa. Jika orang lain mengubah draf sejak Anda membukanya, sebuah bilah meminta Anda untuk Reload sebelum melanjutkan.
  • Siapa lagi yang ada di sini. Wajah orang lain yang membuka editor berada di bilah. Arahkan kursor ke salah satunya untuk melihat halaman dan elemen yang sedang mereka buka; elemen pilihan mereka diberi garis tepi berwarna mereka. Tidak ada yang dikunci.
  • Komentar. Pilih sebuah elemen lalu tekan C, atau klik kanan dan pilih Comment. Ketik @ untuk menyebut seseorang. Komentar maksimal 2.000 karakter, disematkan pada elemen, dan memiliki Reply, Resolve dan Open again. Semua orang di ruang kerja dapat berkomentar, termasuk Viewer; hanya Editor, Admin dan Owner yang dapat menyelesaikan. Lonceng memberi tahu semua orang, dan orang yang Anda sebut juga menerimanya di chat mereka dengan bot Briks.

Viewer dapat membuka editor untuk melihat-lihat situs dan memberi komentar. Halaman itu menyatakan “You can look through this site here. Your role in this workspace can't change it.”

Ask AI dan builder

Untuk sesuatu yang tidak dilakukan panel, seperti elemen baru atau tata letak lain, Ask AI di menu klik kanan, atau Ask the builder di bagian bawah tab Element, mengirim kata-kata Anda ke pembuat tentang elemen yang Anda pilih, sebagai perubahan biasa yang menggunakan kredit:

  • New design for this section dan Fix the layout menampilkan perkiraan kredit yang biasanya dibutuhkan pekerjaan itu dibandingkan saldo Anda sebelum mengirim, seperti Design it for about 5 credits. Perubahan dibuat dan dipublikasikan seperti pesan Studio, dan Versions bisa membatalkannya.
  • Ask about this… menjawab pertanyaan tentang elemen di sini, gratis, tanpa membuat apa pun.
  • Publikasikan atau buang draf terlebih dahulu: pembuat bekerja dari situs yang sudah dipublikasikan, jadi editor meminta Anda melakukannya sebelum mengirim.
  • Write alt text di Picture gratis jika deskripsi gambar sudah tersimpan, jika tidak maksimal 0,10 kredit. Use this menyimpannya.

Tab Check memeriksa halaman pada lebar yang sedang Anda pakai untuk gambar tanpa teks alt, kata yang sulit dibaca, judul yang tidak berurutan, urutan baca, serta tautan dan tombol tanpa nama. Pemeriksaan gratis; perbaikan bertanda Uses credits diteruskan ke pembuat.

Publikasikan, atau batalkan

  • Tidak ada yang tayang sampai Anda memublikasikan. Satu draf menampung hingga 300 perubahan.
  • Publish menuliskan perubahan ke kode situs Anda dan menerbitkannya sebagai versi baru, biasanya dalam sekitar setengah menit, tanpa memakai kredit. Menerbitkan akan mengosongkan draf.
  • Jika sebuah perubahan tidak dapat dilakukan, tidak ada yang dipublikasikan, dan editor menyebutkan yang mana serta alasannya.
  • Drop this change di Changes menghapus satu perubahan. Discard draft di menu ⋯ membuang semuanya, untuk semua orang yang mengedit situs, dan bertanya dulu.
  • History mencantumkan versi-versi situs. Preview menampilkan satu versi seperti saat dipublikasikan, dan Restore mengembalikannya ke versi langsung; draf Anda tetap tersimpan. Lihat Versi, urungkan, dan ulangi.

Pintasan keyboard

KunciApa yang mereka lakukan
EscapePilih tempat elemen berada, atau kembalikan kata-kata yang diketik.
Panah bawah, kiri, dan kananPilih elemen pertama di dalamnya, atau elemen di sampingnya.
Enter atau klik dua kaliKetik kata-kata elemen itu.
⌘B, ⌘I, ⌘KTebal, miring, atau tautan, sambil mengetik.
Alt dengan panah atas atau bawahPindahkan elemen ini, atau butir daftarnya.
⌘D, BackspaceGandakan atau hapus.
⌘Alt+C, ⌘Alt+VSalin gayanya, atau tempel gayanya.
A, C, PTambahkan, beri komentar, atau gunakan halamannya.
?Tampilkan semua pintasan.
Di Windows, Ctrl menggantikan ⌘.
Apakah Visual Editor memakai kredit?

Perubahan yang dibuat di dalamnya, dan mempublikasikannya, tidak memakai kredit. Hanya item AI yang memakainya: menulis ulang kata (hingga 0,20 kredit), menulis teks alternatif yang belum tersimpan (hingga 0,10 kredit), dan apa pun yang dikirim ke pembuat, yang dikenai biaya sebagai perubahan.

Siapa yang bisa menggunakannya?

Semua orang di ruang kerja pada paket berbayar. Owner, Admin, dan Editor mengubah dan memublikasikan; Viewer melihat-lihat dan memberi komentar.

Mengapa saya tidak bisa mengetik beberapa kata?

Kata-katanya dihitung di dalam kode situs, atau berada di antara elemen lain. Pilih setiap bagian satu per satu, atau minta kepada pembuatnya.

Bisakah kami berdua mengedit bersamaan?

Ya. Anda berbagi satu draf, saling melihat di bilah, dan editor meminta Anda memuat ulang jika seseorang mengubah draf sejak Anda membukanya.