The Wix Vibe Editor gives you the freedom to refine and customize every part of your site, whether you want to use AI-powered prompts or take hands-on control. Easily update layouts, text, images, and buttons to match your brand and style.
Customizing your site using the chat panel
The chat panel lets you describe changes you want to make to your site. You can use it to update multiple areas or make site-wide edits in both demo and edit mode.
To customize your site using the chat panel:
- Go to your editor.
- Click the Chat panel icon
to expand or collapse the chat panel. - Type your request in the chat box (e.g., “Change all button colors to green” or “Add a contact form to my homepage”). Press Shift + Enter if you need to start a new line without sending your message.
- Press Enter or click the Send icon
to submit your request.
Customizing your site using 'Ask' in the toolbar
When you’re in edit mode, you can select any element on your site and click Ask in the floating toolbar to make AI-powered changes to that specific element.
To customize your site using the 'Ask' feature:
- Go to your editor.
- Click Edit at the top of your editor to switch to edit mode.
- Click the element you want to change (such as text, an image, or a button).
- Click Ask in the floating toolbar.
- Type your instruction (e.g., “Align text to center” or “Make this button larger”) in the chat bubble.
Tip: Click the Attachment icon 
to upload images that can provide references or content for your site. - Press Enter or click the Send icon to submit your request.
Customizing your site manually
Make detailed changes to each part of your site using the manual editing tools in edit mode. After you click an element, use the settings in the floating toolbar to update styles, text, colors, and more. You can drag and drop elements to move them within sections or click their arrows to reorder them.
To customize your site manually:
- Go to your editor.
- Click Edit at the top of your editor or in the chat box to switch to edit mode.
- (Optional) Rearrange elements:
- Click to select the element you want to move.
Tip: The Reorder icon 
appears if it's possible to manually rearrange the element. If the icon doesn't display, use the chat box to request to rearrange the elements instead. - Click the relevant arrow or click and drag the Reorder icon to move elements.
- Click the element you want to customize:
Customize the section using the following options:
- Corner radius: Set the roundness of your image's corners (e.g., sharp corners or fully rounded).
- Borders: Adjust the border's color, width, and opacity to highlight your image.
- Padding: Control the spacing inside the image.
- Shadow: Add a shadow to your section to give a 3D effect. You can customize different aspects of the shadow to make it more or less dramatic
- Transparency: Adjust the transparency slider to make your image more or less see-through.
- Background color: Choose a background color for your section and adjust its opacity.
- Delete: Remove the container completely.
Customize the button using the following options:
- Font family: Adjust the button's typography, including the theme, color, font, size, and format.
- Font size: Increase or decrease the text size to fit your button’s design.
- Text format: Apply styles like bold, italic, or underline to the button’s text.
- Text color: Change the color of the button text using the palette or by entering a hex code.
- Background color: Choose a background color for your button and adjust its opacity.
- Corner radius: Set the roundness of your button's corners (e.g., sharp corners or fully rounded).
- Borders: Adjust the border's color, width, and opacity to highlight your button.
- Padding: Control the spacing inside the button to position the text and content.
- Shadow: Add a shadow to your button to give a 3D effect. You can customize different aspects of the shadow to make it more or less dramatic
- Background color: Choose a background color for your button and adjust its opacity.
- Delete: Remove the button completely.
Customize the text using the following options:
- Font family: Choose different fonts for different sections.
- Display title: Toggle between types of headers and normal text.
- Font size: Adjust the size and color for visibility or design.
- Font color: Change the color of the text using the palette or by entering a hex code.
- Text alignment: Align your text left, right, or center.
- Transparency: Drag the slider to make your text more or less transparent.
- Delete: Remove the text element completely.
Tip: To edit the text, click it and start typing.
Customize the image using the following options:
- Corner Radius: Set the roundness of your image's corners (e.g., sharp corners or fully rounded).
- Borders: Adjust the border's color, width, and opacity to highlight your image.
- Padding: Control the spacing inside the image.
- Shadow: Add a shadow to your image to give a 3D effect. You can customize different aspects of the shadow to make it more or less dramatic
- Transparency: Drag the slider to make your image more or less transparent
- Background Color: Choose a background color for your image and adjust its opacity.
- Replace image: Click Replace to upload a new image.
- Delete: Remove the image completely.
FAQs
Click a question below to learn more.
Why can’t I edit dynamic content directly on the editor's stage?
Dynamic content updates automatically from external sources or logic, so you can’t edit it directly on the Vibe Editor’s stage in edit mode.
To update dynamic content:
- If it’s connected to your site’s CMS, edit the data directly in the CMS collection in your site’s dashboard or ask the AI chat to update it for you.
- For content driven by other logic or APIs, ask the AI chat to update it.
For example, if an image is connected to a CMS collection, update the image by editing the collection item in the dashboard—not by clicking the image in edit mode.
Can I manually edit multiple elements at once?
It’s not possible to manually select and edit multiple elements at the same time in
edit mode. If you want to update several elements across your site, try these options:
- Ask AI in the chat boxes: Type your request (for example, “Change all buttons to blue and update all headings to use Arial font”). The AI will make these changes across your site.
- Use the site theme panel: Apply style changes (such as fonts or colors) to your entire site at once. Learn more about changing the site theme.
What is demo mode, and how do I use it?
Demo mode is the default view in the Wix Vibe Editor. It shows a preview of your site on the stage, so you can see how your site functions and decide what you want to improve before making manual changes.
In demo mode, you can update your site by chatting directly with the AI. Type your requests in the chat panel on the left, such as "Replace the logo with a new image" or "Add a testimonials section to the About page." You can also attach files or use '@' to mention specific elements you want to update. Wix Vibe makes these changes for you, helping you add new features or adjust your site's design and content.
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're ready for hands-on editing, click Edit at the top or the editor or in the chat box to switch to edit mode. This lets you click and customize elements manually, such as text, buttons, or images. You can always click Demo at the top to switch back to demo mode and test your site's functionality.
Can I add animations to elements on my site?
Yes, you can add animations to any elements, such a big title, or on multiple elements such as all of your site buttons. Just use the chat inside the Vibe editor to describe the effect you want.
For example, ask the chat to make an image fade in when someone scrolls, add a hover effect to a button, or create a looping animation for your logo. The chat can help you apply many types of animations, such as entrance effects, hover states, or animations that repeat automatically.
What file types can I attach to chat in Wix Vibe?
You can attach up to 5 image files at a time when sending messages through chat with Wix Vibe. Upload any of the following file types: jpg, jpeg, or png.
Note: Other file types (such as pdf, doc, or gif) are not supported in Wix Vibe chat at this time.
What is the daily chat request limit in Wix Vibe?
The
daily chat request limit is the maximum number of chat interactions you can have with Wix Vibe’s AI within 24 hours. It helps ensure fair usage and system stability. When you reach this limit, the chat will be disabled until the limit resets automatically.
Can I undo changes made in the chat?
Can I change the elements on different pages?
Absolutely! You can click the Page drop-down at the top of the stage to switch between pages. You can then edit the elements on that page as needed. You can also go to demo mode and click links on your site to navigate to other pages and edit the content.
Can I undo and redo manual edits I made?
Yes, click the
Undo icon
or
Redo icon
to undo or redo your last edits.
Can the Wix Vibe Editor appear in dark mode?
Yes, you can change how the Wix Vibe Editor looks while you work. This setting only affects the editor and does not impact how your published site appears to visitors.
To change the editor’s appearance:
- In your editor, click the Wix Vibe drop-down at the top left.
- Click Editor Appearance and choose the relevant option:
- Light: The editor appears in the default light mode.
- Dark: The editor switches to dark mode, making it easier on your eyes in low-light environments.
- Device settings: The editor automatically matches your device’s light or dark mode preference.
Does restoring my site to an earlier version restore CMS collection content?
No. CMS collection data is backed up separately from your main site versions. Restoring an earlier site version does not restore your CMS collections. To manage or restore previous collection data, use the collection backup tools directly.
Can I create sites from my mobile device?
to upload images, documents, or other file types.
to speak and have your message transcribed automatically.
