How to Edit the Elvin Widget
Under the Elvin Widget section, you can configure various aspects of the Elvin Copilot and its widget. The configuration options cover the assistant’s behavior, appearance, and interactions with end-users from setting the tone of responses to enabling features such as the newsfeed or feedback widget.
Accessing the Widget Editor
To begin configuration, navigate to Elvin Copilot → Widget → Editor. When the editor is opened, a general configuration window will appear automatically. This window provides options for enabling or disabling Elvin, setting the assistant's name, selecting pronouns (he/she), and defining targeting rules. Targeting determines which end-users will have access to the assistant. Options include making Elvin available to all users, applying a preexisting user segment, creating a custom rule, or defining specific URLs where the assistant should appear or be hidden.
Appearance and Color Settings
In the upper left corner of the editor, administrators can select one of two predefined color schemes for Elvin’s appearance: Default and Professional Blue. Additionally, administrators can fully customize colors for the primary color, background, surface, and text. These can be adjusted using a color picker or by entering specific hex codes. When custom colors are defined, the remaining colors are automatically recalculated to maintain a visually harmonious design. Administrators can also upload a custom avatar for Elvin to match the client’s branding.
Main Tab Configuration
The Main tab provides essential settings for the assistant’s core interface and communication style. Administrators can select the localization (language) for UI messages, set the main title of the AI support, and add a descriptive supportive text to inform users about what they can expect from Elvin Copilot. Chat placeholder messages can be modified or removed entirely, providing flexibility in guiding user interactions. Additionally, the tone of Elvin's responses can be defined to ensure consistency with the brand voice.
Home Section
The Home section is highly customizable and functions similarly to the Life Ring Button in the legacy system. Administrators can configure the following items:
- Grouping of multiple items for organization within the widget.
- Launching interactive tours for end-users.
- Navigating to specific links directly from the widget.
- Opening videos in popups, supporting platforms such as Vimeo and YouTube.
- Adding headings to sections to improve clarity and structure.
This section allows administrators to organize and prioritize content that users will interact with when first engaging with Elvin.
Header Configuration
The header configuration allows administrators to adjust the layout, visibility, and text of the widget’s header. This ensures that the assistant’s header is consistent with the overall product design and branding guidelines.
Newsfeed Section
Elvin’s Newsfeed section aggregates updates, announcements, or other informational content. Administrators can enable or disable this section, and the AI can automatically generate summaries of posts to provide concise and informative previews. This feature is enabled by default and helps end-users quickly understand the latest updates.
Feedback Section
End-users can provide feedback through the widget. The feedback section must be enabled and configured via the legacy Life Ring Button system. Administrators can manage which feedback options are available and determine how user input is collected and stored.
Human Handover
For situations where AI assistance is insufficient, administrators can configure a human handover. Options include routing conversations to a third-party chat provider or a designated support email. This ensures that complex queries can be escalated and resolved effectively.
Guide Section
Elvin Copilot can generate dynamic guides for end-users based on annotated product paths. Administrators can enable this feature so that when users ask questions, the assistant can provide interactive guides or tours tailored to the specific context of the user’s query.
Widget Functionality and Controls
Administrators have multiple controls over the behavior of the Elvin Copilot widget:
- Turning the AI Assistant on or off. When disabled, end-users can still perform searches, but conversational features are not available.
- Adjusting the position of the launcher on the interface (left, right, or center).
- Reordering and toggling visibility of sections like Home, Newsfeed, and Feedback.
- Previewing changes using the Preview & Chat button to test the assistant without publishing.
- Zooming in and out on the editing canvas for detailed adjustments