Odoo CMS - a big picture

ODOO Website Builder

Tutorial

Freddy Czaja

Odoo has an integrated CMS, which is equipped with the so-called Website Builder. This makes it possible to create content elements for teh websitedirectly in the frontend, without the need for HTML and CSS knowledge. In this Odoo tutorial we want to show you how the Odoo Website Builder works and what its features are.

CREATING A PAGE WITH MENU

In most CMS systems, you work in the back end, that is, in the area of ​​a website that is not visible to website visitors. With Odoo, you create pages directly in the frontend and also create the contents there.

STEPS

First, create a new page. To do this in Odoo 12, in the frontend (top left) go to "Pages > Edit Menu" and click on "Add Menu Entry" below the page. Now enter the menu name under "Menu Label" and the desired URL under "URL or E-Mail Address". After that it will be saved.
From this moment you will see the new menu item in the upper navigation (the page is now created) and you can edit the page.

Odoo CMS - a big picture

WORKING WITH THE ODOO WEBSITE BUILDER

To edit a page, click on the button "Edit". Then you will see a dark, transparent area on the left side. The Website Builder is divided into the areas: Structure, Feature, Effects and inner Content. To use the elements of the Website Builder, just click on an element and drag and drop it into the page. In the following paragraphs we explain the different areas of Website Builder.

AREA STRUCTURE

The first section of the website builder is called "Structure". You will working most with it. Here you have elements like "Text-Image", "Image-Text" or "Picture", which are essential for most websites. The elements of the "Structure" section are always a section and can not be nested. It is only possible to drag elements from the "Inner Content" area into a section (or into the "Structure" section). To increase or decrease the distance of a section up or down, click in the outer area of ​​the section until dotted lines appear above and below. In the middle of it are arrows that you can drag with the mouse until the section changes in height.

Odoo CMS - a big picture

The first section of the website builder is called "Structure". You will working most with it. Here you have elements like "Text-Image", "Image-Text" or "Picture", which are essential for most websites. The elements of the "Structure" section are always a section and can not be nested. It is only possible to drag elements from the "Inner Content" area into a section (or into the "Structure" section). To increase or decrease the distance of a section up or down, click in the outer area of ​​the section until dotted lines appear above and below. In the middle of it are arrows that you can drag with the mouse until the section changes in height.

AREA FEATURE

Elements of the area "feature" such Image Gallery are special types of content, which are not used on every site of a website. There is nothing more to say about it.

AREA EFFECT

The Website Builder "Effect" panel is similar to the "Feature" panel an is still more small. The only difference is that here hide special visual effects such as parallax scrolling. This effect only reveals the contents of an image by scrolling the mouse.

AREA INNER CONTENT

The last area in the Website Builder is "Inner Content". These elements can only be inserted in a Section (Structure) or in some elements of the "Feature" section. The content elements are contained within either a <blockquote> or <div> tag.

Lass uns deine Nummer da!

Oder ruf uns einfach direkt an   0391/5630690

About Freddy Czaja

SEO is the air he breaths. If it has a bit of Oxygen, he doesn't care/ He likes his coffee black and cold.