Wix Vibe: About the Wix Vibe Editor
10 min
In this article
- About the top bar
- Using the chat panel
- Using the Site tab
- Demo mode
- Edit mode
- Using the Dashboard tab
- Using the Code tab
- FAQs
We're in the process of releasing Wix Vibe and it's not available to everyone yet.
After you generate your site, the Wix Vibe Editor lets you refine and customize every detail. Use conversational prompts in the chat panel to make quick changes or dive into manual editing for full control. The editor’s intuitive interface combines AI-powered tools with familiar editing features, so you can update your site’s design, content, and functionality all in one place.
Ready to get started?
About the top bar
The top bar in the Wix Vibe Editor helps you manage your site and access important tools quickly.
From left to right, the top bar includes:
- Wix Vibe: Click the Wix Vibe drop-down to go to your dashboard, view your live site, create a new site, see all your sites, access account settings, find help resources, or upgrade your site.
- Site name: Click your site name to rename your site as it appears in your Wix account.
- Autosave: The Autosave icon
shows your work is being saved automatically. If saving fails, the icon changes and the editor will try again. If it cannot save, you’ll see a notification and won’t be able to create a version, test site, or publish until saving resumes. - View version history: Click the View version history icon
to preview or revert to previous versions of your site. - Chat panel: Click the Chat panel icon
to expand or collapse the chat panel on the left. - Site, Dashboard, and Code tabs: Use these tabs to switch between the main site editor (Site tab), your site management tools (Dashboard tab), and your project’s code files (Code tab).
- Select & Edit: (Site tab only) Toggle between demo and edit mode to preview or directly edit your site elements.
- Site Theme: (Site tab only) Click the Site Theme icon
to adjust your site’s colors and typography. - Upgrade: Click to upgrade your site plan and unlock more features.
- Preview: Preview your site as visitors will see it before publishing.
- Publish: Publish your current version to your free Wix domain or a connected custom domain.
Using the chat panel
The chat panel on the left lets you interact directly with AI to update your site. It shows a timeline of all your past requests and the changes made, so you can easily track your progress.
In the chat panel, you can:
- Preview and restore versions: Scroll through saved versions with timestamps. Click the More Actions icon
on any version to preview it on the stage or restore it. - Reply after timeline events: Hover over an event in the timeline and click the Reply icon
to ask AI to make changes relevant to the event. - Chat with AI: Type your requests to ask AI for specific edits or new features. Press Shift + Enter on your keyboard if you need to start a new line. Click the Send icon
once you're ready to send your message to AI. - Attach files: Click the Attachment icon
to upload images that can provide references or content for your site. - Mention specific elements: Click '@' or manually type the '@' sign to view a list of page elements and specify which one you want to update.
- Talk to AI: Click the Microphone icon
to speak your instructions, which the AI transcribes for you. Make sure to allow your browser to use your mic to use this feature.
Using the Site tab
The Site tab is your main workspace, where you can view and edit the current version of your site in the stage.
At the top of your editor, click Select & Edit to toggle between demo and edit mode. To update your site's overall colors and typography, click the Site Theme icon . These theme changes apply across your entire site.
. These theme changes apply across your entire site.At the top of the stage, you can:
- Click the Page drop-down to switch to other site pages.
- View the stage browser bar where you can refresh the stage, connect a domain, or view the live URL of the page.
- Click the Undo icon
or Redo icon 
to undo or redo your last edits. - Click the Device icon
to preview and edit how your site looks on desktop, tablet, or mobile. Most changes apply only to the selected device. However, some changes, like color, affect all devices unless the AI has set a different value for a specific screen size.
Demo mode
By default, the Wix Vibe Editor opens in demo mode, letting you interact with a preview of your site on the stage. This is a great way to test your site’s functionality and see what you may want to improve.
You can edit your site in demo mode by asking AI to make changes. Use the chat box on the left panel to tell AI exactly what you want to adjust. You can also attach images or use ‘@’ to specify the elements you want to update. Ask AI to create components, effects, text, buttons, media, forms, lists, and more.
For example, you can use the following prompts to make changes you can't make manually in edit mode:
- "Add a background image or gradient"
- "Edit the button's hover style"
- "Apply an entrance animation"
- "Replace this icon with a different shape"
- “Add a contact form to the home page”
When you want to manually edit elements like text, buttons, or images, click Select & Edit at the top to switch to edit mode.
Edit mode
Edit mode gives you hands-on control to update any element on your site. After you click Select & Edit at the top, you can click elements such as text, buttons, or images directly on the stage to make manual changes.
When you select an element, a floating toolbar appears with editing options specific to that element. For example, when editing text, you can:
- Click Ask to write instructions for AI to change the text.
- Change the font family and size.
- Adjust formatting like bold, italics, underline, alignment, and text style (e.g. paragraph, heading).
- Select theme colors or add custom colors.
Learn more about customizing your elements on your site with Wix Vibe.
Using the Dashboard tab
The Dashboard tab gives you access to your site’s key management tools. Use it to keep your site organized and connect with your audience.
In the dashboard, you can:
- Manage CMS collections that connect to your site.
- Set up and track marketing campaigns.
- View site analytics to better understand your visitors.
- Create automations to save time on routine tasks.
- Manage your members area, including customers & leads and your inbox.
Tip:
Using the Code tab
The Code tab lets you view and edit your site's code directly. It gives you full access to all the files behind your project and helps you find and fix issues faster. You can also ask AI to make specific code changes or explain complex parts through a chat built into the code editor. This makes it easier to add custom features or troubleshoot problems that are hard to describe in regular chat.
Learn more about the Wix Vibe Code tab.
FAQs
Click below for answers to common questions about the Wix Vibe Editor.
Why can’t I edit dynamic content directly on the editor's stage?
What file types can I attach to chat in Wix Vibe?
Can I add animations to elements on my site?
Can I manually edit multiple elements at once?
What is the daily chat request limit in Wix Vibe?
Does restoring my site to an earlier version restore CMS collection content?
