Ordering and checkout

Odoo eCommerce provides several options to organize the ordering and checkout process. It offers different order button options and sequential checkout steps, some of which support additional features. The related buttons and checkout pages can be customized using the website editor.

Order buttons

To customize the ordering process in Odoo eCommerce, you can:

Add to cart options

Default add to cart behavior

When clicking the Add to cart button, different actions can be triggered. To configure them, go to Website ‣ Configuration ‣ Settings, scroll down to the Shop - Checkout Process section, and select one of the following options:

  • Stay on Product Page: The customer remains on the product’s page.

  • Go to cart: The customer is immediately redirected to the cart.

  • Let the user decide (dialog): The customer can choose if they want to go to the cart (Proceed to Checkout) or if they prefer to stay on the product page (Continue Shopping).

Nota

This dialog box always appears regardless of the configuration to suggest optional products, if any.

Button customization

You can replace the Add to Cart button with a Contact Us button, which redirects users to the default contact form.

Nota

Removing the ability to add products to the cart is often used by businesses that want to display an online catalog but cannot share prices publicly (e.g., to offer custom or variable pricing).

To do so, go to Website ‣ Configuration ‣ Settings. Under the Shop - Products section, tick Prevent Sale of Zero Priced Product. A new Button url field appears to enter a redirect URL.

Then, for all products that should display the Contact Us button, set their price to 0 using the product form or a pricelist.

Botão "Entre em contato" na página do produto

Nota

The Contact Us button label, URL, and the Not Available For Sale text beneath the product title and description can be modified on the product’s page while in Edit mode.

Additional add to cart buttons

You can add additional Add to Cart buttons and link them to specific products on any website page.

To add them, open the website editor and place the Add to Cart Button inner content building block. Once placed, click the button, scroll to the Add to Cart Button section, and configure the following:

  • Product: Select the product to link the button with.

  • Action: Choose if it should be an Add to Cart or Buy Now button.

Nota

  • If the product has variants, either choose one or leave the option on Visitor’s Choice, which prompts the customer to select a variant and then to Proceed to Checkout or Continue Shopping.

  • The default Add to Cart button does not offer those options, but its label can be changed.

Dica

While in Edit mode, it is also possible to show or hide the (cart) icon in the page’s header. Click the header and then the (cart) button next to the Show Empty option under the Customize tab.

Comprar agora

To let customers choose to go to the review order step directly, you can add an additional Buy now button. To do so, go to Website ‣ Configuration ‣ Settings. Under the Shop - Checkout Process section, tick the Buy Now feature.

Dica

Alternatively, enable the feature by going to any product’s page while in Edit mode and, in the Customize tab, clicking the Buy Now button next to the Cart options.

Buy now button

Pedir novamente pelo portal

You can let customers re-order items from previous sales orders from their customer portal using the Order Again button. To add it, go to Website ‣ Configuration ‣ Settings. Under the Shop - Checkout Process section, tick the Re-order From Portal feature.

Botão Pedir novamente

Política de check-out

Para permitir que os clientes façam o checkout como convidados ou forçá-los a entrar/criar uma conta, vá para Site ‣ Configuração ‣ Definições, role para baixo até a seção Loja - Processo de check-out e configure a opção Entrar/inscrever-se no checkout. As seguintes opções estão disponíveis:

  • Opcional: Os clientes podem fazer check-out como visitantes e se inscrever posteriormente, por meio do e-mail de confirmação do pedido, para rastrear o pedido.

  • Desabilitado (comprar como visitante): Os clientes podem fazer o checkout como visitante, sem criar uma conta.

  • Obrigatório (sem checkout de visitante): Os clientes devem entrar ou criar uma conta na etapa Revisar pedido para concluir a compra.

Gerenciamento de acesso B2B

To restrict checkout to selected B2B customers:

  1. Vá para Site ‣ Configuração ‣ Definições e, na seção Loja - Processo de checkout, ative a opção Obrigatório (sem checkout de visitante).

  2. Role para baixo até a seção Privacidade, vá para Conta do cliente e selecione Com convite.

  3. Go to Website ‣ eCommerce ‣ Customers, switch to the List view, and select the customers you wish to grant access to your portal.

  4. Clique no botão Ações e, em seguida, Conceder acesso ao portal.

  5. Revise os clientes selecionados na janela pop-up Gerenciamento de acesso ao portal e clique em Conceder acesso.

Uma vez feito isso, os clientes relevantes recebem um e-mail confirmando a criação da conta, incluindo instruções sobre como definir uma senha e ativar a conta.

Nota

  • Você pode revogar o acesso ou convidar novamente um cliente usando os botões relacionados no pop-up Gerenciamento de acesso ao portal.

  • Users can only have one portal access per email.

  • Settings are website-specific, so you could set up a B2C website that allows guest checkout and a B2B website with mandatory sign-in.

Etapas do checkout

Durante o processo de check-out, os clientes são conduzidos pelas seguintes etapas:

Each step can be customized using the website editor by adding building blocks or opening the Customize tab to enable various checkout options.

Nota

O conteúdo adicionado pelos blocos de construção é específico para cada etapa.

Revisar pedido

A etapa Revisar pedido permite que os clientes vejam os itens que adicionaram ao carrinho, ajustem as quantidades ou removam produtos. Também são exibidas informações relacionadas aos preços dos produtos e aos impostos aplicados. Os clientes podem então clicar no botão Check-out para prosseguir à etapa Entrega.

Abra o editor do site para habilitar as opções de check-out, como:

Nota

  • If a fiscal position is detected automatically, the product tax is determined based on the customer’s IP address.

  • If the installed payment provider supports express checkout, a dedicated button is displayed, allowing customers to go straight from the cart to the confirmation page without filling out the contact form.

Entregas

Depois de revisar o pedido:

  • Os clientes não cadastrados são solicitados a Inscrever-se ou inserir seu Endereço de e-mail, juntamente com o endereço de entrega e detalhes telefônicos;

  • Os clientes registrados podem selecionar o Endereço de entrega adequados.

Eles podem então escolher um método de entrega, selecionar ou digitar seu Endereço de cobrança (ou alternar a opção Igual ao endereço de entrega se os endereços de cobrança e de entrega forem idênticos) e clicar em Confirmar para prosseguir para a próxima etapa.

Dica

  • Para clientes B2B, você também pode ativar os campos opcionais CNPJ e Nome da empresa ativando a opção Mostrar campos B2B no editor do site.

  • You can add a checkbox for users without an account to sign up for a newsletter. To do so, go to Website ‣ Configuration ‣ Settings. Under the Shop - Checkout Process section, enable the Newsletter feature and select a Newsletter List.

Informações adicionais

You can add an Extra Info step in the checkout process to collect additional customer information through an online form, which is then included in the sales order. To do so, enable the Extra Step option in the website editor. The form can be customized as needed.

Dica

Alternatively, go to Website ‣ Configuration ‣ Settings, scroll to the Shop - Checkout Process section, enable Extra Step During Checkout, and click Save. Click Configure Form to customize it.

Pagamento

Na etapa Pagamento, os clientes escolhem uma forma de pagamento, inserem seus detalhes de pagamento e clicam em Pagar agora.

You can require customers to agree to your terms and conditions before payment. To enable this option, go to the website editor and toggle the Accept Terms & Conditions feature.

Dica

Enable the developer mode and click the (bug) icon to display an availability report for payment providers and payment methods, which helps diagnose potential availability issues on the payment form.

Confirmação do pedido

A etapa final do processo de check-out é a Confirmação do pedido, que fornece um resumo dos detalhes da compra do cliente.