Using the Editor Copilot
Last updated
Was this helpful?
Last updated
Was this helpful?
The Editor Copilot is an AI-powered tool designed to simplify the process of creating and modifying website experiences using natural language prompts. Copilot is primarily designed for users who wish to modify their campaigns but are not familiar with editing code, or wish to improve their text content. This tutorial will guide you through the steps of using this feature effectively.
Access to an AB Tasty account with the Editor Copilot feature enabled
A campaign created in AB Tasty (Test or Personalization)
Basic understanding of AB Tasty's Visual Editor
Open your AB Tasty campaign in the Visual Editor.
Select the element you want to modify on your website.
Click on Copilot in the context menu.
Tips for effective use - Be as specific as possible in your prompts to get the most accurate results. - Start with simple changes and gradually move to more complex modifications as you become familiar with the tool. - Remember that you can always refine your request if the initial result isn't perfect. - Use the Copilot for creative ideas - it can suggest wording for CTAs or generate multiple design options. For prompt examples, please refer to the article: Prompt Inspiration library for Visual Editor Copilot
When the Copilot interface opens, you'll see an input field asking what you want to do with the selected element.
Enter your desired changes using natural language. For example:
"Move this menu 3 pixels to the left."
"Change the button color to blue and increase its size by 20%."
"Change the text color to blue."
Click Go to validate your request.
Review the modifications to ensure they match your expectations:
If the changes aren't exactly what you wanted, either click on:
Not exactly what I had in Mind, to refine the request (see Step 4).
Leave Module to modify your page manually.
If the changes aren't exactly what you wanted, you can refine your request:
Not exactly what I had in Mind, to refine the request
Provide more specific instructions or clarify your initial prompt.
When you're satisfied with the changes:
Click I like this, validate modification.
A confirmation message appears, and the modifications are added to your campaign variation.
Close the Copilot.
After accepting the Copilot's changes, you can still make manual adjustments using the standard editing options.
For more advanced customization, access the Code Section to directly edit the CSS or JavaScript. Click on Active Changes and hover on the change you want to edit, Click on Menu and Edit:
The Copilot process your request and generate the necessary modifications. The changes are applied on your selected element to preview them in the Visual Editor and related code is generated.