Advanced step recorder with screenshot annotations & PDF export. Document any process and create how-to guides & SOPs instructions.

Latest Version

Version
0.1.8
Update
December 9, 2024
Size
3.94MiB
Developer
magichow.co
Category
Users
2,000+
Rating
5 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
Storage
SidePanel
ActiveTab
Tabs
Scripting
Cookies
See more

MagicHow: Documentation, Screenshots & SOPs Extension

MagicHow is a free step-by-step guide creation tool for automatic process documentation and creating instructional documents like how-to guides, manuals, tutorials, and standard operating procedures (SOPs). It is designed to simplify the task of describing and explaining software-related processes for teams. By using our how-to guide creation tool, you can easily generate visual guides that provide step-by-step instructions for specific tasks. You can streamline the learning process and improves team performance by creating step-by-step guides for your team.

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.
Read more

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"]}]}
Read more

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

icon

Tango: Create how-to guides with screenshots Extension · Productivity 2,000+ 347 ★ 1.76MiB

icon

Instructio: Free AI how-to guide maker Extension · Productivity 2,000+ 1 ★ 820KiB

icon

Guidejar Extension · Productivity 2,000+ 38 ★ 3.32MiB

icon

20Paths - Make Demos & Guides fast Extension · Productivity 2,000+ 5 ★ 94.13KiB

icon

Dubble — Free Step-by-Step Guide Creator Extension · Productivity 2,000+ 23 ★ 8.93MiB

icon

Scribe: AI Documentation, SOPs & Screenshots Extension · Productivity 2,000+ 676 ★ 763KiB

icon

Guidde - Magically create video documentation Extension · Productivity 2,000+ 111 ★ 6.57MiB

icon

Wizardshot – Create SOPs, Documentation automatically using AI, for free. Extension · Productivity 2,000+ 378 ★ 2.35MiB

icon

Float — Documentation, guides & Screenshots Extension · Productivity 2,000+ 15 ★ 190KiB

icon

Guide Creator by HubSpot Extension · Productivity 2,000+ 10 ★ 5.74MiB

icon

Stepsy: create step-by-step guide with screenshots Extension · Productivity 2,000+ 25 ★ 7.49MiB

icon

Extelli - SOPs, Training, How-To Guides Extension · Productivity 2,000+ 20 ★ 351KiB

icon

Gyde: AI Documentation in Video & Screenshots Extension · Productivity 2,000+ 52 ★ 208KiB

icon

GuideMagic - Step by step instructions maker Extension · Productivity 2,000+ 10 ★ 240KiB

icon

Archbee: Create Step-by-Step Guides or Import Markdown Extension · Productivity 2,000+ 4 ★ 1.49MiB

icon

Record Procedure & SOPs - SweetProcess Extension · Productivity 2,000+ 2 ★ 4.98MiB

icon

Kopyst Simplifies Video & Document Creation Extension · Productivity 2,000+ 11 ★ 5.84MiB

icon

Shots by Waybook — Instant Process Guides Extension · Productivity 2,000+ 0 ★ 52.74KiB

icon

Rivia.AI: documentation with screenshots Extension · Productivity 2,000+ 6 ★ 259KiB

icon

Uphint — Screenshots, SOPs & training Extension · Productivity 2,000+ 22 ★ 232KiB

icon

Minerva — Create How-To Guides in Seconds Extension · Productivity 2,000+ 17 ★ 458KiB

icon

Create interactive demos,videos,how-to guides Extension · Productivity 2,000+ 16 ★ 481KiB

icon

Motion Shot - Informative screen guides & tutorials! Extension · Productivity 2,000+ 3 ★ 154KiB

icon

Chrome Step Recorder Extension · Developer Tools 2,000+ 6 ★ 107KiB

User reviews

icon

Vik from STARNAVI (ID: 0000006b882158dd) Voted 5 ★ - Updated 11/07/2023 it what I was looking

icon

Ethan Martinez (ID: 000000ff466e2028) Voted 5 ★ - Updated 08/10/2023 I saved a lot of time by creating guides for my team on how to use our new CRM with MagicHow

icon

Dmitry Nesterenko (ID: 000000d9183f642f) Voted 5 ★ - Updated 08/08/2023 It helps a lot!