Advanced step recorder with screenshot annotations & PDF export. Document any process and create how-to guides & SOPs instructions.
MagicHow: Documentation, Screenshots & SOPs Extension
With MagicHow's screenshot generator for process documentation, you can capture screenshots of your computer screen as you go through a process, and it will compile them into a comprehensive document with step-by-step instructions. You have the flexibility to customize created guides by adding annotations, graphic elements, titles, logos, and selecting colors. Whether you need to create a knowledge base or document process with step-by-step instructions, how-to guides, or manuals. MagicHow can serve as a versatile step-by-step guide builder.
You can simplify the following tasks with our free process generator:
- A technical support manager composing a manual for customers on setting up, installing, and using a new software product.
- A sales manager preparing a guiding manual for using a CRM.
- A software developer sharing their experience with a how-to guide of use developer tools.
- A HR manager creating step-by-step instructions for the introduction of new software or process documentation.
- A hospital IT department creating a step-by-step guide on the Electronic Health Record (EHR) system for an administrator.
The automation provided by MagicHow saves you time and allows you to focus on strategic tasks instead of tedious screenshot capturing and editing. You can find new ways to enhance your team's productivity by identifying areas where additional guides can be created. Our free step-by-step guide generator strikes a balance between predefined options and your own vision, allowing you to personalize the guides to align with your branding standards.
Visual step-by-step guides created with MagicHow are beneficial for various types of process documentation. From onboarding new hires and answering client queries to implementing new tools and building software, MagicHow's free step-by-step guide creator helps you create effective instructional materials. It enables you to share the guides easily:
- via direct links;
- as PDF downloads;
- as HTML or Markdown copies;
- by embedding them in different platforms.
Updates to the guides can be made effortlessly, ensuring your audience always has access to the latest information.
📜 Feel free to use the browser extension to create SOPs, manuals, and step-by-step instructions for your knowledge base, or corporate portal.
❔ Generate responses to Frequently Asked Questions to avoid repetitive replies to requests from teammates and clients.
🏆 Empower your teammates with the knowledge they need to work productively and keep the service quality threshold high!
MagicHow is a valuable tool for the automated creation of instructional documents. It has the ability to generate visual guides simplifies the learning process, enhance team performance, and save time. With customizable features and various delivery options. Our free process record software can be used for a wide range of process documentation needs.
Source Manifest.json
"update_url": "https://clients2.google.com/service/update2/crx",
"icons":{"16":"icon16.plasmo.72e8bd43.png",
"32":"icon32.plasmo.328efb7e.png",
"48":"icon48.plasmo.1b6c20e9.png",
"64":"icon64.plasmo.6c816b7b.png",
"128":"icon128.plasmo.74615566.png"},
"manifest_version":3,
"action":{"default_icon":{"16":"icon16.plasmo.72e8bd43.png",
"32":"icon32.plasmo.328efb7e.png",
"48":"icon48.plasmo.1b6c20e9.png",
"64":"icon64.plasmo.6c816b7b.png",
"128":"icon128.plasmo.74615566.png"},
"default_popup":"popup.html"},
"version":"0.1.8",
"name":"MagicHow: Documentation, Screenshots & SOPs",
"description":"Advanced step recorder with screenshot annotations & PDF export. Document any process and create how-to guides & SOPs instructions.",
"background":{"service_worker":"static/background/index.js"},
"options_ui":{"page":"options.html",
"open_in_tab":true},
"side_panel":{"default_path":"sidepanel.html"},
"permissions":["storage",
"sidePanel",
"activeTab",
"tabs",
"scripting",
"cookies"],
"content_scripts":[{"matches":["https://www.magichow.co/*"],
"js":["message-relay.0c68ebf6.js"],
"css":["pin-popup.87a0f20b.css"]},{"matches":["
"js":["step-recording.3df7d116.js"],
"all_frames":true,
"css":[]},{"matches":["
"js":["step-recording-widget.d268a3fb.js"],
"css":[]}],
"host_permissions":["
"externally_connectable":{"ids":[],
"matches":[]},
"web_accessible_resources":[{"resources":["assets/**/*",
"tabs/**"],
"matches":["https://*/*",
"http://*/*"]},{"matches":["
"resources":["step-recording.8e50f3c6.css"]},{"matches":["
"resources":["step-recording-widget.84856134.css",
"step-recording-widget.b2838c7e.png"]}]}
How to download and manually install MagicHow: Documentation, Screenshots & SOPs extension for Chrome
Looking for a way to install MagicHow: Documentation, Screenshots & SOPs extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.
However, you may need to install MagicHow: Documentation, Screenshots & SOPs extensions manually, this article outlines two simple methods to effortlessly install MagicHow: Documentation, Screenshots & SOPs extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.
Method 1: Download MagicHow: Documentation, Screenshots & SOPs extension and manually install through Drag &Drop
If you ever need to manually install a MagicHow: Documentation, Screenshots & SOPs extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.
Step 1: Download the MagicHow: Documentation, Screenshots & SOPs Extension by clicking the "Download CRX" button on the website.
Look for the MagicHow: Documentation, Screenshots & SOPs extension you wish to install. Go to the website and download the MagicHow: Documentation, Screenshots & SOPs extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for MagicHow: Documentation, Screenshots & SOPs extension that contains all the data.
Step 2: Extract &Arrange Files
Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.
Step 3: Go to the Chrome Extensions Page
Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.
Step 4: Drag and Drop the Extension
Now, go to the folder where you extracted the MagicHow: Documentation, Screenshots & SOPs extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.
Step 5: Complete the Installation
Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.
Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.
Method 2: Download MagicHow: Documentation, Screenshots & SOPs extension for Chrome and install in Developer Mode
This is another method to install MagicHow: Documentation, Screenshots & SOPs extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.
Step 1: Download the MagicHow: Documentation, Screenshots & SOPs extension file
Select and download the MagicHow: Documentation, Screenshots & SOPs extension by clicking the 'Download CRX' button on the website.
Step 2: Extract the downloaded contents
Convert the file to a ZIP file if it is in CRX format then extract the MagicHow: Documentation, Screenshots & SOPs extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your MagicHow: Documentation, Screenshots & SOPs extension running.
Step 3: Open Chrome Extension Setting Page
In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.
Step 4: Enable Developer Mode
After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.
Step 5: Load the Unpacked Extension
Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."
Step 6: Select the Extension Folder
Once the pop-up opens upon clicking Load unpacked, select the MagicHow: Documentation, Screenshots & SOPs extension directory and click on the "Select Folder "button.
Step 7: Confirm and Install
After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.
Conclusion
Here we've made a step-by-step guide on How to manually install MagicHow: Documentation, Screenshots & SOPs extension in 2 ways. We hope this guide proves helpful.
Similar Extensions
Tango: Create how-to guides with screenshots 2,000+ 347 ★ 1.76MiB
Instructio: Free AI how-to guide maker 2,000+ 1 ★ 820KiB
Guidejar 2,000+ 38 ★ 3.32MiB
20Paths - Make Demos & Guides fast 2,000+ 5 ★ 94.13KiB
Dubble — Free Step-by-Step Guide Creator 2,000+ 23 ★ 8.93MiB
Scribe: AI Documentation, SOPs & Screenshots 2,000+ 676 ★ 763KiB
Guidde - Magically create video documentation 2,000+ 111 ★ 6.57MiB
Wizardshot – Create SOPs, Documentation automatically using AI, for free. 2,000+ 378 ★ 2.35MiB
Float — Documentation, guides & Screenshots 2,000+ 15 ★ 190KiB
Guide Creator by HubSpot 2,000+ 10 ★ 5.74MiB
Stepsy: create step-by-step guide with screenshots 2,000+ 25 ★ 7.49MiB
Extelli - SOPs, Training, How-To Guides 2,000+ 20 ★ 351KiB
Gyde: AI Documentation in Video & Screenshots 2,000+ 52 ★ 208KiB
GuideMagic - Step by step instructions maker 2,000+ 10 ★ 240KiB
Archbee: Create Step-by-Step Guides or Import Markdown 2,000+ 4 ★ 1.49MiB
Record Procedure & SOPs - SweetProcess 2,000+ 2 ★ 4.98MiB
Kopyst Simplifies Video & Document Creation 2,000+ 11 ★ 5.84MiB
Shots by Waybook — Instant Process Guides 2,000+ 0 ★ 52.74KiB
Rivia.AI: documentation with screenshots 2,000+ 6 ★ 259KiB
Uphint — Screenshots, SOPs & training 2,000+ 22 ★ 232KiB
Minerva — Create How-To Guides in Seconds 2,000+ 17 ★ 458KiB
Create interactive demos,videos,how-to guides 2,000+ 16 ★ 481KiB
Motion Shot - Informative screen guides & tutorials! 2,000+ 3 ★ 154KiB
Chrome Step Recorder 2,000+ 6 ★ 107KiB
User reviews
Vik from STARNAVI (ID: 0000006b882158dd) Voted 5 ★ - Updated 11/07/2023
Ethan Martinez (ID: 000000ff466e2028) Voted 5 ★ - Updated 08/10/2023
Dmitry Nesterenko (ID: 000000d9183f642f) Voted 5 ★ - Updated 08/08/2023