Designing Professional Websites with Odoo Website Builder: Create and customize state-of-the-art websites and e-commerce apps for your modern business needs

✍ Scribed by Sainu Nannat

• Publisher: Packt Publishing
• Year: 2021
• Tongue: English
• Leaves: 624
• Category: Library

✦ Synopsis

A practical guide to crafting elegant, intuitive, and customer-friendly websites to deliver a high-quality user experience using the powerful features of the Odoo website builder

Key Features

• Understand website creation using the Odoo website builder and learn how to make the most of it
• Extend your website by configuring the additional tools and functional options
• Learn about manageability and real-time functioning of the website using various operational tools

Book Description

The Odoo website builder is an operational tool in the Odoo platform that allows you to design, develop, and manage a website. This book introduces and explains all the features of the Odoo website builder that will help you to be more productive while creating websites.

The book starts with an overview of the Odoo website builder, its functionalities, and the tools it offers. Using descriptive illustrations and practical examples, you'll gain detailed insights into the block operations of the Odoo website builder and learn how to work with structure blocks, features blocks, and dynamic content blocks. As you advance, you'll discover how to use the HTML, CSS, or JS editor in Odoo website builder applications for customization. This Odoo book will take you through the different aspects of website building and show you how e-commerce websites can be designed and developed using website builder applications. You'll build a website, manage it, and run a discussion forum in Odoo using the website builder, and apply your knowledge to add a live chat tool that can be incorporated into your website using the Odoo website builder.

By the end of this book, you'll have gained a solid understanding of the Odoo website builder and be able to leverage its features to develop your own website.

What you will learn

• Find out how to implement structure blocks while developing a website
• Work with dynamic content blocks and inner content blocks in the Odoo website builder
• Use an HTML, CSS, or JS editor in the Odoo website builder to customize applications
• Create and design a blog with the Odoo website builder
• Build a fully functional e-commerce website and a discussion forum using the Odoo website builder
• Track visitors on the website and understand the live chat tool and its functionality

Who this book is for

This book is for Odoo users, functional consultants, techno-functional consultants, web designers, and anyone looking to create impressive websites. Odoo developers will also find the book useful for building their website for the end user. Basic functional knowledge of Odoo is all that you need to get started with this book.

Table of Contents

1. Introduction to Odoo and its Website Builder
2. The Website Builder in Action
3. Introduction to blocks- Structure blocks
4. Design using Features Blocks
5. Draft using Dynamic content
6. Inner content block tools
7. Using the HTML/CSS/JS Editor
8. Create your own blog pages
9. Go live with your E-commerce website
10. A discussion forum for your clients
11. Website tracking
12. Drafting a contact page
13. Communicate with Live chat

✦ Table of Contents

