Skip to main content
All CollectionsWebsites by BLAB
Simple Editor
Simple Editor

The Simple Editor is a scaled back version of the classic editor that empowers your customers to independently create beautiful websites in minutes, without advanced technological or design skills.

Justin avatar
Written by Justin
Updated this week

Available on Custom plans. If you want to upgrade your plan, schedule time with our team.

It builds one-page websites, making it ideal for customers who do not need a traditional website and instead need a web page that highlights their digital assets and links to their established social channels. For agencies, the Simple Editor can be used to simplify the DIY flow or as a lead generation tool to attract new customers to upsell to.

When creating a site with the Simple Editor, customers are guided through 5 steps to gather the basic information needed to create a fully functioning, responsive website. In each step, the customer can add content or skip and add content later. Once the customer has entered their information, it is populated into premade sections. In the editor, the customer can change the theme, turn on or off individual sections, add SEO titles and descriptions, and edit text, photos, and buttons. When the customer is satisfied with their design, they can publish their website.

Set Up Simple Editor

First, you must reach out to your account manager to gain access to the Simple Editor.

Once you have access to the Simple Editor, the Simple Editor needs to be set up before you are able to offer it to your customers. See How to Set Up the Simple Editor in our Developer Documentation portal for detailed information.

Customize Simple Editor

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).

From here, you an start to customize.

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 or Rename 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.

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.

Button Action

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.

AI Assistant for Simple Editor

The AI Assistant in the Simple Editor allows agencies and SaaS platforms to give their customers the power to create stunning sites on their own with an easy-to-use, mobile-friendly interface powered by AI. Customers fill out a few pieces of info about their business and instantly receive a site populated with personalized content.

Note

AI Assistant in the Simple Editor is automatically enabled for new accounts starting in December 2024. If you have an existing account, contact your account manager to enable the AI Assistant in the Simple Editor.

At the end of the Simple Editor flow, the user is prompted to answer the following questions:

  • What’s your business type?

  • What does your business do or offer?

  • Desired tone of voice (conversational, humorous, enthusiastic, informative, professional, witty, or authoritative)

Once complete, the user clicks Next and the AI Assistant generates images and content based on the user’s business type and the sections and themes selected in previous steps.

Limitations

  • The AI Assistant questions cannot be modified.

  • All AI Assistant questions are mandatory and cannot be skipped by the user.

  • Custom sections are not included in the AI flow.

Simple Editor on Mobile

Clients can easily create a site from their mobile phone with the Simple Editor. However, there are some differences between the Simple Editor when used on mobile versus desktop.

The following is specific to the mobile version of the Simple Editor:

  • There is no option for the client to access the advanced editor.

  • The skip button has been removed from the Business Name and Theme fields and instead the client can click Next to proceed without entering any information.

  • All sections are preselected by default.

  • The Upload Logo step is on its own screen. Once an image is uploaded, clients can delete, cut, or edit the logo.

  • The only custom publishing flow currently supported is redirecting without publishing.

When the client finishes building their site, they will be shown their site in mobile preview mode. If the client clicks the Edit button, they will receive a message that their site can only be edited on desktop and a questionnaire asking the client what they would like to edit.

Did this answer your question?