A website is a vital component of any business. It helps you showcase your brand, connect with customers, and grow your online presence. Odoo 18 comes with an easy-to-use website builder that lets you design professional-looking pages without any coding. With its drag-and-drop tools and ready-made templates, you can create a website that fits your business needs in just a few steps.
A good-looking and well-structured web page is more than just good design; it's often the first thing people notice about your business. A tidy layout, easy-to-read text, and appealing images can draw attention, create trust, and make visitors want to look around. In today’s crowded market, a well-made page not only makes browsing easier but also helps turn visitors into regular customers.
With the editor option on the website module, you can easily create a webpage without writing a single line of code.
You can create a new page in just a few clicks:
- Open the Website app in Odoo, where you can see a menu for pages.
- Click + New and choose Page. You’ll see different templates offered by Odoo, as shown in the image below.
- Give your page a name like “About Us” or “Contact”.
- Pick a template if you want a ready design, or start from a blank page.
- Click Create to start adding your content.
If you want visitors to easily find your page, you need to put it in the menu, enabling the ‘Add to menu’ option.
This is how you can create a webpage using the editor option.
Links make your page more interactive by guiding visitors to other important places—like product pages, blog posts, contact forms, or even external websites. After adding the pages, you can update the link of the page using ‘Menu Editor’ from the editor option.
After opening the Menu Editor, you can see all the menus, and you can update their links.
By dragging the menus to the right you can make the menu a submenu, and we also have the option to delete and edit the menu.
- Highlight text or an element in the editor, click the link icon, and select your page for internal linking or input an external URL.
- To add the page to the menu, navigate to "Configure" > "Menu" in the Website dashboard.
- Click "Add a menu item," select your page, and choose its menu position (e.g., top-level or under another menu). Save to update the navigation bar.
For advanced navigation, enable mega menus in theme settings to create rich dropdowns with visuals or sub-links.
Use anchor links (#section-id) for smooth in-page scrolling to specific sections as per shown in the image below.
After creating and adding links to the page, optimization is essential.
In Odoo 18, optimization goes beyond aesthetics—it’s about speed, responsiveness, and accessibility.
Optimization is about making your page friendly for search engines like Google:
- Write a clear page title with words people might search for.
- Add a short description (meta description) about what the page is about.
- Use small, fast-loading images so the page opens quickly.
- Keep the content easy to read and to the point.
From the editor menu, you can see the option ‘Optimize SEO’.
By opening the menu, we will get a window where we can add clear page title, short description and small, fast-loading images for the page.
Publishing and indexing are important for making your website content reach the right audience. When you publish a page, it becomes visible to anyone visiting your site, so they can see your updates, products, or services. Indexing makes it possible for search engines like Google to find and list that page, helping new people discover your website through search results. If a page isn’t published, no one can see it, and if it isn’t indexed, it won’t show up in search engines. By using both, you decide not just when your page goes live, but also how easily it can be found online.
- Click "Publish" in the editor to make the page publicly accessible. Unpublished pages remain in draft mode.
- Submit your sitemap (yourdomain.com/sitemap.xml) to Google Search Console for indexing. Odoo generates this automatically.
- Odoo automatically creates a robots.txt file for your website. This file tells search engines which pages they can scan and which ones to skip. You can view and manage it from the Website settings in Odoo.
After publishing your new webpage, you can use tracking tools to see which marketing channels bring the most visitors and which ones are less effective. This helps you focus on the strategies that give the best results.
In Odoo 18, the Link Tracker feature is a useful tool for monitoring and improving the performance of the links on your website. First, we need to install the application ‘Link Tracker'. It lets you track how many times a link is clicked or viewed, see where the clicks are coming from, and understand which links are performing best. You can also manage link targets and sources, set up redirects, and analyze traffic from different channels and devices. This helps you make quick, informed decisions to improve your marketing campaigns and website navigation.
To add the link tracker go to Website > Site > Link Tracker.
When you open the Link Tracker in Odoo 18, a window appears where you can enter the URL you want to track. You can then set details like the campaign name, the medium (such as email or social media), and the source of the traffic. After filling in the details, click the Get Tracked Link button to generate your special tracking link. All the links you’ve created can be viewed in the Your Tracked Links section, which also includes filters to help you sort them, such as by newest, most clicked, or recently used.
Link Tracker lets you create a short, trackable link by adding tags for campaign, medium, and source. Share this link in your marketing channels, and Odoo will record each click. The results appear in your Analytics dashboard, helping you see which links bring the most visitors and which sources work best for your marketing.
Customizing a webpage is important because it allows you to shape the design and content to match your brand’s style and goals. A well-customized page can grab attention, make navigation easier, and create a better experience for visitors. It also helps you highlight key information, promote specific products or services, and stand out from competitors.
You can customize a webpage in two main ways: by using the HTML/CSS editor for detailed design changes, or by using snippets to quickly add and arrange ready-made content blocks.
The HTML/CSS editor allows you to go beyond the standard drag-and-drop features when designing a webpage. It gives you direct access to the code, so you can modify layouts, adjust colors, tweak spacing, and add custom design elements that aren’t part of the default snippets. This level of control helps you create a website that matches your exact vision and brand style. It’s especially helpful for adding unique styling or advanced features that make your page more distinctive and engaging.
To use the HTML/CSS editor, first go to the editor menu > sites > HTML/CSS editor.
After selecting the HTML/CSS editor, we will get a window where you can add custom CSS, HTML, and JavaScript to customize the webpage.
Snippets are ready-made building blocks you can use to design your pages quickly. You can drag and drop items such as text sections, images, banners, forms, or videos wherever you want on the page. Each snippet can be adjusted in terms of content, size, colors, and layout so it fits your brand’s style. This makes it easy to create a professional-looking webpage without needing coding skills, while still giving you plenty of creative control.
To use the snippets, first navigate to the page where you want to add the design blocks, then click the ‘Edit’ button at the top right corner.
When you click the Edit button, a panel will appear showing different content blocks. You can drag and drop these blocks onto your webpage and arrange them however you like. After selecting a block on the webpage, you can customize its content and style. You can also use the panel to adjust the overall theme of the page.
Building and refining a webpage in Odoo 18 is both easy and effective. You can add pages to your menu, personalize them with snippets or custom HTML/CSS, and use built-in tools to create a professional, engaging site. Features like Link Tracker and SEO options help ensure your pages are not only visually appealing but also rank well and attract the right audience.
To read more about How to Modify Existing Web Pages in Odoo 18, refer to our blog How to Modify Existing Web Pages in Odoo 18.