Bonboarding Studio lets you create stunning onboarding experiences and interactive walkthroughs.

Latest Version

Version
2.2.7
Update
December 1, 2024
Size
5.33MiB
Developer
bonboarding.com
Category
Users
226
Rating
5 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
Storage
Tabs
Cookies
ActiveTab
See more

Bonboarding Studio Extension

Build interactive onboarding experiences directly from your website.

With Bonboarding Studio, you can create, edit, and preview your product tours before integrating the Bonboarding script into your product.

Create stunning onboarding experiences and interactive walkthroughs.
And never lose users because of confusion.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Bonboarding Studio", "author": "Bonboarding Sl. ", "version": "2.2.7", "key": "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAlfgobMyHhGO7jjn74ckBYU+zl6Mht+LA78SX5VaYPCFHIDMhZFFBcFVW5PPrJrh61quZjwT5uM4HTV/O9ffTZW/0+CFo2Ofe4Gz39exvyMk275aZQgediKkWdn5vKTcqbaK7j41tR1zK4BZOZLRueE7ZT7y0/QckrbeoAbv5sWv5kjGPIdU69RkYf4paT2YrHrTCdHqBOOLpM8QF02Wzr/oEtgHKzNn40XM2CQ3nau1h5SFCbzgTlPqbqTcpeln7YiQeYxbJrrCKO6nh+kyBVqOsHQ/X2S6j8Tc+qhV+UKaoe3YX+8hf5GG+RSA+uArl6ZE0b5zZW8cXHYJM5SF7ZQIDAQAB", "description": "Bonboarding Studio lets you create stunning onboarding experiences and interactive walkthroughs.", "manifest_version": 3, "icons": { "16": "images/icon.png", "32": "images/icon.png", "48": "images/icon.png", "128": "images/icon.png" }, "permissions": ["storage", "tabs", "cookies", "activeTab"], "host_permissions": ["*://*.bonboarding.com/*", "*://*.bonboarding.test/*"], "background": { "service_worker": "background.js" }, "action": { "default_title": "Bonboarding Studio", "default_icon": "images/icon.png", "default_popup": "popup.html" }, "options_ui": { "page": "options.html", "open_in_tab": true }, "commands": { "open-bonboarding-popup": { "suggested_key": { "default": "Ctrl+Shift+K", "mac": "Command+Shift+K" }, "description": "Open Bonboarding Studio" } }, "web_accessible_resources": [ { "resources": [ "/fonts/silka-black-webfont.eot", "/fonts/silka-black-webfont.ttf", "/fonts/silka-black-webfont.woff", "/fonts/silka-black-webfont.woff2", "/fonts/silka-bold-webfont.eot", "/fonts/silka-bold-webfont.ttf", "/fonts/silka-bold-webfont.woff", "/fonts/silka-bold-webfont.woff2", "/fonts/silka-extralight-webfont.eot", "/fonts/silka-extralight-webfont.ttf", "/fonts/silka-extralight-webfont.woff", "/fonts/silka-extralight-webfont.woff2", "/fonts/silka-light-webfont.eot", "/fonts/silka-light-webfont.ttf", "/fonts/silka-light-webfont.woff", "/fonts/silka-light-webfont.woff2", "/fonts/silka-medium-webfont.eot", "/fonts/silka-medium-webfont.ttf", "/fonts/silka-medium-webfont.woff", "/fonts/silka-medium-webfont.woff2", "/fonts/silka-regular-webfont.eot", "/fonts/silka-regular-webfont.ttf", "/fonts/silka-regular-webfont.woff", "/fonts/silka-regular-webfont.woff2", "/fonts/silka-semibold-webfont.eot", "/fonts/silka-semibold-webfont.ttf", "/fonts/silka-semibold-webfont.woff", "/fonts/silka-semibold-webfont.woff2", "/fonts/silka-thin-webfont.eot", "/fonts/silka-thin-webfont.ttf", "/fonts/silka-thin-webfont.woff", "/fonts/silka-thin-webfont.woff2", "/userguide-images/edit-icon.gif" ], "matches": ["*://*/*"] } ], "content_scripts": [ { "js": ["content-script.js", "preview.js"], "css": ["fonts/silka-3.css"], "matches": ["*://*/*"], "run_at": "document_end", "all_frames": true }, { "js": ["listen-to-debug-data.js"], "matches": ["*://*/*"], "run_at": "document_start", "all_frames": true } ]}
Read more

