Simple Editor Admin Panel

The Admin Panel of the Simple Editor allows you to customize and configure your own Simple Editor flow with zero development effort. Customizing the onboarding and editor flow allows you to best suit the needs of your clients. From the Admin Panel, you can manage sections, themes, and configure an upgrade flow.

To access the Admin Panel:

1. Log into the Dashboard.

2. Click Business Tools and select Simple Editor (DIY).

Sections

There are 10 sections available, each with different layouts and purposes. From the Admin Panel, you can customize which sections are available, edit the sections, change the order sections are displayed during onboarding, and which sections are pre-selected for the client during onboarding.

The following are the actions you can take:

• Order. Drag and drop sections to change the order in which they are displayed during onboarding.

• Pre-Selected. Select the checkbox to make the section automatically selected when the user is onboarding.

• Availability. Turn off the toggle to remove a section. Users will not be able to use or view this section during onboarding or in the editor.

• Edit. To edit the default state of a section, hover on the desired section, click the three horizontal dots, and select Edit section. You can edit existing elements, including removing elements by toggling them off. You can also change the section’s name, description, title, and Reset to default settings. Customer’s will have the same options when creating their site, for example, if an element is toggled off, they will be able to toggle it back on. Additional elements are not able to be added.

Themes

Themes consist of fonts and color palettes that determine the visual appearance of the site. The user can select a theme during the onboarding process and replace it at any time in the editor.

In the Admin Panel you can control which themes are available during both onboarding and in the editor. To remove a theme, switch the Availability toggle to off. You can also change the order in which themes are displayed during onboarding and in the editor. To change the order, drag and drop the theme into the desired place in the list.

Create New Theme

When creating a new theme you can select font, font weight, and colors.

To create a new theme:

1. Click Themes in the side panel.

2. Click + New Theme.

3. Type a name, then click Continue.

4. Click to expand the Fonts section and use the drop down menus to select a new font and font weight for Headings & Buttons, and Body Text & Menus.

5. Click to expand the Colors section and click a color to open the color picker. Select colors for Background, Body Text, and Button Fill and Text.

6. Click Done.

The new theme appears in the themes list.

Edit Theme

You can edit the name and the style settings for a previously created theme.

To edit or rename a theme:

1. Click Themes in the side panel.

2. Click the three horizontal dots icon and select Rename or Edit theme.

3. If you selected Edit theme, make the necessary changes, then click Done. If you selected Rename, click anywhere outside the text box to save the name.

Settings

In the Settings section, you can customize the appearance of the Advanced button that will switch the client from the Simple to the Advanced version of the editor. This button appears on the top bar. You can customize both the design and the action of the button.

Design

To edit the button design:

1. Type your desired button text.

2. Select a button color using the color picker or type a hex value.

3. Click Select to upload an SVG. The SVG appears to the left of the button text.

4. Click Save.

If necessary, you can click Revert to default system colors.

Actions

Select where the Advanced button links to. Following are the options:

• Free access to the classic editor. This gives the user free access to the classic editor.

• Payment flow. This takes the user into a custom payment flow, set up by the agency.

• Don’t display button. This prevents clients from accessing the advanced editor.