APPLICABILITY: For Growth, Pro, and Enterprise plans. This feature is available under the early access program and is being rolled out in phases. Contact your account manager or the support team at support@vwo.com for details regarding early access to this feature.

VWO Editor Copilot is an AI-powered assistant designed to simplify the process of creating variations. It listens to your requirements and offers corresponding designs to apply to your variations. Yes, it’s quick, easy, and fun, making it a valuable tool even when you already have a design idea.

You might have an idea that seems easy to implement, but why not explore different perspectives before settling on your plan? By providing a clear prompt and asking Copilot to create a design for your idea, you can effortlessly choose from multiple designs.

What Can the Editor Copilot Do?

Simple: everything you can do manually, including adding creative text content, adjusting the roundness of button corners, changing the colour of UI elements, altering fonts, and so on.

Instead of making these changes yourself, simply tell Copilot what to do.

Limitations:

• It cannot apply changes to the principal element on a web page.
• It cannot generate images, shapes, or rich media. However, if you provide URLs to publicly accessible files, Copilot can add or replace them on your web page.

How to Use the Editor Copilot?

1. Select an Element: In the VWO Editor, click on any element you want to modify.
2. Open Editor Copilot: Select Editor Copilot from the Editor pallet.
3. Describe the Change: In the popup, describe the change you want. Be specific for better results.
4. Review Suggestions: Copilot will generate multiple versions of your requested change. Click on each to view the UI updates.
5. Refine Results: If needed, refine the changes by providing more specific instructions.
6. See Justifications: Click the Info icon to understand the reason behind a suggested change.
7. Access Code: Click the code icon (</>) to access the code for a specific change.

Use Cases

Decongesting Information

• Scenario: Break down a complex paragraph describing a product’s capabilities that isn’t grabbing attention.
• Solution: Use Copilot to convert the paragraph into simpler bullet points, emphasizing the product’s perks.

Adding Animation Over a Button or Element

• Scenario: You want to add dynamic effects to enhance user engagement.
• Solution: Ask Copilot to add an animation to a button or any other element, even when it can't be done using a visual editor.

Making Text or Bullet Points Concise or Verbose

• Scenario: You need to adjust the length of content based on your design needs.
• Solution: Request Copilot to either condense the content into shorter points or expand it into more detailed descriptions.

Classifying Items Based on Popularity

• Scenario: Segregate dress models based on their popularity on your fashion retailer website.
• Solution: Instruct Copilot to classify items as “Popular Models” and group the rest under “More.” For better accuracy, specify the items to be categorized.

Adding a Countdown Timer for a Time-Limited Discount

• Scenario: Highlight a time-limited discount for a product.
• Solution: Ask Copilot to add a countdown timer showing when the discount expires. Review the suggestions and choose the best fit.

Adding New Widgets

• Scenario: Enhance the functionality of your webpage by adding elements like a countdown timer or a searchable FAQ section.
• Solution: Direct Copilot to insert new widgets and configure them to meet your specific requirements.

Exploring Design Variations

• Scenario: You want to see different design options for a webpage element.

Solution: Use Copilot to generate and display various design styles, helping you choose the most effective one.