-
Section 1: Introduction
-
Section 2: Docker Basics for Beginners
-
Section 3: VPS — Rent Your Own Server
-
Section 4: Running Varyshop in Docker
-
Section 5: Building Your Website and Lead Magnet Page
-
Section 6: CRM — Managing Your Contacts and Leads
-
Section 7: Mass Communication — Email & SMS Marketing
-
Section 8: Conclusion and Next Steps
Getting Started with Odoo Website Builder
Getting Started with Odoo Website Builder
Create a professional business website without writing code
Odoo 18 includes a powerful drag-and-drop website builder. In this lesson you will navigate the editor, customize your theme, create pages, and publish your first website — all from the same Docker environment you set up earlier.
The Editor Interface
Top Toolbar
Save, discard, mobile preview, and page settings — your main controls for every editing session.
Right Panel
Block library (snippets) organized by category: Structure, Features, Dynamic Content, Inner Content, and Call to Action.
Main Canvas
Your live page where you drag, drop, and edit content in real time.
Building Blocks (Snippets)
Building blocks are pre-designed sections you drag onto your page. Categories include Structure (columns, grids), Features (icon boxes, comparisons), Dynamic Content (blog, products), Inner Content (text, images, buttons), and Call to Action (banners, forms, pricing).
Homepage Structure
Hero Section
Add a Banner or Cover block with a benefit-driven headline and call-to-action button.
Features Section
Highlight 3-4 key benefits using the Features block with icons and short descriptions.
About Section
Use a Text-Image block to combine your company story with a photo or illustration.
Call to Action
Add a CTA block with a button linking to your contact page or lead magnet.
Theme Customization
Colors
Choose primary, secondary, and accent colors matching your brand. Stick to 2-3 colors maximum.
Fonts
Select heading and body fonts from Google Fonts or system fonts for a consistent look.
Layout
Configure header style, footer columns, button shapes, and logo position.
Pages and Navigation
Create pages via + New, then add them to the navigation menu via Edit Menu. A typical business site needs: Home, About, Services, Blog, and Contact. Each page has a shared Header, Content sections, and shared Footer.
Responsive Design
Every block adapts automatically to desktop, tablet, and mobile. Always preview with the mobile icon before publishing.
Publishing
New pages are unpublished by default — only you can see them. Toggle the switch from red to green when ready to go live.
Key Takeaway
The Odoo Website Builder lets you create a professional, responsive website with drag-and-drop blocks. No coding required — customize themes, create pages, and publish in minutes.
Orientujte se v Odoo 18 Website Builderu, upravte motiv, vytvořte stránky a publikujte profesionální firemní web pomocí drag-and-drop bloků.
There are no comments for now.