The Chameleon Chrome extension will give you access to the Chameleon Builder, a tool for customizing and configuring Experiences within your application. This will allow you to see exactly how they'll appear to your users.
Think of the Chrome Extension as your creative workspace that seamlessly integrates with your existing application environment. 🧑🎨
After you download our Extension, a Chameleon icon will appear in your Chrome Toolbar. This icon serves as your access point to all Builder functionality.
The Chrome Extension will always open when you start building Experiences from the Dashboard. But you can also use it to enter the Builder and create Experiences in your own environment. 😊
💁 Keep in mind, that you will not be able to set your Experience live until you have Chameleon installed in your app.
No account yet? You can still try out Chameleon without committing. 😉
You can use the same path to close the Builder if you no longer need it by clicking "Exit Builder" from the Extension icon.
Extension Features
The Chameleon Extension displays several types of helpful information while you work:
Error messages: Immediate alerts about issues that require your attention
Environment identification: Clear indication of which Environment you're currently working in (development, staging, production)
User identification: Display of the current user identified by Chameleon on the page.
💡 You can preview Experiences in the Builder. Using preview mode you will be able to simulate the end-user experience. Previewed Experiences might be limited in features and will not be visible to the end user until you publish them live.
From the Chrome Extension, you can also access the Testing page in the Dashboard, to quickly clear user data for ongoing live testing.
Clicking the Environment name in the Chrome Extension will take you to the Dashboard page where a filter will already be applied, to see the full details of that specific Environment. The same happens if you want to view the user profile in your Chameleon Dashboard.
If you have successfully installed the Chameleon Extension but it isn't showing up in the toolbar,
Navigate to your Chrome Extensions management page by copying and pasting this URL:
chrome://extensionsLocate the Chameleon Builder Extension in your extensions list
Verify that the toggle switch in the bottom right corner is turned "on" (the toggle should appear blue when active)
After that, you should see the lime-green Chameleon logo in your toolbar. ✨
While Google Chrome typically updates extensions automatically, using an outdated Chrome Extension version may cause some Builder issues.
As of January 31, 2024, the latest Chameleon Chrome Extension version is 3.2.6. If you're experiencing issues, updating to the latest version often resolves problems.
To update your Chrome extension manually, follow the steps below.
Access chrome://extensions
Enable the developer mode by pressing the toggle on the top-right of your screen:
Press the Update button in the top-left menu:
All your Chrome extensions should now be updated to the most recent version! If you're still experiencing problems after updating your Chameleon Chrome Extension please reach out to help@chameleon.io.
If you no longer need the Chameleon Chrome Extension in your browser, you have two options:
Disable it but keep it downloaded (for future uses or troubleshooting)
Remove it from Chrome completely
You can do both of these by visiting your Chrome Manage Extensions page (copy and paste this into your browser: chrome://extensions), where you'll be able to find Chameleon's extension.
To disable it, simply toggle it off. To delete it completely, click 'Details' and down at the bottom, you can 'Remove extension'.
As a shortcut, you can also remove the extension by right-clicking the Chrome Extension icon in your browser and selecting "Remove from Chrome".
Have any questions about how to handle our Chrome extension? We'd love to help you out, just send us a message!