2

Website Builder

Last updated: March 25, 2019

Odoo Website Builder


Taking the aid of Odoo website builder, the end user can create stunning websites without much of a stretch. The website feature enables any common man to develop his own company’s online presence without much coding knowledge. The website serves multiple purposes for your company. On the one hand it publishes information about your company and on the other hand, it can act as an E-commerce site, HR Recruitment Portal or a Customer portal. This documentation will discuss the basic website builder functionalities. Following are some features of Odoo Website builder.

Intuitive system

What you see is what you get

Insert text styles like headers, bold, italic, lists and fonts with a simple WYSIWYG editor. Flexible and easy to use.

Building blocks system

Create your page from scratch by dragging and dropping pre-made, fully customizable building blocks.

Front end management

Click and change content directly from the front end: no complex back end to deal with.

Word processor text editing

Create and update your text content through an editor designed to replicate the word processor experience.

Increase visits
Promote Tool

Improve your ranking on search engines and your organic traffic thanks to keywords suggestions and

Meta tag tool
Convert leads
A/B test your pages

Run several versions of one page to find out which one drives better results. Analyze results directly on

Google Analytics.
Multi-version

Prepare multiple versions of your website and switch from one to another in one click.

Link tracking

Add a tracking code to your URL's and measure all your marketing campaigns from the first click to the final sale. Identify which campaigns are the most effective in attracting visitors to your website and generating revenue.

Enhance user experience
Translation tool

Get professional standard translations with Gengo integration.

Mobile preview

See what your page will look like on a mobile device with the mobile preview button.

Social media call-to-action

Share your pages through social media networks.

Live chat embedded

Provide your visitors with information in real time directly on your website through a popup chat window.

Design features

Bootstrap based templates

Easily design your own Odoo templates thanks to clean HTML structure and bootstrap CSS.

Fluid grid layout

Create the best layout corresponding to the devices on which the website is displayed.

Professional themes

Change theme in just a click, and browse through Odoo's catalog of ready-to-use themes available in our app store.

System Users

By default, there are two types of user in Website related modules.

Editor and Designer

Like manager in other modules, he can access both front end and back end of your Website. He configures your website and changes its settings like setting up payment gateway, giving portal access to customers etc.

Restricted Editor

Basically front end (i.e. portal) designer. Generally, he can alter only the portal view of the site.

Managing Multi-Website

Odoo’s Multi-Websites opens a large plethora of opportunities in terms of diversification and customer segmentation for the business. With Odoo Website Builder, the multiplied audience and boosted revenue are no more strenuous.

Each website works fully independent with its own individual theme, branding prerequisites, domain name, header & footer, pages, languages, products, blog posts, forum, slides, events, live chat channels, and much more.


Let’s see how it is working.

Setup

To create a new website, go to Website ‣ Configuration → Settings. The button for creating the new website, lays in it’s first section.

In the upcoming prompt, the end user can set a name for his company website and set a specific domain name too . Leave empty to publish the new website under the default domain of your Odoo database. You can later set some country groups to redirect visitors to it using Geo IP.

Managing Multi-Language

Odoo helps you to go international. The Odoo eCommerce comes with language translation feature allowing to translate languages automatically with a click. One can easily edit the master page and Odoo’s on demand professional translation service, change the necessary part of the website for any language.

To do so,

Go to Website ‣ Configuration → Settings.

Type the languages you need and click SAVE to mark the changes. Now if you go to the website dashboard you can see the current language and the provision to change into new.

You can select the particular language and the system automatically asks for the translation. Click translate to get your website in new language.

Creating your Page

Firstly, install the Website Application. First thing you see here is the E-commerce dashboard. Click GO TO WEBSITE option.

Upon clicking, you will be navigated to the Website page as shown in the below image.

In order to manage your page, click on Edit button on top right corner.

It will give you a default page and tools for designing the page. All you need to do is just Drag and Drop the contents.

Click on any element to customize it.

Make use of different design tools to make your website more attractive and inviting. However, don’t forget to save the changes- the current design, once you finish.

Select a theme via simple drag and drop of structure blocks. You can select your theme based on the website purpose. Once the theme is selected, you can start to build the homepage of your website.

In order to get the mobile view of your website, you can click on the mobile preview button which is placed on top left side of the menu bar.

Once you save the page, the page will be displayed on ‘Menu bar’.

Customize menu and appearance

Menu and page customization

One can easily make changes in the appearance of their website. The changes can be made with respect to Menu, Product view and more. In order to customize the menu follow the below configuration -

Website > Content > Edit Menu
Create the menu

The new website will be encompassing with default menu with all the installed applications. In order to make changes or edit them click Pages > Edit Menu. Moving forward you can easily edit the menu of your current business website.

This window shall assist you to create new menu options, create submenu and delete menu options.

Appearance customization

The customer experience can be modified in all respects significantly on account of the menu *Customize*. All the visual choices accessible there are explicit to every site. Experience the various pages to adjust them to this new group of spectators. Concentrate on workflows, and automatic pages (e Commerce checkout, blogs, events, and so on.) as the quantity of accessible choices is higher there.

