Once the Webvizio installation is complete, the Webvizio widget will appear on the right side of your browser interface.
When you click on the Webvizio icon, a menu will appear with two options:
1. Create Tasks – enables Task Mode where you can create new tasks and view already created tasks on the current page.
2. Manage Tasks – redirects to the project page in the Webvizio App, where you can easily navigate and manage tasks of the current project.
Create a New Task
To create a new task, follow these steps:
- Сlick on the Create Tasks icon, and click on any element on the website that needs attention
- Enter the title and description of the task in the new task pop-up window
- Click on the Create button
Create Tasks in The Device Mode
While you can’t install the extension on mobile devices, here’s a pro tip: Use Chrome’s Device Mode to test mobile layouts!
The Webvizio extension is fully compatible and optimized for use with Chrome DevTools’ Device Mode, allowing you to create tasks while testing different device views.
- Open Chrome DevTools (hit F12 or right-click and select “Inspect”)
- Turn on the Device Mode
- Pick any mobile device you want to test
View All Tasks
You can view the created tasks in two ways:
1. In the Webvizio application:
Click “Manage tasks” in the Webvizio menu for full task management capabilities. Use this option when you need to edit tasks, view comments, or access all task management features.
2. Directly on your website:
– Click “Create Tasks” in the Webvizio menu to see markers for all open or in-progress tasks
– Click any marker to view task details.
Preview Task Statuses
You can preview task statuses in the Chrome extension with pin color coding. The color specifies the recent task status the same way it’s coded in the app:
🟣Purple: Open
🟡Yellow: In-progress
🟢 Green: Done
Exit From Task Mode
Press ESC or click the Exit icon on the right side of the screen to return to normal website interaction.
Task View Window
Each task window provides the following options:
Task screenshot – preview task screenshot/annotations
Copy task link – copies the task link from the Webvizio App
Copy AI Prompt – copy AI prompt for AI closing agents
Copy task description – copies complete task details with screenshots and technical specs
Go to task – opens the task in the Webvizio app
Comments – preview or add new comments to the task
Add files – preview or add task attachments
Tags – edit and add task custom tags
Edit task – edit task content (title, description, status, assignees, etc.)
Delete – forever remove the task.