Ordinazione e 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.

Pulsanti ordine

Per personalizzare il processo di ordinazione in Odoo e-commerce, puoi:

Opzioni aggiungi al carrello

Comportamento predefinito aggiungi al carrello

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.

Personalizzazione pulsante

Puoi sostituire il pulsante Aggiungi al carrello con un pulsante Contattaci, che reindirizza gli utenti al modulo di contatto predefinito.

Nota

La rimozione della possibilità di aggiungere prodotti al carrello è spesso utilizzata da aziende che desiderano mostrare un catalogo online ma non possono condividere i prezzi pubblicamente (ad esempio, per offrire prezzi personalizzati o variabili).

To display the Contact Us button and a note saying Not Available For Sale , you need to hide your prices on your product page.

Contact us button on product page

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.

Pulsanti aggiungi al carrello aggiuntivi

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:

  • Prodotto: seleziona il prodotto da collegare al pulsante.

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

Suggerimento

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.

Acquista ora

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.

Suggerimento

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.

Pulsante acquista ora

Re-order from 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.

Re-order button

Passaggi di checkout

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 Customize tab to enable various checkout options.

Nota

Il contenuto aggiunto tramite blocchi di costruzione è specifico per ogni passaggio.

Suggerimento

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

Review order

The Review Order step allows customers to see the items they added to their cart, adjust quantities, or Remove products. Information related to the product prices and taxes applied are also displayed. Customers can then click the Checkout button to continue to the Delivery step.

Aprire l’editor del sito web per abilitare opzioni di checkout come:

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

Nota

  • Se una posizione fiscale viene rilevata automaticamente, l’imposta sul prodotto è determinata in base all’indirizzo IP del cliente.

  • Se il fornitore di pagamento installato supporta il checkout espresso, viene visualizzato un pulsante dedicato che consente ai clienti di passare direttamente dal carrello alla pagina di conferma senza compilare il modulo di contatto.

Consegna

Una volta revisionato l’ordine:

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

  • I clienti registrati possono selezionare l”Indirizzo di consegna appropriato.

Possono quindi scegliere un metodo di consegna, selezionare o inserire il loro Indirizzo di fatturazione (o attivare l’interruttore Uguale all’indirizzo di consegna se gli indirizzi di fatturazione e consegna sono identici) e fare clic su Conferma per procedere al passaggio successivo.

Suggerimento

  • Per i clienti B2B, puoi anche abilitare campi B2B opzionali nell’editor del sito web.

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

Info aggiuntive

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.

Suggerimento

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

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

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.

Suggerimento

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.

Conferma dell’ordine

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