To change the appearance of your website like the way your products are listed etc. follow

Website > Customize

Choose from many of the useful options available to make your website more user-friendly.

List your products on site

In order to list your products in the website, go to

Website > New > New product

One can easily fill the name, image and cost of their product. Upon entering the details Click Save.

Switch from one website to another

As simple as ABC! There is a website switcher in the right corner of the edit bar. Switching over to another site will associate with the domain of this website. In the event that you utilize another domain for the site, the client is mentioned to sign in.

Adding features

The website applications you install (e.g., Slides, Blogs) are made accessible on the websites. You can, obviously, keep them covered up in one site by removing the menu item. Every website accompanies a high scope of explicit choices or specific options in the settings. To start with, select the website to arrange.

Later glance through the options flagged in the form of earth icon. It denotes that the settings will impact the very website you are working on. For instance you can configure your website via setting specific languages, social media links, customer portal mode (B2C vs. B2B), dedicated live chat channels, and much more.

The other options are global and apply to all your websites.

Manage domain names

As said before, your websites can either have a similar domain name or utilize a particular one. On the off chance that you share it and need to adjust the content per region, set country groups in the setting of each website. Visitors will be thereby redirected to the right website utilizing Geo IP.

Note: Geo IP is installed by default in Odoo Online. If you run Odoo on-premise, don’t forget to install Geoip library.

Publish specific content per website

Like static pages, any content made from the front-end (product, blog entry, and so on.) is in every case only published in the current site. However, one can change that from the edit form view in the backend and leave the Website field clear. This will publish it in every one of the sites.

Here are all the objects that you can link to either one or all the websites are

  • Products
  • Product Categories for eCommerce
  • Blogs
  • Slide Channels
  • Forums
  • Events
  • Job Positions
  • Note

Upon creating a record from the backend, followed publishing it, a product/event is made available in all websites.

Publish a page in all websites

A static page is created and made accessible in the current website. Later you can copy it to different other websites from Website ‣ Configuration → Pages. To do, leave the Website field vacant. On the off chance that you need to duplicate/copy it in one other website, duplicate the page and set the new site.

However, upon editing the page again, the end user can see that the change only affects the current website. A new page is duplicated and tied up to the website. The original page still being linked to all websites.

Multi-companies

Odoo provisions to manage multi-companies. Each website can be linked to a specific company of your system, in a multi-company environment.

The advantage of such configuration is that, in such cases only the company-related data appear on the website (products, jobs, events, etc.). The Website editors can thereby only view and edit those pages which they have access to ( ones belonging to their current company)

Configure your E-commerce website

E-commerce is a vital component in the multi-websites environment. We made it with the goal that the whole stream can be altered to fit the very crowd of every site.


Products only available on one website

We previously observed before how to distribute a particular record in just a single site. You will discover the *Website* field in the E- commerce tab of the product edit form. Empty means accessible in all sites.

Products available on some websites

In order to make product available in few selected websites, not all of them, the end user need to duplicate the product for each website.

However, if you need a unique reference for managing the inventory, you need to install Manufacturing module and create *Kits BoMs (bills of materials). Each kit shall link each published “virtual” product to the main reference.

Pricelists

In order to manage specific prices by the websites, one can activate Multiple Sales Prices per Product in Website settings.

Configuration

Go to Website ‣ Products → Pricelistsfor creating additional pricelists.


Select a website to make pricelist only available on this website.

Leaving the field empty denotes that you shall make it work in all websites, if Selectable is selected. Otherwise, it makes it only available for backend operations of Sales and Point of Sale applications.

Payment Acquirers and Delivery Methods

By default, published payment acquirers and delivery methods are deployed in all websites. One could a use specific payment acquirers per country using Geo IP by defining countries in the configuration settings.

Customer accounts

Odoo provisions a setting to choose customer accounts in Website settings. You can either allow customers to use one account through all the websites or compel them to create one account for each website. This last option is convenient if your websites shouldn’t be related to each other in the visitor mind.

SEO Integration

Odoo SEO tools combine with Google to check the relevancy of your content in real time. Get more visitors with a better-targeted content. Admin can access this facility from

Website Admin > Settings

Here you can see the options to track and manage performance of your Website. And you can access some other settings from

Website > Promote > Optimize SEO

Via this feature, one can seamlessly search, find out and identify new customers. This can be initiated with the help of dedicated keywords which are mostly used on Google search using keyword research tool in Odoo e-commerce.

Calicut

Cybrosys Technologies Pvt. Ltd.
Neospace, Kinfra Techno Park
Kakkancherry
Kerala, India - 673635

London

Cybrosys Limited
Alpha House,
100 Borough High Street, London,
SE1 1LB, United Kingdom

Kochi

Cybrosys Technologies Pvt. Ltd.
1st Floor, Thapasya Building,
Infopark, Kakkanad,
Kochi, India - 682030.

Bangalore

Cybrosys Techno Solutions
The Estate, 8th Floor,
Dickenson Road,
Bangalore, India - 560042

Send Us A Message