Skip to Content


Getting Started with Odoo Website Builder in Odoo 19 

Try Odoo Website App Now!

Odoo 19 continues to enhance the Website Builder experience by making website creation faster, easier, and more intuitive. The Odoo Website Builder allows users to create professional websites without requiring programming skills. With its visual editor and modular design approach, even beginners can build functional and attractive websites in a short amount of time.

This guide introduces the basic steps to get started with the Odoo Website Builder, from installation to publishing your first page

Installing the Odoo Website Module

Getting started is straightforward and eliminates the complex configurations often required by other platforms:

  • Step 1: Navigate to the Odoo Apps menu from your main dashboard.

  • Step 2: Locate the Website app and click Install

  • Step 3: Once installed, Odoo automatically sets up a default homepage template so you don't have to start from scratch.

To begin personalizing your new site immediately, simply click the Edit button located in the top-right corner of the page.

Understanding the Website Editor Interface

The Odoo Website Editor operates on a real-time, What-You-See-Is-What-You-Get (WYSIWYG) interface. When edit mode is active, modifying your site is as simple as clicking directly on text, images, or layouts to change them.

                                                                                                                                                     

The Building/ Blocks Panel

 Located on the left side of your screen, this panel houses your design assets.

Drag-and-Drop Flexibility

You can easily drag elements—such as headers, banners, custom content blocks, and calls to action (CTAs)—and drop them anywhere on the page to build your perfect layout.

Understanding the Website Editor Interface

The Odoo Website Editor operates on a real-time, What-You-See-Is-What-You-Get (WYSIWYG) interface. When edit mode is active, modifying your site is as simple as clicking directly on text, images, or layouts to change them.

                                                                                                

The Building/ Blocks Panel

 Located on the left side of your screen, this panel houses your design assets.

Drag-and-Drop Flexibility

You can easily drag elements—such as headers, banners, custom content blocks, and calls to action (CTAs)—and drop them anywhere on the page to build your perfect layout.

Creating and Managing Pages

Once the initial framework is set up, the next stage of the process involves building out your site’s architecture. Odoo 19 simplifies page management by allowing you to create and organize essential pages—such as About Us, Services, Contact, and Blogs—directly from the frontend interface.

1.Add a New Page: Start the process by selecting the page creation option from the website menu.

2.Arrange Site Hierarchy: Organize your pages visually using intuitive navigation controls to structure how visitors journey through your site.




watercolor wireframe sketches of website layouts


3.Configure Page Visibility: Set your pages as public or private. Keeping pages private      allows you to draft and review content behind the scenes, making it easy to release information gradually.

4.Optimize SEO Settings: Before launching a page, access the inline SEO controls directly within the editor to input critical page titles, meta descriptions, and keywords.




Customizing Design and Layout


Establish Global Theme Settings

  1. Begin by adjusting sitewide color palettes, typography, spacing, and backgrounds. 

  2. This ensures your core brand identity remains cohesive across every single page.


Fine-Tune Individual Blocks

  1. Next, select individual layout blocks to tweak specific margins, alignments, or visual styles on the fly.


Fine-Tune Individual Blocks

  1. Next, select individual layout blocks to tweak specific margins, alignments, or visual styles on the fly.


Introduce Optional Customizations

While these built-in, code-free tools are more than sufficient for most users to build a professional site, you can optionally inject custom HTML or CSS if you want deeper, tailored personalization.

Publishing and Maintaining the Website

1

Go Live with One Click

Once your design and content are finalized, publish your website live to the web with a single click.

2

Execute Continuous Maintenance

Transition into ongoing management by modifying live text, refreshing imagery, and handling updates seamlessly without the risk of breaking third-party plugins.

3

Track Performance and SEO

Monitor your visitor engagement and continuously optimize your search engine configuration directly from your dashboard.

4

Manage Operations Remotely

Leverage Odoo’s ultimate advantage: manage your website, CRM, Inventory, and Sales seamlessly in one ecosystem from a single interface.

Conclusion

Getting started with the Odoo Website Builder in Odoo 19 is a straightforward and beginner-friendly process. With its visual editor, flexible customization options, and seamless integration with other Odoo apps, users can quickly create and manage professional websites. This makes Odoo Website Builder an excellent choice for businesses and individuals looking for an all-in-one web solution.

Learn more

Conclusion

Getting started with the Odoo Website Builder in Odoo 19 is a straightforward and beginner-friendly process. With its visual editor, flexible customization options, and seamless integration with other Odoo apps, users can quickly create and manage professional websites. This makes Odoo Website Builder an excellent choice for businesses and individuals looking for an all-in-one web solution.

Learn more