Capture your product application pages easily, and build interactive product demo in Storylane.

Latest Version

Version
2.4.0
Update
December 9, 2024
Size
5.85MiB
Developer
storylane.io
Category
Users
10,000+
Rating
5 ★
Manifest Version
3
Web Store Status
Languages Support
English (United States)
See more
Permissions
ActiveTab
Tabs
Storage
Cookies
Scripting
TabCapture
Offscreen
WebNavigation
System.display
See more

Storylane Extension

Build killer product demos in 10 mins!

Storylane allows you to capture your product instantly and showcase it to your buyers, letting them to try before they buy.

Once you install the extension, click on “Record Demo” to build guided product-tour or custom sales demos.

Product-Tour (Screens): Storylane will automatically capture screens, videos and clicks to build a guided product demo for you. Then, you can customize (text, fonts, colors & styles) and publish it. Simply share engaging product demo in social, email campaigns or embed them on your websites, blogs and knowledge base.

Custom Sales Demos (HTML): Capture your product application HTML pages, and auto-personalize demos using our powerful demo editor. You can change text, graphs, images and more with just one-click. Use these customized demos in sales calls or as leave-behind with your prospects.

Storylane is for product marketers, marketers, sales, solution engineers, customer success, or anyone who wants to share interactive demos.

Storylane allows you to become more demo-led in your company, thereby turning your most valuable asset - “Product as Growth Engine”
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Storylane", "version": "2.4.0", "description": "Capture your product application pages easily, and build interactive product demo in Storylane.", "manifest_version": 3, "permissions": [ "activeTab", "tabs", "storage", "cookies", "scripting", "tabCapture", "offscreen", "webNavigation", "system.display" ], "host_permissions": [""], "background": { "service_worker": "background.bundle.js", "type": "module" }, "action": { "default_popup": "popup.html", "default_icon": { "16": "images/16x16.png", "32": "images/32x32.png", "48": "images/48x48.png", "128": "images/128x128.png" } }, "icons": { "16": "images/16x16.png", "32": "images/32x32.png", "48": "images/48x48.png", "128": "images/128x128.png" }, "content_scripts": [ { "matches": [""], "run_at": "document_start", "js": ["sendMessagesForEvents.bundle.js"], "all_frames": true, "match_about_blank": true }, { "matches": ["https://mail.google.com/*"], "run_at": "document_idle", "js": ["gmailPluginScript.bundle.js"] }, { "matches": ["https://*.storylane.io/*", "https://*.storylane.us/*", "http://localhost/*"], "run_at": "document_idle", "js": ["markExtensionAsInstalled.bundle.js"] }, { "matches": [""], "run_at": "document_start", "js": ["sendMessageToSharePage.bundle.js"] }, { "matches": [""], "run_at": "document_start", "js": [ "lib/chrome-browser-polyfill.js", "lib/web-capture-frames.js", "lib/web-capture-extension-frames.js" ], "all_frames": true, "match_about_blank": true }, { "matches": [""], "run_at": "document_start", "js": ["lib/web-capture-hooks-frames.js"], "all_frames": true, "match_about_blank": true, "world": "MAIN" }, { "matches": [""], "run_at": "document_start", "js": [ "lib/chrome-browser-polyfill.js", "lib/web-capture-bootstrap.js", "lib/web-capture-extension-bootstrap.js" ] } ], "web_accessible_resources": [ { "matches": [""], "resources": ["lib/web-capture-hooks-frames.js"] }, { "matches": [""], "resources": ["livedemoPickPlayScript.bundle.js"] } ]}
Read more

How to download and manually install Storylane extension for Chrome

Looking for a way to install Storylane 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 Storylane extensions manually, this article outlines two simple methods to effortlessly install Storylane extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download Storylane extension and manually install through Drag &Drop

If you ever need to manually install a Storylane 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 Storylane Extension by clicking the "Download CRX" button on the website.

Look for the Storylane extension you wish to install. Go to the website and download the Storylane extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for Storylane 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 Storylane 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 Storylane extension for Chrome and install in Developer Mode

This is another method to install Storylane 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 Storylane extension file

Select and download the Storylane 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 Storylane 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 Storylane 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 Storylane 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 Storylane extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

Supademo: AI interactive demos in seconds Extension · Productivity 10,000+ 41 ★ 1007KiB

icon

Lavender Extension · Productivity 10,000+ 40 ★ 8.12MiB

icon

SmartCue:Interactive Product Demos in Minutes Extension · Productivity 10,000+ 37 ★ 1.16MiB

icon

Interactive screen captures by HowdyGo.com Extension · Productivity 10,000+ 4 ★ 762KiB

icon

Guideflow Extension · Productivity 10,000+ 6 ★ 8.17MiB

icon

Appcues Builder Extension · Productivity 10,000+ 70 ★ 32.79MiB

icon

Reprise Product Capture Extension · Productivity 10,000+ 3 ★ 739KiB

icon

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

icon

Usetiful - Digital Adoption Platform Extension · Productivity 10,000+ 9 ★ 562KiB

icon

Arcade Extension · Productivity 10,000+ 11 ★ 11.5MiB

icon

Folio - The no-code game-changer for interactive demos Extension · Productivity 10,000+ 22 ★ 1.55MiB

icon

Product Fruits Editor Extension · Productivity 10,000+ 6 ★ 7.11MiB

icon

Navattic Extension · Productivity 10,000+ 2 ★ 1.22MiB

icon

Walnut - Sales Demo Platform Extension · Productivity 10,000+ 5 ★ 5.38MiB

icon

UserGuiding - Better User Onboarding Extension · Productivity 10,000+ 23 ★ 5.15MiB

icon

HubSpot Sales Extension · Social & Communication 10,000+ 8304 ★ 30.17MiB

icon

Trainn Extension · Productivity 10,000+ 6 ★ 2.09MiB

icon

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

icon

Layerpath - Create Interactive Product Demos Extension · Productivity 10,000+ 41 ★ 22.58MiB

icon

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

icon

Userflow Extension · Developer Tools 10,000+ 10 ★ 273KiB

icon

Userpilot Extension · Productivity 10,000+ 7 ★ 4.94MiB

icon

lemlist Extension · Productivity 10,000+ 39 ★ 69.67KiB

icon

Fathom AI Note Taker for Google Meet Extension · Social & Communication 10,000+ 251 ★ 178KiB

User reviews

icon

Bharadwaj Giridhar (ID: 0000005e65551175) Voted 5 ★ - Updated 08/11/2023 Good! I previously used arcade software, storylane has 2 competitive advantages, like HTML capture and the cursor which not only blinks, but moves within each step.

icon

Andy A. (ID: 000000b4be5dfb45) Voted 5 ★ - Updated 04/28/2023 Nice one! I was able to capture website demo by simply clicking through the product

icon

const barr (ID: 0000002c56f49f47) Voted 5 ★ - Updated 04/19/2023 It is so easy to use — unbelievable!

icon

Const 1 (ID: 0000002aa037f23e) Voted 5 ★ - Updated 04/19/2023 The most reliable one among alternatives. GJ Storylane!

icon

Maria Nicolae (ID: 00000035983bdee5) Voted 5 ★ - Updated 04/19/2023 Amazing app to create interactive product demos in just a few mintues. If you use the Screenshot capturing process you can create a demo in 5 minutes.