Website Builder in Odoo 19:
Design a Professional Site Without Writing Code

Your ERP Already Has a Website Builder. You Just Never Turned It On.

Most Odoo customers pay for a separate WordPress or Wix subscription to run their public website. They maintain two systems, two login credentials, two sets of analytics, and a fragile API bridge to sync products and contact forms back to the ERP. When the bridge breaks (and it always breaks), leads fall through the cracks and product pages show stale inventory counts.

Odoo 19's Website module eliminates that gap entirely. It ships a full drag-and-drop website builder that reads directly from the same database your Sales, Inventory, and Accounting modules use. Product pages pull live stock levels. Contact forms create leads in CRM instantly. Blog posts are indexed alongside your knowledge base. And the entire editing experience happens in a visual editor that requires zero HTML, CSS, or JavaScript knowledge.

This guide walks through the complete setup: installing the website module, choosing and customizing a theme, building pages with the drag-and-drop editor, configuring menus and forms, integrating the blog, enabling multi-language support, and using the built-in SEO tools to rank on Google. Every step uses the standard Odoo 19 UI with no custom code.

Using the Odoo 19 Drag-and-Drop Editor: Building Blocks, Columns, and Styling

The website editor in Odoo 19 is a WYSIWYG page builder that runs directly in the browser. Click Edit on any page to enter edit mode. The left panel shows a library of pre-built building blocks you can drag onto the page canvas. Every block is fully configurable: colors, spacing, animations, visibility rules, and responsive behavior.

Building Block Categories

Step 1: Add a Hero Section

Drag a Cover block onto the top of your page. Click the background to set an image (upload your own or pick from the built-in Unsplash integration). Double-click the text to edit the headline and subtitle. Use the toolbar to adjust font size, weight, and color.

Step 2: Build a Feature Grid

Drag a Columns block below the hero. Select 3 or 4 columns. Each column can contain an icon, heading, and description. Click any element to customize. The Style tab on the right panel lets you set padding, margin, background color, border radius, and shadow for any element.

Step 3: Theme Customization via the Style Panel

Click the paintbrush icon in the top toolbar to open the global Theme Customizer. This panel controls site-wide variables without touching CSS:

// These variables are set via the visual UI
// Stored in website.theme_customize_asset
$o-color-1: #1B3A4B;       // Primary brand color
$o-color-2: #065A82;       // Secondary color
$o-color-3: #1C7293;       // Accent color
$o-color-4: #F4F4F4;       // Light background
$o-color-5: #FFFFFF;       // White

$font-family-base: 'Inter', sans-serif;
$headings-font-family: 'Plus Jakarta Sans', sans-serif;
$font-size-base: 1rem;     // 16px
$h1-font-size: 3.25rem;    // 52px
$btn-border-radius: 0.5rem;
$navbar-height: 72px;

// Button styles
$btn-primary-color: $o-color-1;
$btn-primary-bg: $o-color-3;
$btn-primary-border-color: $o-color-3;

Every change you make in the Theme Customizer updates these SCSS variables. Odoo recompiles the CSS on save. This means your color and font choices cascade automatically across the header, footer, buttons, links, and all building blocks on every page.

Creating Pages, Mega Menus, and Navigation Structure in Odoo 19

Pages in Odoo 19 come in two types: static pages (About, Contact, Services) that you build with the drag-and-drop editor, and dynamic pages (product catalog, blog, events) that are generated from database records. Both types integrate into the same navigation system.

Step 1: Create a New Page

Click + New in the website top bar, then Page. Enter the page name (Odoo auto-generates the URL slug). Choose whether to add it to the main menu immediately. The new page opens in edit mode with an empty canvas.

Step 2: Configure the Menu

Go to Website → Configuration → Menus or click the menu area in edit mode and select Edit Menu. You can create nested dropdowns up to 3 levels deep, reorder items via drag-and-drop, and point menu entries to internal pages, external URLs, or anchor links within a page.

<odoo>
  <!-- Top-level menu item -->
  <record id="menu_services" model="website.menu">
    <field name="name">Services</field>
    <field name="url">/services</field>
    <field name="parent_id" ref="website.main_menu"/>
    <field name="sequence">20</field>
    <field name="website_id" ref="website.default_website"/>
  </record>

  <!-- Dropdown child item -->
  <record id="menu_consulting" model="website.menu">
    <field name="name">Consulting</field>
    <field name="url">/services/consulting</field>
    <field name="parent_id" ref="menu_services"/>
    <field name="sequence">10</field>
    <field name="website_id" ref="website.default_website"/>
  </record>

  <!-- Mega menu item (renders as a full-width dropdown) -->
  <record id="menu_mega_products" model="website.menu">
    <field name="name">Products</field>
    <field name="url">#</field>
    <field name="parent_id" ref="website.main_menu"/>
    <field name="sequence">30</field>
    <field name="is_mega_menu">True</field>
    <field name="website_id" ref="website.default_website"/>
  </record>
</odoo>

Step 3: Mega Menus

Odoo 19 supports mega menus natively. In the menu editor, toggle "Mega Menu" on any top-level item. A full-width dropdown editor opens where you can drag building blocks just like on a regular page: columns with links, featured product images, promotional banners, or even embedded blog post cards.

Step 4: Page Properties and Access Control

Click the page gear icon in the top bar while on any page. Here you can set:

