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 eCommerce section, and select one of the following options for the Add to cart feature:

  • Stay on Product Page: The customer can choose if they want to Add to cart and continue shopping or Go to the Checkout.

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

Button customization

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

Note

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 display the Contact Us button and a note saying Not Available For Sale , you need to hide your prices on your product page.

Le bouton 'Contactez-nous' sur la page produit

Note

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.

Note

  • 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 Add to Cart and continue shopping or Go to Checkout.

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

Astuce

In the website editor, 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 Style tab.

Acheter maintenant

To let customers choose to go to the Order summary step directly, you can add an additional Buy now button. To do so, go to any product’s page, open the website editor, go to the Style tab, and click the Buy Now button next to the Purchase Options.

Buy now button

Reorder products

Customers can reorder items from a previous sales order:

  • from their customer portal, using the Order Again button. All products from the selected order are automatically added to the cart, and customers can then Remove any items they don’t want to reorder.

    Reorder button
  • from the cart, by clicking Quick reorder at the Order summary step. Customers can then adjust quantities as needed and click the (cart) button next to the product(s) they want to reorder.

    Quick reorder button

Étapes de paiement

During the checkout process, customers are taken through the following steps:

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

Note

Content added through building blocks is specific to each step.

Astuce

Restrict access to the shop and checkout for specific customers, e.g., in a B2B business setup.

Order summary

The Order summary step allows customers to see the items they added to their cart, adjust quantities, Remove products, and reorder products from a previous order. Information related to the product prices and taxes applied are also displayed. Customers can then click the Checkout button to continue to the Address and delivery step.

Open the website editor to enable checkout options such as:

  • Suggested Accessories: to showcase accessory products;

  • Promo Code: to allow customers to redeem gift cards or apply discount codes;

  • Add to Wishlist: Enable wishlists to allow signed-in users to remove a product from their cart and add it to their wishlist using the Save for later option.

Note

  • 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.

Address and delivery

Once they have reviewed their order:

  • Unsigned-in customers are prompted to Sign in or enter their Email address, along with their delivery address and phone details;

  • Signed-in customers can select the appropriate Delivery address.

They can then choose a delivery method, select or enter their Billing Address (or toggle the Same as delivery address switch if the billing and delivery addresses are identical), and click Confirm to proceed to the next step.

Astuce

  • For B2B customers, you can also enable optional VAT and Company name fields by toggling the Show B2B Fields option in the website editor.

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

Infos supplémentaires

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.

Paiement

At the Payment step, customers can Choose a payment method, enter their payment details, and click Pay now.

To make payment methods available to customers, configure and enable one or more payment provider(s). To do so, go to Website ‣ Configuration ‣ Payment Providers, Activate the relevant payment provider, and configure it.

Astuce

The options displayed at checkout depend on the active payment providers, the enabled payment methods, the customer’s country and currency, and, optionally, the maximum amount set for the provider.

To display an availability report for payment providers and payment methods and help diagnose potential availability issues on the payment form, enable the developer mode and click the (bug) icon.

Terms and conditions

To require customers to agree to the terms and conditions before payment, open the website editor and toggle the Accept Terms switch in the Style tab.

E-wallets et cartes-cadeaux

Customers can pay with an eWallet or gift card during checkout. To offer these options, go to Website ‣ Configuration ‣ Settings and enable Discounts, Loyalty & Gift Card in the eCommerce section. Then, go to Website ‣ eCommerce ‣ Gift cards & eWallet and create a gift card and/or eWallet program.

Gift card and eWallet options at checkout

Order confirmation

The final step of the checkout process is the Order confirmation, which provides a summary of the customer’s purchase details.

Pour plus d'infos

Order handling documentation