Open Source Website Builder Features

<!DOCTYPE html> <html lang="en-US" data-website-id="1" data-main-object="website.page(168,)" data-add2cart-redirect="1">  <head> <meta charset="utf-8"/> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <meta name="viewport" content="width=device-width, initial-scale=1"/> <meta name="mobile-web-app-capable" content="yes"/> <meta name="generator" content="Odoo"/> <meta name="google-site-verification" content="pgjyH0qvN69B0m_HrTKV6h8TVnbRXp5etEHo19unPy4"/> <meta name="description" content="List of Odoo Website Builder features: from page designer to eCommerce."/> <meta name="keywords" content="odoo s a, cms, website builder, website, open source"/> <meta property="og:type" content="website"/> <meta property="og:title" content="Open Source Website Builder Features | Odoo"/> <meta property="og:site_name" content="Odoo"/> <meta property="og:url" content="https://www.odoo.com/app/website-features"/> <meta property="og:image" content="https://www.odoo.com/web/image/website/1/social_default_image?unique=c506dd5"/> <meta property="og:description" content="List of Odoo Website Builder features: from page designer to eCommerce."/> <meta name="twitter:card" content="summary_large_image"/> <meta name="twitter:title" content="Open Source Website Builder Features | Odoo"/> <meta name="twitter:image" content="https://www.odoo.com/web/image/website/1/social_default_image/300x300?unique=c506dd5"/> <meta name="twitter:site" content="@odoo"/> <meta name="twitter:description" content="List of Odoo Website Builder features: from page designer to eCommerce."/> <link rel="alternate" hreflang="ar" href="https://www.odoo.com/ar/app/website-features"/> <link rel="alternate" hreflang="zh" href="https://www.odoo.com/zh_CN/app/website-features"/> <link rel="alternate" hreflang="zh-tw" href="https://www.odoo.com/zh_TW/app/website-features"/> <link rel="alternate" hreflang="cs" href="https://www.odoo.com/cs_CZ/app/website-features"/> <link rel="alternate" hreflang="nl" href="https://www.odoo.com/nl_NL/app/website-features"/> <link rel="alternate" hreflang="en" href="https://www.odoo.com/app/website-features"/> <link rel="alternate" hreflang="fi" href="https://www.odoo.com/fi_FI/app/website-features"/> <link rel="alternate" hreflang="fr" href="https://www.odoo.com/fr_FR/app/website-features"/> <link rel="alternate" hreflang="de" href="https://www.odoo.com/de_DE/app/website-features"/> <link rel="alternate" hreflang="id" href="https://www.odoo.com/id_ID/app/website-features"/> <link rel="alternate" hreflang="it" href="https://www.odoo.com/it_IT/app/website-features"/> <link rel="alternate" hreflang="ja" href="https://www.odoo.com/ja_JP/app/website-features"/> <link rel="alternate" hreflang="ko" href="https://www.odoo.com/ko_KR/app/website-features"/> <link rel="alternate" hreflang="pl" href="https://www.odoo.com/pl_PL/app/website-features"/> <link rel="alternate" hreflang="pt" href="https://www.odoo.com/pt_BR/app/website-features"/> <link rel="alternate" hreflang="ro" href="https://www.odoo.com/ro_RO/app/website-features"/> <link rel="alternate" hreflang="ru" href="https://www.odoo.com/ru_RU/app/website-features"/> <link rel="alternate" hreflang="sk" href="https://www.odoo.com/sk_SK/app/website-features"/> <link rel="alternate" hreflang="sl" href="https://www.odoo.com/sl_SI/app/website-features"/> <link rel="alternate" hreflang="es" href="https://www.odoo.com/es/app/website-features"/> <link rel="alternate" hreflang="es-es" href="https://www.odoo.com/es_ES/app/website-features"/> <link rel="alternate" hreflang="th" href="https://www.odoo.com/th_TH/app/website-features"/> <link rel="alternate" hreflang="tr" href="https://www.odoo.com/tr_TR/app/website-features"/> <link rel="alternate" hreflang="uk" href="https://www.odoo.com/uk_UA/app/website-features"/> <link rel="alternate" hreflang="vi" href="https://www.odoo.com/vi_VN/app/website-features"/> <link rel="alternate" hreflang="x-default" href="https://www.odoo.com/app/website-features"/> <link rel="canonical" href="https://www.odoo.com/app/website-features"/> <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin=""/> <title>Open Source Website Builder Features | Odoo</title> <link type="image/x-icon" rel="shortcut icon" href="https://odoocdn.com/web/image/website/1/favicon?unique=c506dd5"/> <link rel="preload" href="https://odoocdn.com/web/static/src/libs/fontawesome/fonts/fontawesome-webfont.woff2?v=4.7.0" as="font" crossorigin=""/> <link type="text/css" rel="stylesheet" href="https://odoocdn.com/web/assets/1/ddd1a71/web.assets_frontend.min.css"/> <script id="web.layout.odooscript" type="text/javascript"> var odoo = { csrf_token: "996d412fa45fc7dce6db253625741323567b5b7co1764200846", debug: "", }; </script> <script type="text/javascript"> odoo.__session_info__ = {"is_admin": false, "is_system": false, "is_public": true, "is_website_user": true, "uid": null, "is_frontend": true, "profile_session": null, "profile_collectors": null, "profile_params": null, "show_effect": true, "currencies": {"137": {"symbol": "AED", "position": "after", "digits": [69, 2]}, "19": {"symbol": "ARS", "position": "after", "digits": [69, 2]}, "21": {"symbol": "AUD", "position": "after", "digits": [69, 2]}, "59": {"symbol": "\u09f3", "position": "after", "digits": [69, 2]}, "27": {"symbol": "\u043b\u0432", "position": "after", "digits": [69, 2]}, "6": {"symbol": "R$", "position": "before", "digits": [69, 2]}, "4": {"symbol": "CAD", "position": "after", "digits": [69, 2]}, "5": {"symbol": "CHF", "position": "after", "digits": [69, 2]}, "7": {"symbol": "CNY", "position": "after", "digits": [69, 2]}, "194": {"symbol": "K\u010d", "position": "after", "digits": [69, 2]}, "10": {"symbol": "kr", "position": "after", "digits": [69, 2]}, "80": {"symbol": "E\u00a3", "position": "after", "digits": [69, 2]}, "1": {"symbol": "\u20ac", "position": "after", "digits": [69, 2]}, "18": {"symbol": "GBP", "position": "after", "digits": [69, 2]}, "25": {"symbol": "HK$", "position": "after", "digits": [69, 2]}, "31": {"symbol": "kn", "position": "after", "digits": [69, 2]}, "193": {"symbol": "Rp", "position": "after", "digits": [69, 2]}, "20": {"symbol": "Rs", "position": "after", "digits": [69, 2]}, "26": {"symbol": "\u00a5", "position": "after", "digits": [69, 2]}, "100": {"symbol": "KSh", "position": "after", "digits": [69, 2]}, "34": {"symbol": "\u20a9", "position": "after", "digits": [69, 2]}, "116": {"symbol": " \u062f.\u0645", "position": "after", "digits": [69, 2]}, "115": {"symbol": "\u20ae", "position": "after", "digits": [69, 2]}, "44": {"symbol": "Rs", "position": "after", "digits": [69, 2]}, "35": {"symbol": "Mex$", "position": "before", "digits": [69, 2]}, "36": {"symbol": "RM", "position": "after", "digits": [69, 2]}, "183": {"symbol": "kr", "position": "before", "digits": [69, 2]}, "37": {"symbol": "$", "position": "after", "digits": [69, 2]}, "38": {"symbol": "Php", "position": "after", "digits": [69, 2]}, "171": {"symbol": "Rs.", "position": "after", "digits": [69, 2]}, "16": {"symbol": "z\u0142", "position": "after", "digits": [69, 2]}, "166": {"symbol": "QR", "position": "after", "digits": [69, 2]}, "30": {"symbol": "kr", "position": "after", "digits": [69, 2]}, "158": {"symbol": "SR", "position": "after", "digits": [69, 2]}, "178": {"symbol": "kr", "position": "after", "digits": [69, 2]}, "39": {"symbol": "$", "position": "after", "digits": [69, 2]}, "40": {"symbol": "\u0e3f", "position": "after", "digits": [69, 2]}, "141": {"symbol": "DT", "position": "after", "digits": [69, 2]}, "146": {"symbol": "NT$", "position": "after", "digits": [69, 2]}, "2": {"symbol": "US$", "position": "before", "digits": [69, 2]}, "24": {"symbol": "\u20ab", "position": "after", "digits": [69, 2]}, "41": {"symbol": "R", "position": "after", "digits": [69, 2]}}, "bundle_params": {"lang": "en_US", "website_id": 1}, "test_mode": false, "websocket_worker_version": "18.0-2", "translationURL": "/website/translations", "cache_hashes": {"translations": "31d12ccf1777b0626e21af029c98b77138604fac"}, "recaptcha_public_key": "6Ldp7rgUAAAAAJF-NZ6k-y0HGEPozP3SeROO_z7F", "geoip_country_code": "SG", "geoip_phone_code": 65, "lang_url_code": "en_US", "turnstile_site_key": "0x4AAAAAAADwqVOUIWCeR_H8"}; if (!/(^|;\s)tz=/.test(document.cookie)) { const userTZ = Intl.DateTimeFormat().resolvedOptions().timeZone; document.cookie = `tz=${userTZ}; path=/`; } </script> <script type="text/javascript" defer="defer" src="https://odoocdn.com/web/assets/1/9934a7a/web.assets_frontend_minimal.min.js" onerror="__odooAssetError=1"></script> <script type="text/javascript" defer="defer" data-src="https://odoocdn.com/web/assets/1/0fbd348/web.assets_frontend_lazy.min.js" onerror="__odooAssetError=1"></script> <script> if (!window.odoo) { window.odoo = {}; } odoo.__session_info__ = Object.assign(odoo.__session_info__ || {}, { websocket_worker_version: "18.0-2", livechatData: { isAvailable: false, serverUrl: "https://www.odoo.com", options: {}, }, }); </script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} </script> <noscript> <style> /* Prevent animated elements hiding */ .o_animate_in_children > * { opacity: 1!important; -webkit-transform: scale(1)!important; -ms-transform: scale(1)!important; transform: scale(1)!important; } </style> </noscript> </head> <body> <div id="wrapwrap" class=" o_website_features "> <a class="o_skip_to_content btn btn-primary rounded-0 visually-hidden-focusable position-absolute start-0" href="#wrap">Skip to Content</a> <header id="top" data-anchor="true" data-name="Header" data-extra-items-toggle-aria-label="Extra items button" class=" o_no_autohide_menu o_affix_enabled o_header_fixed o_header_fade_out o_main_header o_not_editable" style=" "> <div class="o_main_header_main top_menu" id="top_menu"> <a class="float-start o_logo" href="/"><span class="visually-hidden sr-only">Odoo</span></a> <a href="#" role="button" class="o_mobile_menu_toggle d-inline-block d-md-none"> <i class="fa fa-bars" focusable="false"></i><span class="visually-hidden sr-only">Menu</span> </a> <ul class="o_header_buttons list-unstyled"> <li class="nav-item d-md-none me-auto"> <a class="nav-link text-whatsapp ps-0 py-2" href="https://wa.me/85264491993"> <i class="fa fa-whatsapp fs-4 align-middle mt-n1 me-2"></i><small>WhatsApp</small> </a> </li> <li class="o_wsale_my_cart nav-item me-lg-0 d-none"> <a href="/shop/cart" class="nav-link px-1" aria-label="Shopping Cart"> <i class="fa fa-shopping-cart"></i><sup class="my_cart_quantity rounded-pill bg-o-color-1 ms-1 py-1 px-2"></sup> </a> </li> <li class="nav-item o_no_autohide_item"> <a href="/web/login" class="nav-link">Sign in</a> </li> <li class="nav-item o_no_autohide_item"><a class="btn btn-primary btn-sm text-nowrap trial_link" href="/trial?selected_app=website">Try it free</a> </li> </ul> <ul class="o_primary_nav"> <li class="dropdown"> <a href="#" data-bs-toggle="dropdown" data-bs-display="static" aria-expanded="false" class="dropdown-toggle"> <span class="o_app_name_title"> Website Builder </span> </a> <div class="start-0 dropdown-menu o_secondary_nav" data-bs-parent="o_primary_nav"> <div class="container"> <div class="row"> <div class="col-md-3 o_finance_apps "> <div class="o_nav_app_family">Finance</div> <ul> <li><a class="dropdown-item" href="/app/accounting">Accounting</a></li> <li><a class="dropdown-item" href="/app/invoicing">Invoicing</a></li> <li><a class="dropdown-item" href="/app/expenses">Expenses</a></li> <li><a class="dropdown-item" href="/app/spreadsheet">Spreadsheet (BI)</a></li> <li><a class="dropdown-item" href="/app/documents">Documents</a></li> <li><a class="dropdown-item" href="/app/sign">Sign</a></li> </ul> </div> <div class="col-md-3 o_sale_apps "> <div class="o_nav_app_family">Sales</div> <ul> <li><a class="dropdown-item" href="/app/crm">CRM</a></li> <li><a class="dropdown-item" href="/app/sales">Sales</a></li> <li><a class="dropdown-item" href="/app/point-of-sale-shop">POS Shop</a></li> <li><a class="dropdown-item" href="/app/point-of-sale-restaurant">POS Restaurant</a></li> <li><a class="dropdown-item" href="/app/subscriptions">Subscriptions</a></li> <li><a class="dropdown-item" href="/app/rental">Rental</a></li> </ul> </div> <div class="col-md-3 o_website_apps o_highlighted"> <div class="o_nav_app_family">Websites</div> <ul> <li><a class="dropdown-item" href="/app/website">Website Builder</a></li> <li><a class="dropdown-item" href="/app/ecommerce">eCommerce</a></li> <li><a class="dropdown-item" href="/app/blog">Blog</a></li> <li><a class="dropdown-item" href="/app/forum">Forum</a></li> <li><a class="dropdown-item" href="/app/live-chat">Live Chat</a></li> <li><a class="dropdown-item" href="/app/elearning">eLearning</a></li> </ul> </div> <div class="col-md-3 o_inventory_apps "> <div class="o_nav_app_family">Supply Chain</div> <ul> <li><a class="dropdown-item" href="/app/inventory">Inventory</a></li> <li><a class="dropdown-item" href="/app/manufacturing">Manufacturing</a></li> <li><a class="dropdown-item" href="/app/plm">PLM</a></li> <li><a class="dropdown-item" href="/app/purchase">Purchase</a></li> <li><a class="dropdown-item" href="/app/maintenance">Maintenance</a></li> <li><a class="dropdown-item" href="/app/quality">Quality</a></li> </ul> </div> </div> <div class="row"> <div class="col-md-3 o_hr_apps "> <div class="o_nav_app_family">Human Resources</div> <ul> <li><a class="dropdown-item" href="/app/employees">Employees</a></li> <li><a class="dropdown-item" href="/app/recruitment">Recruitment</a></li> <li><a class="dropdown-item" href="/app/time-off">Time Off</a></li> <li><a class="dropdown-item" href="/app/appraisals">Appraisals</a></li> <li><a class="dropdown-item" href="/app/referrals">Referrals</a></li> <li><a class="dropdown-item" href="/app/fleet">Fleet</a></li> </ul> </div> <div class="col-md-3 o_marketing_apps "> <div class="o_nav_app_family">Marketing</div> <ul> <li><a class="dropdown-item" href="/app/social-marketing">Social Marketing</a></li> <li><a class="dropdown-item" href="/app/email-marketing">Email Marketing</a></li> <li><a class="dropdown-item" href="/app/sms-marketing">SMS Marketing</a></li> <li><a class="dropdown-item" href="/app/events">Events</a></li> <li><a class="dropdown-item" href="/app/marketing-automation">Marketing Automation</a></li> <li><a class="dropdown-item" href="/app/surveys">Surveys</a></li> </ul> </div> <div class="col-md-3 o_services_apps "> <div class="o_nav_app_family">Services</div> <ul> <li><a class="dropdown-item" href="/app/project">Project</a></li> <li><a class="dropdown-item" href="/app/timesheet">Timesheets</a></li> <li><a class="dropdown-item" href="/app/field-service">Field Service</a></li> <li><a class="dropdown-item" href="/app/helpdesk">Helpdesk</a></li> <li><a class="dropdown-item" href="/app/planning">Planning</a></li> <li><a class="dropdown-item" href="/app/appointments">Appointments</a></li> </ul> </div> <div class="col-md-3 o_productivity_apps "> <div class="o_nav_app_family">Productivity</div> <ul> <li><a class="dropdown-item" href="/app/discuss">Discuss</a></li> <li><a class="dropdown-item" href="/app/approvals">Approvals</a></li> <li><a class="dropdown-item" href="/app/iot">IoT</a></li> <li><a class="dropdown-item" href="/app/voip">VoIP</a></li> <li><a class="dropdown-item" href="/app/knowledge">Knowledge</a></li> <li><a class="dropdown-item" href="/app/whatsapp">WhatsApp</a></li> </ul> </div> </div> </div> <span class="o_store_link d-md-flex justify-content-md-center"> <a class="mx-md-3 px-3 dropdown-item" href="https://apps.odoo.com/apps/modules"><i class="fa fa-cube fa-fw me-2"></i>Third party apps</a> <a class="mx-md-3 px-3 dropdown-item" href="/app/studio"><i class="fa fa-pencil fa-fw me-2"></i>Odoo Studio</a> <a href="https://www.odoo.sh" class="mx-md-3 px-3"><i class="fa fa-cloud fa-fw me-2"></i>Odoo Cloud Platform</a> </span> </div> </li> <span class="border-end border-default me-lg-2 d-none d-md-inline"></span> <li role="presentation" class="nav-item"> <a role="menuitem" href="/app/website" class="nav-link "> <span>Overview</span> </a> </li> <li role="presentation" class="nav-item"> <a role="menuitem" href="/app/website-features" class="nav-link active"> <span>Features</span> </a> </li> <li role="presentation" class="nav-item"> <a role="menuitem" href="/website-builder-showcase" class="nav-link "> <span>Showcase</span> </a> </li> <li role="presentation" class="nav-item"> <a role="menuitem" href="/webdesign" class="nav-link "> <span>Services</span> </a> </li> </ul> </div> </header> <main> <div id="wrap" class="oe_structure oe_empty"> <section class="s_affix"> <div class="container"> <div class="row"> <div class="col-lg-3 d-print-none d-none d-lg-block" role="complementary"> <nav id="features_affix"></nav> </div> <div class="col-lg-9" role="main"> <section> <h2>Pricing</h2> <div class="row"> <div class="col-md-6"> <h4>100% Free</h4> <p>Your website and its hosting are free forever, without ads or limits, with Odoo's <a href="https://www.odoo.com/pricing-plan">One App Free</a> plan.</p> </div> <div class="col-md-6"> <h4>Beautiful Themes</h4> <p>All themes are available in standard, out-of-the-box, for free. No need to buy external themes.</p> </div> <div class="col-md-6"> <h4>Free Domain Name</h4> <p>Odoo offers a free custom domain name to all Odoo Online databases for one year.</p> </div> </div> </section> <section> <h2>Design your website</h2> <div class="row"> <div class="col-md-6"> <video class="owb_playinview w-100 mb-3" loop="true" muted="true" playsinline="true" autoplay="true"> <source src="/openerp_website/static/src/video/wbuilder/Website_configurator.mp4" type="video/mp4"/> </video> <h4>Website Configurator</h4> <p>Get a stunning website in 3 easy steps with our Artificial Intelligence Designer.</p> </div> <div class="col-md-6"> <video class="owb_playinview w-100 mb-3" loop="true" muted="true" playsinline="true" autoplay="true"> <source src="/openerp_website/static/src/video/wbuilder/Drag_Drop.mp4" type="video/mp4"/> </video> <h4>Beautiful Building blocks</h4> <p>Drag & drop building blocks with business features. Blocks are highly customizable, from the content to the layout.</p> </div> <div class="col-md-6"> <video class="owb_playinview w-100 mb-3" loop="true" muted="true" playsinline="true" autoplay="true"> <source src="/openerp_website/static/src/video/wbuilder/Smart Colors.mp4" type="video/mp4"/> </video> <h4>Smart Color Presets</h4> <p>Always get the best color combination. Button and text colors automatically adapt to the background for better readability.</p> </div> <div class="col-md-6"> <video class="owb_playinview w-100 mb-3" loop="true" muted="true" playsinline="true" autoplay="true"> <source src="/openerp_website/static/src/video/wbuilder/Gradients.mp4" type="video/mp4"/> </video> <h4>Beautiful Gradients</h4> <p>Use and define color gradients for texts, backgrounds, or button colors.</p> </div> <div class="col-md-6"> <video class="owb_playinview w-100 mb-3" loop="true" muted="true" playsinline="true" autoplay="true"> <source src="https://download.odoocdn.com/videos/website-builder/owb_shapes.mp4" type="video/mp4"/> </video> <h4>Enhance Blocks with Shapes</h4> <p>Enhance your building blocks with shapes to get stunning visual effects in a few clicks.</p> </div> <div class="col-md-6"> <video class="owb_playinview w-100 mb-3" loop="true" muted="true" playsinline="true" autoplay="true"> <source src="/openerp_website/static/src/video/wbuilder/Animations.mp4" type="video/mp4"/> </video> <h4>Animations</h4> <p>Animate your content with on-scroll effects.</p> </div> <div class="col-md-6"> <h4>Dynamic Blocks</h4> <p>Integrate dynamic content easily to get pages tailored to your visitors; recommended blogs, next events, more sold or recently featured, etc.</p> </div> <div class="col-md-6"> <h4>Highly Customizable</h4> <p>You are the designer: choose among multiple layouts for each block, and customize its colors and content.</p> </div> <div class="col-md-6"> <h4>Google Fonts Integration</h4> <p>Keep your brand assets. Load any font directly from the Google Fonts library.</p> </div> <div class="col-md-6"> <h4>Build Your Own Library</h4> <p>Save building blocks and build your library of reuseable block content.</p> </div> <div class="col-md-6"> <img src="https://odoocdn.com/openerp_website/static/src/img/2021/website-features/cross-devices.png" class="img-fluid" loading="lazy" data-original-src="/openerp_website/src/static/img/2021/website-features/cross-devices.png" data-mimetype="image/png"/> <h4 class="pt16">Mobile Friendly</h4> <p>Your website is automatically adapted to mobile devices. Choose whether or not to hide content on the mobile version.</p> </div> </div> </section> <section> <h2>Media Manager</h2> <div class="row"> <div class="col-md-6"> <h4>Copyright-free pictures</h4> <p>Access millions of copyright-free, high-quality, photos, videos, and illustrations on the Unsplash library.</p> </div> <div class="col-md-6"> <h4>Optimized for Speed</h4> <p>Images get optimized automatically: resized according to where you drop them, compressed efficiently, etc.</p> </div> <div class="col-md-6"> <h4>Inline Filters & Transforms</h4> <p>Edit your images directly in the page, and preview the effect of filters and transformations instantly.</p> </div> <div class="col-md-6"> <video class="owb_playinview w-100" loop="true" muted="true" playsinline="true" autoplay="true"> <source src="/openerp_website/static/src/video/wbuilder/Media Manager.mp4" type="video/mp4"/> </video> </div> <div class="col-md-6"> <h4>On-the-fly Editing</h4> <p>Edit your images directly on the page, and instantly preview the effect of filters and transformations.</p> </div> <div class="col-md-6"> <h4>Branded Illustrations</h4> <p>Use illustrations to get images that perfectly match your brand colors for a perfect experience.</p> </div> <div class="col-md-6"> <h4>Enhance Images with Shapes</h4> <p>Add static or animated shapes on images to create modern visual effects in a few clicks.</p> </div> </div> </section> <section> <h2>Get more traffic</h2> <div class="row"> <div class="col-md-6"> <h4>Multi-Languages</h4> <p>Translations made easy with inline translation and detection of visitor language with GeoIP.</p> </div> <div class="col-md-6"> <h4>Multi-Websites</h4> <p>Run multiple websites on the same database and share products between websites.</p> </div> <div class="col-md-6"> <h4>Convert Visitors into Leads</h4> <p>Convert visitors into leads with smart marketing tools: get visitors' data based on IP, add smart CTAs, design efficient forms, etc.</p> </div> <div class="col-md-6"> <h4>Blog Articles</h4> <p>Update your website content by publishing blog articles easily.</p> </div> <div class="col-md-6"> <h4>Search Engine Optimization tools</h4> <p>Write search engine-friendly content with SEO Tools. Customize titles and meta tags on your pictures.</p> </div> <div class="col-md-6"> <h4>Social Media Integration</h4> <p>The website builder is fully integrated with Odoo social marketing, email marketing, push notifications, etc.</p> </div> <div class="col-md-6"> <h4>Visitors Targeted Content</h4> <p>Make your page content automatically adapt to your visitors' country, the Ads they come from, their industries, etc.</p> </div> </div> </section> <section> <h2>Connect to visitors</h2> <div class="row"> <div class="col-md-6"> <h4>Realtime Dashboard</h4> <p>Track your visitors in real-time and connect with the most interesting ones in a single click: push notification, live chat, SMS, etc.</p> </div> <div class="col-md-6"> <h4>Visitor Portal</h4> <p>Visitors get instant access to their documents such as support tickets, invoices, projects, tasks, etc.</p> </div> <div class="col-md-6"> <h4>Smart Form Builder</h4> <p>Create customized forms easily, and integrate them in your business flow in just a few clicks.</p> </div> <div class="col-md-6"> <h4>Livechat</h4> <p>Chat with visitors instantly with the integrated live chat tool. Use our bot to answer when you are not online.</p> </div> <div class="col-md-6"> <h4>Forum</h4> <p>Let your visitors interact with each other in your forum section.</p> </div> <div class="col-md-6"> <h4>Helpdesk Tickets</h4> <p>Customers can submit support tickets. Give them a follow-up from the Helpdesk app. Get ratings on your service.</p> </div> </div> </section> <section> <h2>Developers Friendly</h2> <div class="row"> <div class="col-md-6"> <h4>Code Editor</h4> <p>Developers can customize their websites with HTML, CSS, and JS editors.</p> </div> <div class="col-md-6"> <h4>Open Source</h4> <p>Install our website builder on your server for free.</p> </div> <div class="col-md-6"> <h4>Large Community</h4> <p>Enhance your website with modules from our <a href="https://apps.odoo.com/apps/themes" target="_blank">Apps Store</a>. The largest business apps store in the world.</p> </div> <div class="col-md-6"> <h4>Clean Stack</h4> <p>Odoo's dependencies are limited and modern: Postgresql, Boostrap, etc.</p> </div> <div class="col-md-6"> <h4>Cloud hosting or On Premise</h4> <p>We provide free hosting, but you can <a href="https://github.com/odoo/odoo" target="_blank">download on Github</a> and host it on your own server, if you prefer.</p> </div> <div class="col-md-6"> <h4>Embed External Widget</h4> <p>Inject custom code and use it as a widget on any page.</p> </div> <div class="col-md-6"> <h4>Upgrades</h4> <p>Benefit from a free upgrade at every new Odoo version.</p> </div> <div class="col-md-6"> <h4>Free SSL Certificate</h4> <p>Get your free SSL certificate automatically on cloud-hosted websites.</p> </div> </div> </section> <section> <h2>Integration</h2> <div class="row"> <div class="col-md-6"> <div class="x_wd_app_card d-flex flex-column h-100 position-relative p-4"> <div class="d-flex align-items-center"> <img width="60" height="60" class="bg-white shadow-sm rounded-1 p-2 me-3" src="//download.odoocdn.com/icons/website_sale/static/description/icon.svg" alt="Odoo eCommerce icon" loading="lazy"/> <h5 class="my-0">eCommerce</h5> </div> <p class="my-3">Create your online store in a few clicks. Unlimited products.</p> <a class="stretched-link mt-auto" href="/app/ecommerce">Discover ⟶</a> </div> </div> <div class="col-md-6"> <div class="x_wd_app_card d-flex flex-column h-100 position-relative p-4"> <div class="d-flex align-items-center"> <img width="60" height="60" class="bg-white shadow-sm rounded-1 p-2 me-3" src="//download.odoocdn.com/icons/hr_recruitment/static/description/icon.svg" alt="Odoo Recruitment icon" loading="lazy"/> <h5 class="my-0">Recruitment</h5> </div> <p class="my-3">Attract new talents by publishing job offers. Make them apply online and collect their resume instantly.</p> <a class="stretched-link mt-auto" href="/app/recruitment">Discover ⟶</a> </div> </div> <div class="col-md-6"> <div class="x_wd_app_card d-flex flex-column h-100 position-relative p-4"> <div class="d-flex align-items-center"> <img width="60" height="60" class="bg-white shadow-sm rounded-1 p-2 me-3" src="//download.odoocdn.com/icons/crm/static/description/icon.svg" alt="Odoo CRM icon" loading="lazy"/> <h5 class="my-0">CRM</h5> </div> <p class="my-3">Generate leads on your website and manage them in the CRM app.</p> <a class="stretched-link mt-auto" href="/app/crm">Discover ⟶</a> </div> </div> <div class="col-md-6"> <div class="x_wd_app_card d-flex flex-column h-100 position-relative p-4"> <div class="d-flex align-items-center"> <img width="60" height="60" class="bg-white shadow-sm rounded-1 p-2 me-3" src="//download.odoocdn.com/icons/website_event/static/description/icon.svg" alt="Odoo Events icon" loading="lazy"/> <h5 class="my-0">Events</h5> </div> <p class="my-3">Publish your upcoming events on the website, and sell tickets online.</p> <a class="stretched-link mt-auto" href="/app/events">Discover ⟶</a> </div> </div> <div class="col-md-6"> <div class="x_wd_app_card d-flex flex-column h-100 position-relative p-4"> <div class="d-flex align-items-center"> <img width="60" height="60" class="bg-white shadow-sm rounded-1 p-2 me-3" src="//download.odoocdn.com/icons/website_slides/static/description/icon.svg" alt="Odoo eLearning icon" loading="lazy"/> <h5 class="my-0">eLearning</h5> </div> <p class="my-3">Create and publish courses online. Share them with your students for free or ask customers to pay for them.</p> <a class="stretched-link mt-auto" href="/app/elearning">Discover ⟶</a> </div> </div> <div class="col-md-6"> <div class="x_wd_app_card d-flex flex-column h-100 position-relative p-4"> <div class="d-flex align-items-center"> <img width="60" height="60" class="bg-white shadow-sm rounded-1 p-2 me-3" src="//download.odoocdn.com/icons/appointment/static/description/icon.svg" alt="Odoo Appointments icon" loading="lazy"/> <h5 class="my-0">Appointments</h5> </div> <p class="my-3">Set your availabilities and share your link to allow online booking. Your Outlook or Google calendars are automatically synchronized.</p> <a class="stretched-link mt-auto" href="/app/appointments">Discover ⟶</a> </div> </div> </div> </section> </div> </div> </div> </section> </div> <div id="o_shared_blocks" class="oe_unremovable"></div> </main> <footer id="bottom" data-anchor="true" data-name="Footer" class="o_footer o_colored_level o_cc o_footer_slideout"> <div id="footer" class="container o_not_editable "> <span class="o_logo o_logo_inverse d-block mx-auto o_footer_logo my-5"></span> <div class="row"> <div class="col-12 col-lg-7 col-xl-6"> <div class="row"> <div class="col-12 col-md-4 mb-3 mb-md-0"> <div class="row"> <div class="col-6 col-md-12"> <span class="o_footer_title">Community</span> <ul class="o_footer_links list-unstyled"> <li><a href="/slides/all/tag/odoo-tutorials-9">Tutorials</a></li> <li><a href="/page/docs">Documentation</a></li> <li><a href="/forum/help-1">Forum</a></li> </ul> </div> <div class="col-6 col-md-12"> <span class="o_footer_title">Open Source</span> <ul class="o_footer_links list-unstyled"> <li><a href="/page/download">Download</a></li> <li class="divider"></li> <li><a href="https://github.com/odoo/odoo">Github</a></li> <li><a href="https://runbot.odoo.com/">Runbot</a></li> <li><a href="https://github.com/odoo/odoo/wiki/Translations">Translations</a></li> </ul> </div> </div> </div> <div class="col-6 col-md-4"> <span class="o_footer_title">Services</span> <ul class="o_footer_links list-unstyled"> <li><a href="https://www.odoo.sh">Odoo.sh Hosting</a></li> <li class="divider"></li> <li><a href="/help">Support</a></li> <li><a href="https://upgrade.odoo.com">Upgrade</a></li> <li><a href="/page/developers-on-demand">Custom Developments</a></li> <li><a href="/education/program">Education</a></li> <li class="divider"></li> <li><a href="/accounting-firms">Find an Accountant</a></li> <li class="divider"></li> <li><a href="/partners">Find a Partner</a></li> <li><a href="/become-a-partner">Become a Partner</a></li> </ul> </div> <div class="col-6 col-md-4 mb-4"> <span class="o_footer_title">About us</span> <ul class="o_footer_links list-unstyled"> <li><a href="/page/about-us">Our company</a></li> <li><a href="/page/brand-assets">Brand Assets</a></li> <li><a href="/contactus">Contact us</a></li> <li><a href="/jobs">Jobs</a></li> <li class="divider"></li> <li><a href="/events">Events</a></li> <li><a href="//podcast.odoo.com">Podcast</a></li> <li><a href="/blog">Blog</a></li> <li><a href="/blog/6">Customers</a></li> <li class="divider"></li> <li><a href="/legal">Legal</a> <span class="small text-muted">•</span> <a href="/privacy">Privacy</a></li> <li><a href="/security">Security</a></li> </ul> </div> </div> </div> <div class="col-12 col-lg-5 col-xl-5 offset-xl-1"> <div class="d-flex align-items-center justify-content-between"> <div class="js_language_selector o_language_selector dropdown d-print-none"> <button type="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="true" class="border-0 dropdown-toggle btn btn-sm btn-outline-secondary"> <img class="o_lang_flag " src="https://odoocdn.com/base/static/img/country_flags/us.png?height=25" alt="" loading="lazy"/> <span class="">English</span> </button> <div role="menu" class="dropdown-menu "> <a class="dropdown-item js_change_lang " role="menuitem" href="/ar/app/website-features" data-url_code="ar" title=" الْعَرَبيّة"> <img class="o_lang_flag " src="https://odoocdn.com/web/image/res.lang/23/flag_image?height=25" alt="" loading="lazy"/> <span class=""> الْعَرَبيّة</span> </a> <a class="dropdown-item js_change_lang " role="menuitem" href="/zh_CN/app/website-features" data-url_code="zh_CN" title=" 简体中文"> <img class="o_lang_flag " src="https://odoocdn.com/base/static/img/country_flags/cn.png?height=25" alt="" loading="lazy"/> <span class=""> 简体中文</span> </a> <a class="dropdown-item js_change_lang " role="menuitem" href="/zh_TW/app/website-features" data-url_code="zh_TW" title=" 繁體中文"> <img class="o_lang_flag " src="https://odoocdn.com/base/static/img/country_flags/tw.png?height=25" alt="" loading="lazy"/> <span class=""> 繁體中文</span> </a> <a class="dropdown-item js_change_lang " role="menuitem" href="/cs_CZ/app/website-features" data-url_code="cs_CZ" title=" Čeština"> <img class="o_lang_flag " src="https://odoocdn.com/base/static/img/country_flags/cz.png?height=25" alt="" loading="lazy"/> <span class=""> Čeština</span> </a> <a class="dropdown-item js_change_lang " role="menuitem" href="/nl_NL/app/website-features" data-url_code="nl_NL" title=" Nederlands"> <img class="o_lang_flag " src="https://odoocdn.com/base/static/img/country_flags/nl.png?height=25" alt="" loading="lazy"/> <span class=""> Nederlands</span> </a> <a class="dropdown-item js_change_lang active" role="menuitem" href="/app/website-features" data-url_code="en_US" title="English"> <img class="o_lang_flag " src="https://odoocdn.com/base/static/img/country_flags/us.png?height=25" alt="" loading="lazy"/> <span class="">English</span> </a> <a class="dropdown-item js_change_lang " role="menuitem" href="/fi_FI/app/website-features" data-url_code="fi_FI" title=" Suomi"> <img class="o_lang_flag " src="https://odoocdn.com/base/static/img/country_flags/fi.png?height=25" alt="" loading="lazy"/> <span class=""> Suomi</span> </a> <a class="dropdown-item js_change_lang " role="menuitem" href="/fr_FR/app/website-features" data-url_code="fr_FR" title=" Français"> <img class="o_lang_flag " src="https://odoocdn.com/base/static/img/country_flags/fr.png?height=25" alt="" loading="lazy"/> <span class=""> Français</span> </a> <a class="dropdown-item js_change_lang " role="menuitem" href="/de_DE/app/website-features" data-url_code="de_DE" title=" Deutsch"> <img class="o_lang_flag " src="https://odoocdn.com/base/static/img/country_flags/de.png?height=25" alt="" loading="lazy"/> <span class=""> Deutsch</span> </a> <a class="dropdown-item js_change_lang " role="menuitem" href="/id_ID/app/website-features" data-url_code="id_ID" title=" Bahasa Indonesia"> <img class="o_lang_flag " src="https://odoocdn.com/base/static/img/country_flags/id.png?height=25" alt="" loading="lazy"/> <span class=""> Bahasa Indonesia</span> </a> <a class="dropdown-item js_change_lang " role="menuitem" href="/it_IT/app/website-features" data-url_code="it_IT" title=" Italiano"> <img class="o_lang_flag " src="https://odoocdn.com/base/static/img/country_flags/it.png?height=25" alt="" loading="lazy"/> <span class=""> Italiano</span> </a> <a class="dropdown-item js_change_lang " role="menuitem" href="/ja_JP/app/website-features" data-url_code="ja_JP" title=" 日本語"> <img class="o_lang_flag " src="https://odoocdn.com/base/static/img/country_flags/jp.png?height=25" alt="" loading="lazy"/> <span class=""> 日本語</span> </a> <a class="dropdown-item js_change_lang " role="menuitem" href="/ko_KR/app/website-features" data-url_code="ko_KR" title=" 한국어 (KR)"> <img class="o_lang_flag " src="https://odoocdn.com/base/static/img/country_flags/kr.png?height=25" alt="" loading="lazy"/> <span class=""> 한국어 (KR)</span> </a> <a class="dropdown-item js_change_lang " role="menuitem" href="/pl_PL/app/website-features" data-url_code="pl_PL" title=" Język polski"> <img class="o_lang_flag " src="https://odoocdn.com/base/static/img/country_flags/pl.png?height=25" alt="" loading="lazy"/> <span class=""> Język polski</span> </a> <a class="dropdown-item js_change_lang " role="menuitem" href="/pt_BR/app/website-features" data-url_code="pt_BR" title=" Português (BR)"> <img class="o_lang_flag " src="https://odoocdn.com/base/static/img/country_flags/br.png?height=25" alt="" loading="lazy"/> <span class=""> Português (BR)</span> </a> <a class="dropdown-item js_change_lang " role="menuitem" href="/ro_RO/app/website-features" data-url_code="ro_RO" title=" română"> <img class="o_lang_flag " src="https://odoocdn.com/base/static/img/country_flags/ro.png?height=25" alt="" loading="lazy"/> <span class=""> română</span> </a> <a class="dropdown-item js_change_lang " role="menuitem" href="/ru_RU/app/website-features" data-url_code="ru_RU" title=" русский язык"> <img class="o_lang_flag " src="https://odoocdn.com/base/static/img/country_flags/ru.png?height=25" alt="" loading="lazy"/> <span class=""> русский язык</span> </a> <a class="dropdown-item js_change_lang " role="menuitem" href="/sk_SK/app/website-features" data-url_code="sk_SK" title=" Slovenský jazyk"> <img class="o_lang_flag " src="https://odoocdn.com/base/static/img/country_flags/sk.png?height=25" alt="" loading="lazy"/> <span class=""> Slovenský jazyk</span> </a> <a class="dropdown-item js_change_lang " role="menuitem" href="/sl_SI/app/website-features" data-url_code="sl_SI" title=" slovenščina"> <img class="o_lang_flag " src="https://odoocdn.com/base/static/img/country_flags/si.png?height=25" alt="" loading="lazy"/> <span class=""> slovenščina</span> </a> <a class="dropdown-item js_change_lang " role="menuitem" href="/es/app/website-features" data-url_code="es" title=" Español (América Latina)"> <img class="o_lang_flag " src="https://odoocdn.com/base/static/img/country_flags/419.png?height=25" alt="" loading="lazy"/> <span class=""> Español (América Latina)</span> </a> <a class="dropdown-item js_change_lang " role="menuitem" href="/es_ES/app/website-features" data-url_code="es_ES" title=" Español"> <img class="o_lang_flag " src="https://odoocdn.com/base/static/img/country_flags/es.png?height=25" alt="" loading="lazy"/> <span class=""> Español</span> </a> <a class="dropdown-item js_change_lang " role="menuitem" href="/th_TH/app/website-features" data-url_code="th_TH" title=" ภาษาไทย"> <img class="o_lang_flag " src="https://odoocdn.com/base/static/img/country_flags/th.png?height=25" alt="" loading="lazy"/> <span class=""> ภาษาไทย</span> </a> <a class="dropdown-item js_change_lang " role="menuitem" href="/tr_TR/app/website-features" data-url_code="tr_TR" title=" Türkçe"> <img class="o_lang_flag " src="https://odoocdn.com/base/static/img/country_flags/tr.png?height=25" alt="" loading="lazy"/> <span class=""> Türkçe</span> </a> <a class="dropdown-item js_change_lang " role="menuitem" href="/uk_UA/app/website-features" data-url_code="uk_UA" title=" українська"> <img class="o_lang_flag " src="https://odoocdn.com/base/static/img/country_flags/ua.png?height=25" alt="" loading="lazy"/> <span class=""> українська</span> </a> <a class="dropdown-item js_change_lang " role="menuitem" href="/vi_VN/app/website-features" data-url_code="vi_VN" title=" Tiếng Việt"> <img class="o_lang_flag " src="https://odoocdn.com/base/static/img/country_flags/vn.png?height=25" alt="" loading="lazy"/> <span class=""> Tiếng Việt</span> </a> </div> </div> </div> <hr class="mt-3 mb-4"/> <p class="small text-muted">Odoo is a suite of open source business apps that cover all your company needs: CRM, eCommerce, accounting, inventory, point of sale, project management, etc.</p> <p class="small text-muted mb-4">Odoo's unique value proposition is to be at the same time very easy to use and fully integrated.</p> <div class="o_footer_social_media mb-4"> <a target="_blank" href="https://www.facebook.com/odoo" class="me-3"><i class="fa fa-fw fa-facebook"></i></a> <a target="_blank" href="https://twitter.com/Odoo" class="me-3"><i class="fa fa-fw fa-twitter"></i></a> <a target="_blank" href="https://www.linkedin.com/company/odoo" class="me-3"><i class="fa fa-fw fa-linkedin"></i></a> <a target="_blank" href="https://github.com/odoo/odoo" class="me-3"><i class="fa fa-fw fa-github"></i></a> <a target="_blank" href="https://www.instagram.com/odoo.official" class="me-3"><i class="fa fa-fw fa-instagram"></i></a> <a target="_blank" href="https://www.tiktok.com/@odoo" class="me-3"><i class="fa fa-fw fa-tiktok"></i></a> <a target="_blank" class="me-3" href="tel:+3222903490"><i class="fa fa-fw fa-phone"></i></a> <a target="_blank" href="https://wa.me/85264491993"><i class="fa fa-fw fa-whatsapp"></i></a> </div> </div> </div> </div> <div class="o_footer_copyright o_not_editable"> <div class="container py-3 text-center"> <a class="small" href="/app/website">Website made with <span class="o_logo o_logo_inverse o_logo_15"></span></a> </div> </div> </footer> </div> <div id="o_live_modal" class="modal fade" tabindex="-1" role="dialog" contentEditable="false"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h3 class="mt-1"><b>Odoo Experience</b> on YouTube</h3> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"><span title="Close" class="fa fa-times"></span></button> <p class="text-black"> <b>1.</b> Use the live chat to ask your questions.<br/> <b>2.</b> The operator answers within a few minutes. </p> </div> <div class="modal-body bg-200"> <img src="https://odoocdn.com/openerp_website/static/src/img/2016/live-support/info.gif" class="img img-fluid" alt="Live support on Youtube" loading="lazy"/> </div> <div class="modal-footer"> <a class="btn btn-primary btn-lg" target="_blank" href="https://www.odoo.com/event/odoo-experience-2024-4662/track">Watch now<i class="fa fa-1x fa-long-arrow-right ms-1"></i></a> </div> </div> </div> </div> </body> </html>

CINXE.COM

Open Source Website Builder Features | Odoo