How to download and manually install Bonboarding Studio extension for Chrome

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

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

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

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

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

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

Similar Extensions

icon

Fable: Create step-by-step interactive demos and guides in 5 minutes. Extension · Productivity 226 10 ★ 1.23MiB

icon

InTab Extension · Developer Tools 226 12 ★ 11.18MiB

icon

Usetiful - Digital Adoption Platform Extension · Productivity 226 9 ★ 562KiB

icon

Produktly - Product tour builder Extension · Productivity 226 2 ★ 349KiB

icon

Voila – AI Assistant, Copilot and AI Writer Extension · Social & Communication 226 179 ★ 2.74MiB

icon

Komodo Screen Recorder & SOP Extension · Productivity 226 58 ★ 981KiB

icon

DivMagic - Copy Style from any website Extension · Developer Tools 226 55 ★ 1.3MiB

icon

blurweb.app Extension · Productivity 226 109 ★ 38.49KiB

icon

Guidejar Extension · Productivity 226 38 ★ 3.32MiB

icon

Layerpath - Create Interactive Product Demos Extension · Productivity 226 41 ★ 22.58MiB

icon

tabExtend - Easy Tab manager Extension · Productivity 226 319 ★ 2.8MiB

icon

Stepsy: create step-by-step guide with screenshots Extension · Productivity 226 25 ★ 7.49MiB

icon

URL shortener, 1-click tracked links Extension · Productivity 226 7 ★ 107KiB

icon

Supademo: AI interactive demos in seconds Extension · Productivity 226 41 ★ 1007KiB

icon

Switchy.io | Advanced URL Shortener Extension · Social & Communication 226 36 ★ 4.43MiB

icon

Hoverify Extension · Developer Tools 226 145 ★ 14.54MiB

icon

YouPost - video to article converter Extension · Fun 226 24 ★ 3.54MiB

icon

Beep! - Review Websites 4x Faster Extension · Productivity 226 23 ★ 10.69MiB

icon

Closely: Email Finder & LI Data Scraper Extension · Productivity 226 24 ★ 229KiB

icon

Cheat Layer Extension · Productivity 226 54 ★ 7.81MiB

icon

Kanbox, Linkedin Automation and CRM Extension · Social & Communication 226 10 ★ 42.98KiB

icon

ShareDocView.com - Get Leads via Doc Links Extension · Productivity 226 10 ★ 497KiB

icon

Sessions Extension · Social & Communication 226 8 ★ 72.19KiB

icon

Vento Extension · Productivity 226 19 ★ 168KiB

User reviews

icon

Akaam Shamerany (ID: 000000492dff26bb) Voted 5 ★ - Updated 11/13/2023 I switched from Chameleon to Bonboarding for my platform's user onboarding tour and haven't looked back. While Chameleon was effective, Bonboarding offers a more affordable solution without sacrificing quality. The team behind Bonboarding is also amazing — they're responsive, helpful, and constantly updating the tool with great new features.

icon

Stefania Popescu (ID: 000000d118449faa) Voted 5 ★ - Updated 11/01/2023 Intuitive design and easy-to-follow flows and processes! You can create engaging onboarding experiences for your users in no time. Definitely recommend it!

icon

Patrik Zsebedits (ID: 0000004356cea440) Voted 5 ★ - Updated 10/27/2023 I've started using it and it's amazing, very easy to create products tours and saves me a lot of time. Recommend it if you need to navigate your clients through your website.

icon

Amelia Petroff (ID: 00000019d6bfdff5) Voted 5 ★ - Updated 10/25/2023 Great onboarding application. Its very straight forward with a quick learning curve! I love how it immediately detects the styles of my webapp.

icon

Mauricio Bracuto (ID: 000000f42fe06945) Voted 5 ★ - Updated 01/03/2023 Amazing and easy to use, perfect to create fantastic onboarding experiences for new users, and showcase new features.