Designing Professional Websites with Odoo Website Builder
Contributors
About the author
About the reviewer
Credits
Preface
Who this book is for
What this book covers
To get the most out of this book
Download the color images
Conventions used
Get in touch
Reviews
Section 1: An Overview
Chapter 1: Introduction to Odoo and Its Website Builder
An introduction to websites
An overview of Odoo and its operational aspects
The Odoo community
Odoo apps
Editions of Odoo
Odoo customization
Odoo hosting
Key features of Odoo ERP
The benefits of using Odoo
An overview of the Odoo website builder
Clearing up certain misconceptions
The features and operational capabilities of the Odoo website builder
Additional benefits of the Odoo website builder
The salient features of the Odoo website builder
Summary
Questions
Further reading
Chapter 2: The Website Builder in Action
Creating a new web page
Configuring a website
Managing pages
Creating a new page
Overview of pages
Theme editor
Working with the theme preview
Odoo themes
Summary
Questions
Further reading
Section 2: Website Builder in Depth
Chapter 3: An Introduction to Blocks
Technical requirements
Understanding what blocks are in Odoo website building
Structure blocks
Types of blocks
Banner block
The style editing tools within blocks
Editing options
Website settings
Cover block
Text - Image block
Image - Text block
Title block
Text block
Numbers block
Picture block
Columns block
Big Boxes block
Features block
Masonry block
Image Gallery block
Image Wall block
Carousel block
Media List block
Showcase block
Parallax block
Summary
Questions
Further reading
Chapter 4: Design Using Features Blocks
Technical requirements
Exploring features blocks
Understanding types of features blocks
Types of features blocks
Comparison block
Team block
Call to action block
References block
Accordion block
Features grid block
Table of Content block
Pricelist block
Items block
Tabs block
Timeline block
Steps block
Quotes block
Summary
Questions
Further reading
Chapter 5: Designing a Website using Dynamic Content
Technical requirements
Introducing Dynamic Content blocks
Exploring the types of Dynamic Content block
Form block
Google Map block
Dynamic Products block
Products Search block
Blog Posts block
Events block
Newsletter Block
Newsletter Popup block
Popup block
Countdown block
Discussion Group block
Twitter Scroller block
Summary
Questions
Chapter 6: Inner Content Block Tools
Technical requirements
Understanding Inner Content blocks
Exploring the types of inner content blocks
Separator block
Alert block
Rating block
Card block
Share block
Product Search block
Newsletter block
Text highlight block
Chart block
Progress Bar block
Badge block
Blockquote block
Speaker Bio block
Summary
Questions
Further reading
Chapter 7: HTML/CSS/JS Editor
Technical requirements
Introducing HTML/CSS/JS Editor
HTML
CSS
JS
Using HTML/CSS/JS Editor
Setting product name tag alignment
Background colors for web pages
Color for the background and product block
Providing a banner for the web page
Contact us page validation
Hover zoom on the product block
Summary
Questions
Further reading
Section 3: Practical Tools
Chapter 8: Creating Your Own Blog Pages
Technical requirements
Creating a new blog
Designing blog content
Blog page customization options
Understanding the use and importance of tags
Tag categories
SEO management
Summary
Questions
Further reading
Chapter 9: Go Live with Your E-Commerce Website
Technical requirements
Adding a product to an e-commerce website
Ribbons
Functional options on an e-commerce web page
Designing your e-commerce page
Style options
Configurable options
Inputs options
Blocks on your e-commerce page
The Structure block
The Features block
Dynamic Content
The Inner Content block
Adding a carousel to your e-commerce page
The Carousel block in the product description window
Creating a separate page for product categories
Adding a product category page to the website
Configuring different payment acquirers for customer payments
Summary
Questions
Further reading
Chapter 10: A Discussion Forum for Your Clients
Technical requirements
Creating a forum
Designing a forum
Managing forum questions and answers
Summary
Questions
Further reading
Chapter 11: Tracking Your Website with Odoo
Technical requirements
Website tracking – an intuitive feature
Tracking your website visitors in Odoo
Website tracking using Google Analytics in Odoo
Website tracking using the Link Tracker option
Summary
Questions
Chapter 12: Drafting a Contact Page
Technical requirements
Creating a new contact form
Lead generation using a contact form
Other actions for the Contact us page
Designing the form
Summary
Questions
Further reading
Chapter 13: Communicating with Live Chat
Technical requirements
Adding live chat to the Odoo website
Multiple channels for multiple websites
Managing incoming chat
Assigning chats to your employee
Summary
Questions
Further reading
Answers
Conclusive overview
References
Assessments
Chapter 1: Introduction to Odoo and its Website Builder
Chapter 2: The Website Builder in Action
Chapter 3: Introduction to Blocks – Structure Blocks
Chapter 4: Design Using Features Blocks
Chapter 5: Designing Websites Using Dynamic Content
Chapter 6: Inner Content Block Tools
Chapter 7: Using the HTML/CSS/JavaScript Editors
Chapter 8: Creating Your Own Blog Pages
Chapter 9: Go Live with Your E-Commerce Website
Chapter 10: A Discussion Forum for Your Clients
Chapter 11: Tracking Your Website with Odoo
Chapter 12: Drafting a Contact Page
Chapter 13: Communicating with Live Chat
Why subscribe?
Other Book You May Enjoy
Packt is searching for authors like you
Leave a review - let other readers know what you think