Simplifies guide creation: record clicks on HTML elements, export steps to document for quick guides.
GuidAInce is a powerful and intuitive Chrome extension designed to simplify the process of creating user guides. With GuidAInce, every interaction with HTML elements on a webpage can be effortlessly recorded, making it easier than ever to document workflows and create comprehensive guides.
Key Features:
Seamless Recording: Once activated, every click on an HTML element is automatically recorded.
Effortless Export: Export your recorded steps into a well-organized document, perfect for quick guide creation.
User-Friendly Interface: Easy to use, even for those with minimal technical knowledge.
Efficiency Boost: Save time and effort in documenting processes, making training and support more efficient.
GuidAInce is ideal for developers, trainers, and support teams who need to create detailed and accurate user guides quickly. Simplify your documentation process with Guidance and ensure your users always have the guidance they need at their fingertips.
GuidAInce Chrome Extension Tutorial
Welcome to GuidAInce! This tutorial will help you understand how to use the various features of the GuidAInce Chrome extension.
1. Main Buttons Overview
On the left side of the interface, you will find three main buttons:
Power:
Function: Turns the capture capability on and off.
Usage: Click to toggle the capture mode. When active, every click on an HTML element is
recorded.
Export:
Function: Opens the export panel.
Usage: Click to navigate to the export panel where you can export your recorded actions as a
JSON or DOCX file.
Settings:
Function: Opens the settings panel.
Usage: Click to navigate to the settings panel. Here, you can add domains to the exclusion list.
When on these domains, Guidance will not capture elements.
2. Action Controls
Below the main buttons, there are additional controls for managing your captured actions:
Show Actions:
Function: Displays all captured elements.
Usage: Click to view the list of all recorded actions.
Reset Actions:
Function: Resets all captured actions.
Usage: Click to clear the current list of recorded actions.
Edit Switch:
Function: Enables editing mode for captured actions.
Usage: Toggle the switch to enter edit mode, allowing you to:
Remove Specific Action Cards: Click the delete icon on an action card to remove it.
Reorder Action Cards: Drag and drop action cards to change their order.
Additional Buttons in Edit Mode:
Add New: Allows you to manually add a new action card.
Crop: Enables you to crop a new image. Click and drag a green rectangle over the desired area of the image to crop it.
------- Important Reminders ----------
1.When you stop recording your actions, ensure you click the designated button to avoid overloading your browser with multiple clicks.
2. For certain elements, clicking on a specific area may result in capturing a white box image instead of the desired image. In such cases, you can crop the image to obtain the correct one.
------ Known Issues ------
1.Once clicking on input file buttons it may duplicate action cards, resulting in two action cards.
2. If a browser button click does not work for some reason, try turning off the power button in the extension. it may prevent the event of submitting
Icon Attributes:
<a href="https://www.flaticon.com/free-icons/docx"; title="docx icons">Docx icons created by Creativenoys01 - Flaticon</a>
<a href="https://www.flaticon.com/free-icons/json"; title="json icons">Json icons created by pocike - Flaticon</a>
<a href="https://www.flaticon.com/free-icons/shutdown"; title="shutdown icons">Shutdown icons created by Dengane - Flaticon</a>
<a href="https://www.flaticon.com/free-icons/export"; title="export icons">Export icons created by Freepik - Flaticon</a>
<a href="https://www.flaticon.com/free-icons/settings"; title="settings icons">Settings icons created by Freepik - Flaticon</a>
<a href="https://www.flaticon.com/free-icons/open-menu"; title="open menu icons">Open menu icons created by Pixel perfect - Flaticon</a>
<a href="https://www.flaticon.com/free-icons/back-arrow"; title="back arrow icons">Back arrow icons created by Ilham Fitrotul Hayat - Flaticon</a>
<a href="https://www.flaticon.com/free-icons/crop"; title="crop icons">Crop icons created by joalfa - Flaticon</a>
<a href="https://www.flaticon.com/free-icons/upload"; title="upload icons">Upload icons created by Kiranshastry - Flaticon</a>
<a href="https://www.flaticon.com/free-icons/maintenance"; title="maintenance icons">Maintenance icons created by Critical icon - Flaticon</a>