ODOO Website Builder

Tutorial

Freddy Czaja

Das ERP Odoo verfügt über ein integriertes CMS, das mit einem sogenannten Website Builder ausgestattet ist. Durch den Website Builder ist es möglich, direkt im Frontend einer Website, seine Wunschseite zu erstellen und das ohne HTML und CSS Kenntnisse. Wir wollen Ihnen in diesem Tutorial zeigen, wie Sie den Odoo Website Builder effektiv nutzen können.

Anlegen einer Seite mit Menü

In den meisten CMS Systemen arbeitet man im Backend, also im für Website-Besucher nicht sichtbaren Bereich einer Website. Bei Odoo legen Sie die Seiten direkt im Frontend an und erstellen auch dort mittels Website Builder die Inhalte.

Schritte

Als erstes legen Sie eine neue Seite an. Dazu gehen Sie im Frontend (oben rechts) auf > Inhalte > Menü bearbeiten und klicken unterhalb der Seite auf “Menü hinzufügen”. Nun geben Sie unter “Menu Label” den Menünamen an und unter “URL or E-Mail Adress” die gewünschte URL. Danach wird gespeichert und Sie sehen den neuen Menüpunkt in der oberen Navigation. Ab diesen Moment befinden Sie sich auch auf der zu bearbeitenden Seite und können mit dem Website Builder die Seite erstellen.

Arbeiten mit dem Website Builder

Um eine Seite zu bearbeiten, klicken Sie auf den sich links oberhalb befindlichen Button “Bearbeiten”. Nun sehen Sie auf der linken Seite einen dunklen, transparenten Bereich. Dort fahren Sie mit der Maus hinüber und schon öffnet sich der Website Builder. Aufgeteilt ist der Website Builder in die Bereiche: Structure, Content, Feature und Effect. Um die Elemente des Website Builders zu verwenden, klicken Sie einfach auf ein Element und ziehen es per Drag and Drop in die Seite. 

Bereich Structure

Mit dem ersten Bereich Structure werden Sie größten Teils arbeiten. Hier haben Sie Elemente wie “Text Block”, “Imagen Block” oder “Block Image”, die für die meisten Websites essentiell sind. Die Elemente des Bereichs “Structure” sind immer eine Section und können nicht ineinander verschachtelt werden. Es ist nur möglich Elemente aus dem Bereich “Content” in eine Section bzw. in den Bereich “Structure” zu ziehen. Um den Abstand einer Section nach oben oder unten zu vergrößern oder zu verkleinern, muss in den äußeren Bereich der Section geklickt werden, bis oberhalb und unterhalb gepunktete Linien erscheinen. Mittig davon finden sich Pfeile, die man mit der Maus ziehen kann, bis sich die Section in ihrer Höhe verändert. Folgende Elemente gibt es: