Basic setup

As a Product Fruits content creator, the extension will be your daily driver. This article will teach you how to use it.

Depending on if you already installed our JS snippet into your application, the extension has two basic modes.

If you installed the JS snippet, you will be able to launch the editor.

If you haven't installed the snippet yet, you can edit the content and launch the Full preview mode. This mode will load the whole Product Fruits content into the opened tab as if you had the JS snippet installed.

Extension popup

To edit or preview your content, follow these steps:

Open a new tab in your browser and enter your application URL.
When the application is loaded, click on the extension icon in your browser. If you are not logged in, enter your Product Fruits credentials.

You should see the extension popup as follows:

Select your workspace

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 over and over.

Dark/light mode

The editor extension can be displayed in dark or light modes. This comes in handy when your application is dark/light - you can just switch the extension theme and the editor will be more visible. To switch the mode, use the bulb or moon icon in the extension panel.