注文とチェックアウト

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.

注文ボタン

Odoo eコマースでは、以下を行って、注文プロセス(オーダ処理)をカスタマイズすることができます:

「カートに追加」ボタンのオプション

デフォルトの動作

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 remains on the product page after adding a product to the cart. If the added product has linked optional products, the customer can choose between Add to cart (to stay on the product page) and Go to Checkout (to be redirected to the cart).

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

ボタンのカスタマイズ

:guilabel:`カートに追加`ボタンを:guilabel:`お問い合わせ`ボタンに置き換えることができ、ユーザはデフォルトのお問い合わせフォームにリダイレクトされます。

注釈

プロダクトをカートに追加する機能を無効にするのは、オンラインカタログを公開したいが価格を一般に公開できない(例:カスタム価格や変動価格を提供する)ビジネスでよく使われる手法です。

To display the Contact Us button, you need to hide prices on the product page. When the customer clicks the Contact Us button, by default, they are redirected to the contact form where the Subject field is already auto-filled with the requested product's name.

追加の「カートに追加」ボタン

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:

  • プロダクト: ボタンにリンクさせるプロダクトを選択します。

  • Action: Choose whether to use an Add to Cart or Buy Now button.

注釈

  • If the product has variants, either choose one or leave the option set to Visitor's Choice, which prompts the customer to select a variant before choosing to Add to cart and continue shopping or to Go to Checkout.

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

ちなみに

In the website editor, it is also possible to show or hide the (cart) icon in the page's header. To do so, click the header, go to the Style, navigate to the Show/Hide Elements section, and toggle the (cart) button next to the Show Empty option. If it is not enabled, the cart icon appears only when an item is added to the cart. The number of items in the cart is also displayed next to the icon.

今すぐ購入

To let customers choose to go directly to the Order summary step, 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.

「今すぐ購入」ボタン

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

チェックアウト手順

During checkout, 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.

注釈

ビルディングブロックで追加したコンテンツは、各ステップに 固有 のものです。

ちなみに

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

注文概要

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 on product prices and the taxes applied is also displayed. Customers can then click the Checkout button to continue to the Address step.

ウェブサイトエディタを開き、チェックアウトオプションを 有効化 してください。

注釈

  • 会計ポジション が自動的に検出された場合、プロダクトの税は顧客の IP アドレスに基づいて決定されます。

  • インストールされている 決済プロバイダーエクスプレスチェックアウト をサポートしている場合、専用のボタンが表示され、顧客は問い合わせフォームに入力することなく、カートから直接確定ページに進むことができます。

Address

注文内容を確認した後、次のステップに進みます:

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

  • ログインしている顧客は、希望の 配送先 を選択できます。

その後、配送方法を選択 し、請求先住所 を選択または入力し (請求先住所と配送先が同じ場合は 配送先と同じ スイッチを切り替えます)、確定 をクリックして次のステップに進みます。

ちなみに

  • For B2B customers, you can also enable optional B2B fields 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.

  • When the Pick up in store delivery method is selected, the customer can Choose a pick-up point, provided several pick-up points are available.

追加情報

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.

支払

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

注釈

When the Cash on Delivery payment option is enabled, the customer must click the Confirm button and pay upon delivery.

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.

ちなみに

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.

利用規約

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.

eWalletsとギフトカード

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

注文確認

The final step of the checkout process is the order confirmation page, which provides a summary of the customer's purchase details. A sales order is automatically created in the backend. Enable the Automatic Invoice setting to automatically send an invoice to the customer.