How to use the ReConvert editor
How to use the ReConvert editor
The ReConvert editor allows you to create and edit a variety of widgets across all pages of your store.
For your convenience, the editor will be the same editor across the app, and only some of the available options and the preview will change for some pages.
In this article, you will get familiar with the editor, and be able to get started creating and editing your widgets.
The 4 sections of the ReConvert editor
The ReConvert editor is built very similarly to the Flow Builder- it has 3 main parts and a top bar which we will consider the 4th part.
The sidebar
The sidebar is located on the left of the page, and it is where you can see all of your widgets and manage them.
![The sidebar](https://storage.crisp.chat/users/helpdesk/website/a78a283618511000/image_aps0zs.png)
On the sidebar you can:
Add new widgets by clicking on the Add widget button:
![Add widget](https://storage.crisp.chat/users/helpdesk/website/a78a283618511000/image_blgzr3.png)
Drag widgets to the top or bottom of other widgets by hovering over them, pressing the 6 dots, and dragging them to the desired location:
![Drag widgets](https://storage.crisp.chat/users/helpdesk/website/a78a283618511000/feb-05-2024-19-14-49_173z9m6.gif)
Navigate to the editing menu of each widget
Clicking on a widget or on a block inside a widget will open that widget's editing menu on the actions menu, where you can change that widget's settings:
![Chooseing a widget](https://storage.crisp.chat/users/helpdesk/website/a78a283618511000/image_1qhjpvg.png)
The actions menu
This is the menu on the right side of the page.
This menu is used to edit and control the settings of the widgets you've created:
![Actions menu](https://storage.crisp.chat/users/helpdesk/website/a78a283618511000/image_zbql3z.png)
You can open the editing menu for each element in the editor by clicking it:
![Actions menu settings](https://storage.crisp.chat/users/helpdesk/website/a78a283618511000/feb-05-2024-19-54-40_1sgl2dy.gif)
You can delete any widget by clicking the Remove widget button when it is selected:
![Remove widget](https://storage.crisp.chat/users/helpdesk/website/a78a283618511000/image_403tg1.png)
Lastly, to learn how to use this menu for each one of your widgets, simply click the widget and click the help article at the top of the menu:
![Help article](https://storage.crisp.chat/users/helpdesk/website/a78a283618511000/image_1uf5sza.png)
Preview section
The preview section is the largest section in the middle of the page- this is where you can see what your widgets will look like, their order, and the differences you make when playing with their settings:
![Preview section](https://storage.crisp.chat/users/helpdesk/website/a78a283618511000/image_1rb3qfr.png)
Other than previewing your widgets, you can also select any of the widgets in the preview to select in the sidebar and open its menu in the actions menu:
![Selecting items in the preview](https://storage.crisp.chat/users/helpdesk/website/a78a283618511000/feb-05-2024-20-04-41_7fw7pi.gif)
The top bar
The top bar is a general actions bar for the page:
![Top bar](https://storage.crisp.chat/users/helpdesk/website/a78a283618511000/image_87etd6.png)
In the top bar you can:
Save your changes:
![Save](https://storage.crisp.chat/users/helpdesk/website/a78a283618511000/image_g7bvfm.png)
Turn these widgets on/off- when they are turned off, they will not show up for the customers
![On/Off](https://storage.crisp.chat/users/helpdesk/website/a78a283618511000/image_12xnc1i.png)
Redo and Undo your most recent changes:
![Undo/redo](https://storage.crisp.chat/users/helpdesk/website/a78a283618511000/image_19e0f90.png)
Switch between mobile and desktop preview:
![Mobile/desktop](https://storage.crisp.chat/users/helpdesk/website/a78a283618511000/image_e2mvxw.png)
View the help article for this page:
![Help article](https://storage.crisp.chat/users/helpdesk/website/a78a283618511000/image_1d41qmc.png)
View the status of this widgets group- Live/Draft:
![Status](https://storage.crisp.chat/users/helpdesk/website/a78a283618511000/image_cdevyi.png)
View and change the name of this widgets group- you can change the name by double-clicking it:
![Widgets group name](https://storage.crisp.chat/users/helpdesk/website/a78a283618511000/image_osfck.png)
Exit back to the Flow Builder page:
![Exit](https://storage.crisp.chat/users/helpdesk/website/a78a283618511000/image_a160od.png)
Updated on: 22/05/2024
Thank you!