Odoo Website - Professional Website Builder

Create beautiful business websites with intuitive drag-and-drop editor

The Website module is the platform for building and managing websites in Odoo. With an intuitive drag-and-drop editor, you can create professional websites without coding knowledge. The module provides complete building blocks, themes, and SEO features to build modern websites.

Website deeply integrates with other modules like CRM, eCommerce, Blog, Events to give businesses a complete digital ecosystem. All changes are updated in real-time and the website is automatically responsive on all devices.

Drag & Drop Builder
Responsive Design
SEO Optimization
Multi-language
Custom Themes
Live Editor
Form Builder
Analytics

Basic Website Terminology

Website Terms

EnglishVietnameseDescription
PageTrang webA single page on the website
MenuMenuWebsite navigation bar
Building BlockKhối nội dungDraggable UI component
ThemeGiao diệnOverall design system of website
FormBiểu mẫuCustomer information collection form
Call-to-ActionĐích đếnAction button
Landing PageTrang đíchSpecialized marketing page
SnippetSnippetPre-built content block
Mega MenuMega MenuMulti-level menu with images
FooterFooterWebsite footer

Page Status

Publishing Status

EnglishVietnameseDescription
PublishedĐã xuất bảnPage is publicly visible
UnpublishedChưa xuất bảnPage is hidden, only admin sees
Password ProtectedMật khẩuPage requires password

Website Creation Process

Website building workflow with Odoo:

Steps

  • 1. Choose suitable theme or start from blank template

  • 2. Create menu structure and main pages (Home, About, Contact)

  • 3. Use drag & drop to add building blocks to pages

  • 4. Customize content, images, colors according to brand

  • 5. Configure SEO metadata for each page

  • 6. Add forms to collect leads and contacts

  • 7. Preview on mobile/tablet and adjust

  • 8. Publish website and monitor analytics


Key Features

Key points

  • Intuitive drag & drop editor, no coding required

  • 100+ ready-made building blocks (hero, features, pricing, testimonials)

  • Automatic responsive on all devices

  • SEO tools: meta tags, sitemap, structured data

  • Multi-language support with separate URLs per language

  • Form builder with automatic CRM integration

  • Live editing: see changes instantly

  • Version control: save and restore versions

  • A/B testing for landing pages

  • Integrated Google Analytics and tracking


Popular Building Blocks

Building Block Types

TypeDescriptionUsage
HeroLarge banner with CTAHomepage, landing page
FeaturesProduct feature showcaseProduct pages
TestimonialsCustomer reviewsHomepage, about
PricingProduct/service pricing tablePricing page
TeamTeam introductionAbout page
Contact FormContact formContact page
GalleryImage galleryPortfolio, products
FAQFrequently asked questionsSupport pages

SEO Best Practices

Steps

  • 1. Set unique title tag for each page (50-60 characters)

  • 2. Write compelling meta description (150-160 characters)

  • 3. Use proper heading tag structure (H1, H2, H3)

  • 4. Optimize images: alt text, compress, lazy loading

  • 5. Create friendly URLs, short, with keywords

  • 6. Configure automatic sitemap.xml

  • 7. Add structured data (schema.org) for rich snippets

  • 8. Ensure fast page load speed (< 3 seconds)

  • 9. Mobile-first: prioritize mobile experience


Integration with Other Modules

Website is the central hub connecting modules:

Key points

  • CRM: Forms auto-create leads, tracking visitor behavior

  • eCommerce: Integrated shop, product pages, checkout

  • Blog: Publish blog posts, SEO-friendly URLs

  • Events: Display events, online registration

  • Forum: Community Q&A, support forum

  • Live Chat: Live chat with customers

  • Email Marketing: Landing pages for campaigns

  • Appointments: Online appointment booking


Real-world Scenarios

Common use cases:

Key points

  • Corporate website: Company introduction, services, recruitment

  • Landing pages: Marketing campaigns, product launches

  • Portfolio: Project showcase, case studies

  • Lead generation: Forms to collect prospect information

  • Event promotion: Event pages with online registration

  • Knowledge base: Documentation, FAQs

  • Multi-brand websites: Manage multiple websites from one system


User Permissions

Website Permission Groups

GroupPermissions
Restricted EditorEdit content, cannot change structure
DesignerFull editing rights, add/remove pages, customize theme
AdministratorSystem configuration, domain management, SEO settings

Technical Requirements

To deploy Website module:

Steps

  • 1. Install website module (core module)

  • 2. Configure domain name and SSL certificate

  • 3. Choose and install suitable theme

  • 4. Configure CDN for better page load speed (optional)

  • 5. Set up Google Analytics tracking code

  • 6. Configure email server for contact forms

  • 7. Regular website backups