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.
Tip: Click the Microphone icon 
to speak and have your message transcribed automatically. - 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 Select & 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 on an element, use the settings in the floating toolbar to update styles, text, colors, and more.
To customize your site manually:
- Go to your editor.
- Click Select & Edit at the top of your editor to switch to edit mode.
- 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.
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.
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
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.
FAQs
Click a question below to learn more.
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 Select & Edit at the top to move from demo mode to edit mode. This lets you click and customize elements manually, such as text, buttons, or images. You can always switch back to demo mode to preview your site and test its features.
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.
Can I undo and redo manual edits I made?
Yes, click the
Undo icon
or
Redo icon
to undo or redo your last edits.
How do I manage and edit my custom page collections?
Access your custom pages from
your site's dashboard or by clicking the
Dashboard tab in the Wix Vibe Editor. Then click
Custom Pages in the left panel of your dashboard or select the relevant custom page name.
From these collections, you can view, add, update, or delete data entries, and filter or search to find information quickly.
You cannot customize the columns (fields) inside the custom page collections themselves. To adjust the data structure,
modify the fields in the corresponding CMS collection either manually or by asking the AI chat. These changes sync automatically to your custom page collections.
To change how data displays on your site (for example, in tables), adjust the columns in your site’s design elements.
Does restoring my site to an earlier version restore CMS and custom page collection content?
No. CMS and
custom page collection data are backed up separately from your main site versions. Restoring an earlier site version does not restore your CMS or custom page collections. To manage or restore previous collection data, use the
CMS collection backup tools directly.
icon and choosing the element you would like to customize. 