• URL: Custom slug (e.g., /about-us instead of the auto-generated /about_us).
• Published/Unpublished: Draft pages are visible only to logged-in editors. Toggle the switch to publish.
• Date range: Automatically publish and unpublish pages on specific dates (useful for campaigns).
• Visibility: Restrict page access to specific user groups (e.g., "Portal Users" for a client-only knowledge base).
• Header/Footer: Toggle whether the page shows the standard site header and footer, or runs in full-screen mode (landing pages).

Setting Up Multi-Language Websites in Odoo 19

Odoo 19 handles multi-language at the framework level, not as an afterthought plugin. Every text field in the database supports translations. The website module extends this to pages, menus, building blocks, blog posts, and SEO metadata.

Step 1: Activate Languages

Go to Settings → General Settings → Languages. Click "Add a Language" and select from the 50+ languages Odoo ships with. Each activated language gets a URL prefix: /en, /fr, /es, /ar.

# Activate French and Arabic
for lang_code in ['fr_FR', 'ar_001']:
    lang = env['res.lang']._activate_lang(lang_code)
    print(f"Activated: {{lang.name}} ({{lang.code}})")

# Set website languages
website = env['website'].browse(1)
langs = env['res.lang'].search([
    ('code', 'in', ['en_US', 'fr_FR', 'ar_001'])
])
website.language_ids = langs
website.default_lang_id = env.ref('base.lang_en')
env.cr.commit()

Step 2: Translate Website Content

Switch to the target language using the language selector in the website header. Enter edit mode. Every text element shows the original text with a translation indicator. Click the text and type the translation directly in the editor. Odoo stores the translation in ir.translation linked to the original element.

Step 3: SEO Metadata Per Language

Each language version of a page has its own meta title, meta description, and Open Graph data. Switch to the target language, open the SEO panel (Promote tab), and enter localized metadata. Odoo 19 automatically generates hreflang tags linking all language versions:

<!-- Odoo 19 generates these automatically -->
<link rel="alternate" hreflang="en"
      href="https://www.mycompany.com/en/services"/>
<link rel="alternate" hreflang="fr"
      href="https://www.mycompany.com/fr/services"/>
<link rel="alternate" hreflang="ar"
      href="https://www.mycompany.com/ar/services"/>
<link rel="alternate" hreflang="x-default"
      href="https://www.mycompany.com/en/services"/>

Odoo 19 Built-In SEO Tools: Meta Tags, Sitemap, Structured Data, and URL Management

Odoo 19 ships with a comprehensive SEO toolkit built into the website editor. It covers the basics most businesses need without requiring Yoast, RankMath, or any third-party SEO plugin.

The SEO Panel (Promote Tab)

While editing any page, click the "Promote" tab in the top toolbar. This opens the SEO panel where you configure:

• Meta Title: Custom title tag (defaults to page name + site name). Keep it under 60 characters.
• Meta Description: Custom description shown in search results. Keep it under 155 characters.
• URL Slug: Edit the page URL directly. Odoo creates a 301 redirect from the old URL automatically.
• Keyword Analysis: Enter a target keyword and Odoo scans the page for keyword density in the title, headings, body text, image alt tags, and URL.
• Social Preview: Preview how the page will look when shared on Google, Facebook, and Twitter/X.

Automatic Sitemap

Odoo 19 auto-generates a /sitemap.xml that includes all published pages, blog posts, product pages, and event pages. It updates dynamically as you publish or unpublish content. Submit this to Google Search Console.

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
        xmlns:xhtml="http://www.w3.org/1999/xhtml">
  <url>
    <loc>https://www.mycompany.com/services</loc>
    <lastmod>2026-03-10</lastmod>
    <priority>0.8</priority>
    <!-- Multi-language alternates -->
    <xhtml:link rel="alternate" hreflang="en"
                href="https://www.mycompany.com/en/services"/>
    <xhtml:link rel="alternate" hreflang="fr"
                href="https://www.mycompany.com/fr/services"/>
  </url>
  <url>
    <loc>https://www.mycompany.com/blog/news/welcome-post-1</loc>
    <lastmod>2026-03-12</lastmod>
    <priority>0.6</priority>
  </url>
</urlset>

Structured Data (JSON-LD)

Odoo 19 automatically injects JSON-LD structured data for key page types:

URL Redirects

Go to Website → Configuration → Redirects to manage URL redirects. You can create 301 (permanent), 302 (temporary), or 404 (gone) redirects. Odoo auto-creates 301 redirects when you change a page's URL slug via the SEO panel. This prevents broken links after restructuring your site.

# Redirect old WordPress URLs to new Odoo pages
redirects = [
    ('/about-us/',        '/about'),
    ('/services/erp/',    '/services/odoo-implementation'),
    ('/blog/2025/01/01/', '/blog/news/old-post-1'),
    ('/contact-us.html',  '/contact-us'),
]

for old_url, new_url in redirects:
    env['website.rewrite'].create({
        'name': f'Redirect {{old_url}}',
        'url_from': old_url,
        'url_to': new_url,
        'redirect_type': '301',
        'website_id': 1,
    })
    print(f"301: {{old_url}} -> {{new_url}}")

env.cr.commit()

5 Odoo 19 Website Builder Mistakes That Kill Your SEO and User Experience

Optimization Metadata