Create interactive product tours, videos and guides in minutes with AI.

Latest Version

Version
1.0.32
Update
November 18, 2024
Size
22.58MiB
Developer
layerpath.com
Category
Users
3,000+
Rating
4.90244 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
ActiveTab
Tabs
TabCapture
DesktopCapture
Scripting
Http://*/
Https://*/
Storage
See more

Layerpath - Create Interactive Product Demos Extension

Build interactive product walkthroughs in minutes. Turn your screen recording into an interactive product demo, step-by-step guides, and how-to videos with Layerpath.

Once you install the extension, click the Layerpath extension to create a guided product tour. Layerpath auto-captures screens and clicks for your product demos. Customize text, colors, and styles, then share or embed them in campaigns, websites, or knowledge bases.

With Layerpath, you're not just sharing a product demo. You provide a complete, guided, interactive experience that makes understanding your product easy and enjoyable.

Do you feel like you could do a better job representing your product across multiple touchpoints?

a) Screenshots are static and rarely showcase your product's full potential.
b) Creating the same assets in multiple formats is inefficient and frustrating.
c) Maintaining an in-house production of high-quality assets is challenging.

If this sounds like you, let Layerpath make it 10 times faster to create product walkthrough assets. Here's how it works:

1) Interactive Product Demo - Engage with a live demo: Record your product in action, then transform it into a clickable demo. Let users dive in and interact directly, experiencing the product firsthand.

2) Step-By-Step Guide -Transform recordings into help guides: Use Layerpath to capture essential steps from your demo recording. Layerpath's AI will then craft a comprehensive step-by-step guide powered to be shared or embedded wherever you like.

3) How-To-Video - Record yourself and your screen from your browser: No more static screenshots. Create a how-it-works video with automatic zooms and changes between speaker and screen and embed it directly on your website.

4) Engagement & Analytics - Measure user engagement and feedback: Get deep insights into engagement, conversion, drop-off rates, and viewers. Let users ask questions anywhere and respond directly from Layerpath — so you never miss a question again.

Ready to elevate your product demos to the next level? Install the Layerpath Chrome Extension today and drive conversions and customer success.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": " Layerpath - Create Interactive Product Demos", "description": "Create interactive product tours, videos and guides in minutes with AI.", "version": "1.0.32", "background": { "service_worker": "dist/js/background.js", "type": "module" }, "icons": { "16": "LP_dark_512.png", "32": "LP_dark_1000.png", "48": "LP_dark_2000.png", "128": "LP_dark_2000.png" }, "permissions": [ "activeTab", "tabs", "tabCapture", "desktopCapture", "scripting", "http://*/", "https://*/", "storage" ], "host_permissions": [ "" ], "externally_connectable": { "matches": [ "*://beta.layerpath.com/*", "*://beta.layer.info/*", "*://app.layerpath.com/*", "*://app.layer.info/*", "*://layerpath-prod-screenflow.vercel.app/*", "*://*.ngrok-free.app/*", "https://5047-122-164-84-21.ngrok-free.app/*" ] }, "options_page": "frames/html/pinned.html", "web_accessible_resources": [ { "resources": [ "dist/js/app.css", "LP_1000.png", "LP_dark_1000.png", "logo_full.png", "Icons/pin-extension.png", "Icons/pluginIcon.png", "Icons/record-logo-dark.svg", "Icons/loading-gif.gif", "animated_button.gif", "animated_button_img.mp4", "animated_button_img.webm" ], "matches": [ "" ] } ], "action": { "default_title": "Click to view a popup" }, "content_scripts": [ { "matches": [ "" ], "js": [ "dist/js/app.js" ], "all_frames": true } ], "commands": { "start-stop-project": { "suggested_key": { "default": "Ctrl+Shift+E", "windows": "Ctrl+Shift+E", "mac": "Command+Shift+E", "chromeos": "Ctrl+Shift+E", "linux": "Ctrl+Shift+E" }, "description": "Start or stop recording the current tab" }, "capture-screen-shot": { "suggested_key": { "default": "Ctrl+Shift+L", "windows": "Ctrl+Shift+L", "mac": "Command+Shift+L", "chromeos": "Ctrl+Shift+L", "linux": "Ctrl+Shift+L" }, "description": "Capture screenshot of the current tab" } }}
Read more