How Flexbe works

This article covers what Flexbe website builder consists of.

Control panel is the main way to navigate between the settings. In other words, it’s the dashboard of Flexbe.

Upper panel is used to set up your sites and account.

From here you can go to the list of your Sites and Pages. The Products tab lets you manage your product catalog and create products with variants. The Leads tab displays all the requests from the site's visitors. In the Analytics tab, you can view the statistics of site's visits, a number of leads and conversion rates. The Settings tab is a dashboard where you can select the site's language and currency, set up your domains, add integrations, manage your online store, customize fonts and much more.

You can also go to the Billing page to select a subscription plan. Use the Help menu to contact Flexbe support service or go to the help page with a comprehensive knowledge base. Your account settings is found in My profile tab.

Lower panel is used for the currently edited page. This panel displays only when you are editing a page of your site.

Here you can add and customize Pop-ups, change the Fonts oт the page. In the Page settings, give the title and URL of your page, enter its SEO description and the way the link to this page will display in the social media.

On the lower panel, you can also switch to the Mobile phones mode to see how your site looks on smartphones; modify the editor options; undo the changes of the page; view the page history, or go to the page preview.

Your site can consist of many pages. The number of pages you can create is unlimited.
They all are grouped under the same domain.

Five menu items on the upper panel (Pages, Products, Leads, Analytics, Settings) work with the selected site. Use them to apply changes to the whole site.

A page is one of the site's components. A separate page can't have its own domain within one site.

A page consists of several sections. Each section has its own settings: layout, number of columns, background, etc.

You build a site from ready-made sections. They may include product cards, contacts, galleries, testimonials and others. To open a list of available sections, click the ➕ icon at the bottom of any section.

There are templates of standard and free sections in the website builder.

Standard sections have a preset layout that can be easily modified to fit your needs. You can change the content, the number of cards in a row, the column width; delete or add new elements. There are more than 30 elements to add: text elements, images, maps, buttons, icons, etc. You can also use elements with absolute positioning that have more flexibility of customization in standard sections.

Free sections are sections with absolute positioning of elements. You can move all the elements as you see fit, resize and rotate them, or change the order of layers. In contrast to the standard sections that have a defined layout, you are not restrained by the fixed structure, and you can create truly unique designs.

Standard and free sections can be easily combined on one page.

You can turn any section into a favorite section and use it as a template on mutliple pages of your site. You can also turn any section into a global section and add it to all the site's pages. It come in handy as changes of one global section are automatically applied to its duplicates on other pages.

A section is made up of content zones. A content zone is a container for a group of elements.

In the editing mode, content zones are outlined blue on hover.

You can set up the background, padding, vertical and horizontal alignment of any content zone.

When you delete a content zone, all the elements inside it are deleted too.

An element is a minimum unit of content: a text item, an image, a button, a hotspot.

To add an element, click the ➕ on the left side of the content zone.

In the open list of elements, select the one you need and add it to the page.

There are two types of elements: static and absolute. This division depends on the positioning of an element.

Elements with static positioning depend on the location of other elements in the content zone; they are placed vertically. You can't add two elements to one row or place some text next to a button but only one below the other.

However, you can select Two buttons or Button with description.

Elements with absolute positioning can be placed anyway you like and even stacked one over another.

Elements with static positioning enable you to build sections with ease and in no time; such sections will look great across all devices. Although elements with absolute positioning give you more freedom to create truly unique designs.

Visual editing allows to see the website changes instantly.

You can edit almost everything you see on the site page: add, delete or swap sections; edit their content, configure content zones and elements.

To open the Editor of a particular element, just mouse over and click on the element you want to customize.

Text on Flexbe is edited right on the page. Mouse over the text or select any word to open the text editor.

Buttons, images, logos and other visual elements are styled in separate menus. To open the element editor, mouse over it and click the settings symbol.