Build Chrome Extensions Without Code

Charles is a tool that allows you to effortlessly transform your Bubble.io app into a powerful Chrome extension without any coding. It provides pre-built source code and an optional plugin for advanced features and customization.

Charles offers a wide range of features to enhance your Chrome extension, including:

• Display your Bubble app through a Chrome extension popup, modal, or sidebar (resizable)
• Populate in input fields and forms with user data
• Display alerts
• Get any content from any websites (text elements, text selections, HTML, etc.)
• Capture any metadata from any websites (tab name, URL, etc.)
• Execute actions, such as Open in new tab or Copy to Clipboard
• Simulate mouse clicks on elements
• Capture screenshots
• Inject your own UI elements into third-party URLs (action buttons, etc.) through custom JavaScript
• Display iFrames in modals, sidebars, or popups
• Chrome local storage supported (save/read/delete/clear)
• Fully customizable to your needs (extension icon, display names, descriptions, badge text & color)

No, you do not need any coding skills to use Charles. Our tool is designed to handle all the technical details for you, allowing you to focus on your app’s functionality and design.

Getting started with Charles is easy. Simply download our free pre-built source code, link it to your Bubble app, and see your app in action as a Chrome extension. For advanced features, you can install the Charles plugin.

The free version of Charles allows you to:

• Transform your Bubble app into a functional Chrome extension.
• Select the opening action for your extension.
• Deploy your extension and see it in action.
• Access to our exclusive community.

The paid version of Charles includes everything in the free version, plus:

• Full access to all premium features.
• The ability to test with low risk and cancel any time.

https://cranford-tech.gitbook.io/charles/key-features

After downloading the free source code and linking it to your Bubble app, you can install the Charles plugin by following the detailed instructions provided in our documentation. The plugin requires a subscription to access its advanced features.

Yes, we offer comprehensive support to all our users. You can access detailed guides, FAQs, and video tutorials in our documentation. For further assistance, you can reach out to our support team at support@cranfordtech.com.

Yes, with the Charles plugin, you can fully customize your Chrome extension to fit your specific needs. This includes changing the extension icon, display names, descriptions, and more.

We are always open to feature requests and feedback from our users. If you need development support or have a specific feature request, please contact us at support@cranfordtech.com, and we will be happy to assist you.

Yes, we do. We understand that every project is unique, and sometimes you may need personalized guidance or custom-built solutions. Our team is available to provide 1:1 coaching sessions tailored to your specific needs, helping you make the most of Charles. Additionally, we offer custom building services to develop features and functionalities that are unique to your application (i.e. accessing data within specific iframes). To learn more or to schedule a session, please reach out to us at support@cranfordtech.com. We look forward to helping you achieve your goals.

Yes and no. Chrome has certain limitations on microphone access, which affects audio recording capabilities. However, there are alternative options available depending on the type of extension you are using. If you are using the extension's sidebar, you can utilize an audio recording plugin within your Bubble app to capture audio. When initiating the recording process, the user will be prompted to grant permission for microphone access. Unfortunately, recording audio directly from the extension's popup is currently not supported.

Yes, you can, but not directly within the extension window due to Google's iFrame restrictions. To work around this, open a new tab linked to your Bubble app, complete the login process there, and once authenticated on the site, you'll be automatically logged into the extension as well.

Yes, this can be achieved using the Local Storage feature. See the below video tutorial for full details:

Component library video tutorial

Currently, Charles supports only Bubble. However, we plan to add more platforms in the future. If you have a specific request, please reach out via email at support@cranfordtech.com.

This will depend on the specific security policies of the iframes. In most cases, Charles won't be able to interact with content within iframes on a page directly, out of the box. However, this can usually be resolved with around 2-3 hours of custom development work. Feel free to send us an email at support@cranfordtech.com if you would like to discuss any custom implementations.

Yes you can extend Charles with your own JavaScript and execute functions within an active tab and also pass values back to bubble. Please have a look at the docs.