Depending on if you've already installed our JavaScript snippet into your application, the extension has two basic modes.
If you installed the JavaScript snippet, you will be able to launch the editor.
If you haven't installed the snippet, you can still edit the content and launch the Full preview mode. This mode will load all Product Fruits content into the opened tab as if you had the JavaScript snippet installed.
To edit or preview your content, follow these steps:
You should see the extension popup as follows:
If you have multiple workspaces, start with selecting the workspace you would like to edit or preview from the Selected workspace dropdown. The extension will remember which workspace you selected on which URL, so you don't have to do this repeatedly.
The editor extension can be displayed in dark or light modes. This comes in handy depending on your real-world environment - you can simply switch the extension theme and the editor will be more or less visible. To switch the mode, use the bulb or moon icon in the extension panel.